body
{
  padding-top: 15px;
  background-color: #ddd;
}
@media screen and (max-width: 768px) {
    body { background-color:#fff; padding-top:45px; }
}
.row {
  background-color: #fff;
}
.site-header
{
  margin-top:0px;
  margin-bottom:0;
  padding-bottom:0;
  background-color: transparent;
  border-bottom:none;
}
.site-header .col-lg-12
{
  padding: 15px 0;
  background-color: #3f3d3c;
  background-image: url('../images/header.png');
  background-position: center top;
  background-size: cover;
  background-repeat: none;
}
.site-header .col-xs-12
{
  padding: 5px 0;
  background-color: #3f3d3c;
  background-image: url('../images/header.png');
  background-position: center top;
  background-size: cover;
  background-repeat: none;
}
.optional-header {
  background-color: #ccc;
}
.optional-header .col-xs-12 {
  padding-bottom:20px;
}
.navbar-inverse {
    background-color: #3f3d3c !important;
    border-color: #e7e7e7;
}
.navbar-inverse .navbar-brand {
  margin:0;
  padding:0;
}
.navigation
{
  background-color: transparent;
  margin-bottom: 0;
}
.navbar
{
  margin-bottom:0;
}
.navbar-default
{
  border-radius: 0;
}


.navbar-default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf22d+0,fcdd2d+100 */
  background: #fcf22d; /* Old browsers */
  background: -moz-linear-gradient(top, #fcf22d 0%, #fcdd2d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fcf22d 0%,#fcdd2d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcf22d 0%,#fcdd2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf22d', endColorstr='#fcdd2d',GradientType=0 ); /* IE6-9 */
  border-color: #fcdd2d;
  border-bottom-color: #fcf22d;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcdd2d+0,f4d000+100 */
  background: #fcdd2d; /* Old browsers */
  background: -moz-linear-gradient(top, #fcdd2d 0%, #f4d000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fcdd2d 0%,#f4d000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcdd2d 0%,#f4d000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd2d', endColorstr='#f4d000',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav > li > a {
    color: #5B5B5B;
}
.content {
  padding-top:10px;
}
.menu {
  margin-left: 0;
  padding-left:0;
  list-style-type: none;
}
.menu li {
  padding-bottom:7px;
  text-transform: capitalize;
}
.footer
{
  padding:15px;
  background-color: #3f3d3c;
}
.footer .navigation
{
  margin-top: 0;
}
.footer p
{
  color: #ddd;
}
.footer a
{
  color: #fff;
}
.alert {
  border-radius: 0px;
}
.alert-error {
  padding:5px;
  border: #f2dede solid 1px;
  color: #a94442;
  background-color: #f2dede;
  display:block;
  border-radius:4px;
  font-weight:normal;
}



.glyphiconxl
{
  font-size:50px;
  padding: 10px;
}
div.panel-heading[data-toggle=collapse]
{
  cursor: pointer;
}



.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-bottom:15px;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.btn.shadow {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}



.bg-primary-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b699b+0,5ca6e6+56,2f77a8+100 */
  background: #2b699b; /* Old browsers */
  background: -moz-linear-gradient(top,  #2b699b 0%, #5ca6e6 56%, #2f77a8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2b699b 0%,#5ca6e6 56%,#2f77a8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2b699b 0%,#5ca6e6 56%,#2f77a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b699b', endColorstr='#2f77a8',GradientType=0 ); /* IE6-9 */
}
.bg-primary-gradient h2, .bg-primary-gradient h3 {
  color:#fff;
  text-shadow: 1px 1px 2px #000000;
}

.panel { border-radius: 0px; }
.panel-heading { border-radius: 0px; }
.panel-primary > .panel-heading { text-shadow: 1px 0px 1px #800000; }
.panel-menu { border-bottom: none; }
.panel-body { padding:0; }
.panel-menu .menu { margin:0; }
.panel-menu .menu li { padding-top:10px; padding-left:10px; border-bottom:#2e6da4 solid 1px; }
.panel-menu li.active { background-color: #5bc0de; }
.panel-menu li.active a, .panel-menu li.active a:link, .panel-menu li.active a:visited { color:#fff; }


.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}


/* product chart css  */
.panel.product-chart
{
    text-align: center;
}

.panel.product-chart .panel-body
{
    padding: 0px;
    text-align: center;
}
.panel.product-chart .the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}
.panel.product-chart .the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}
.panel.product-chart .subscript
{
    font-size: 25px;
}

/* menu controls */
.panel-body.hotspot_controls ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
.panel-body.hotspot_controls ul li {
  padding-left:10px;
  padding-top: 7px;
}
.panel-body.hotspot_controls ul li span {
  padding-right:3px;
}

/* dashboard cards */
.ui-card .shape{
  border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
-ms-transform:rotate(360deg); /* IE 9 */
-o-transform: rotate(360deg);  /* Opera 10.5 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
transform:rotate(360deg);
}
.ui-card .offer{
background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.ui-card .offer:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform:rotate scale(1.1);
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  }
.ui-card .shape {
border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.ui-card .offer-radius{
border-radius:7px;
}
.ui-card .offer-danger {	border-color: #d9534f; }
.ui-card .offer-danger .shape{
border-color: transparent #d9534f transparent transparent;
}
.ui-card .offer-success {	border-color: #5cb85c; }
.ui-card .offer-success .shape{
border-color: transparent #5cb85c transparent transparent;
}
.ui-card .offer-default {	border-color: #999999; }
.ui-card .offer-default .shape{
border-color: transparent #999999 transparent transparent;
}
.ui-card .offer-primary {	border-color: #428bca; }
.ui-card .offer-primary .shape{
border-color: transparent #428bca transparent transparent;
}
.ui-card .offer-info {	border-color: #5bc0de; }
.ui-card .offer-info .shape{
border-color: transparent #5bc0de transparent transparent;
}
.ui-card .offer-warning {	border-color: #f0ad4e; }
.ui-card .offer-warning .shape{
border-color: transparent #f0ad4e transparent transparent;
}
.ui-card .lead{ margin-bottom:15px; }
.ui-card .shape-text{
color:#fff; font-size:12px; font-weight:bold; position:relative; right:-45px; top:2px; white-space: nowrap;
-ms-transform:rotate(30deg); /* IE 9 */
-o-transform: rotate(360deg);  /* Opera 10.5 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
transform:rotate(30deg);
}
.ui-card .offer-content{
padding:0 20px 10px;
}
.navbar-inverse {
    border-color: #000;
}
.navbar-inverse .navbar-toggle {
    background-color: #fcdd2d;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fcf22d;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}
.btn { border-radius: 0px; }
.well { border-radius: 0px; }
.input-group-addon {
  border-radius:0;

 }

/* index */
.call-to-register.hidden-sm.hidden-md.hidden-lg {
  background:#000 url('../images/call-to-register-xs-12.jpg') center bottom no-repeat;
  background-size: cover;
}
.call-to-register.hidden-sm.hidden-md.hidden-lg .register {
  padding-top:20px;
  padding-bottom:10px;

}
.call-to-register.hidden-sm.hidden-md.hidden-lg .login {
  padding-top:20px;
  padding-bottom:20px;
}
.call-to-register.hidden-sm.hidden-md.hidden-lg .header {
  color:#fff; font-size:20px;
}
.call-to-register.hidden-sm.hidden-md.hidden-lg .subtext {
  color:#44A6BD;
}

.call-to-register.hidden-xs .col-sm-6 .register {
  margin-top:15px;
  background:#26456C url('../images/call-to-register-sm-6-a.jpg') left top no-repeat;
  background-size: cover;
  padding:0 15px 15px 15px;
}
.call-to-register.hidden-xs .col-sm-6 .register h4 {
    color:#fff;
    margin: 0 -15px;
    padding:10px 15px;
    background: rgba(0, 0, 0, 0.25);
}
.call-to-register.hidden-xs .description {
  color:#fff;
  padding:15px;
}
.call-to-register.hidden-xs .signup-button-sm .left {
  width:150px;
  padding-left:15px;
  color:#204262;
  background: rgba(226,226,226,1);
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
  border: #fff solid 1px;
  text-shadow: 0px 0px 2px #FFFFFF;
  cursor: pointer;
}
.call-to-register.hidden-xs .signup-button-sm .left .price {
  font-size: 40px;
  line-height:40px;
  padding-left:5px;
  padding-right:0;
}

.call-to-register.hidden-xs .login-button-sm .left {
  width: 95px;
  padding:12px 15px 12px 15px;
  color:#204262;
  background: rgba(226,226,226,1);
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
  border: #fff solid 1px;
  text-shadow: 0px 0px 2px #FFFFFF;
  cursor: pointer;
}
.call-to-register.hidden-xs .login-button-sm .left a, .call-to-register.hidden-xs .login-button-sm .left a:link, .call-to-register.hidden-xs .login-button-sm .left a:visited, .call-to-register.hidden-xs .login-button-sm .left a:hover {
  text-decoration: none;
}
.call-to-register.hidden-xs .login-button-sm .left span {
  display:block;
  background: transparent url('../images/key-sm-6.png') left 1px no-repeat;
  width:95px;
  height:48px;
  font-size:10px;
  padding-top:0px;
  padding-left:44px;
}

.call-to-register.hidden-xs .login-button-sm .right, .call-to-register.hidden-xs .signup-button-sm .right {
  padding:0;
  text-align: center;
}
.call-to-register.hidden-xs .login-button-sm .right a, .call-to-register.hidden-xs .login-button-sm .right a:visited, .call-to-register.hidden-xs .login-button-sm .right a:hover,
.call-to-register.hidden-xs .signup-button-sm .right a, .call-to-register.hidden-xs .signup-button-sm .right a:visited, .call-to-register.hidden-xs .signup-button-sm .right a:hover {
  color:#fff;
  text-decoration: none;
}
.call-to-register.hidden-xs .login-button-sm .right a:hover, .call-to-register.hidden-xs .signup-button-sm .right a:hover {
  background-color: #42D242;
}
.success-hover {
  background-color: #42D242 !important;
}
.call-to-register.hidden-xs .login-button-sm .right a, .call-to-register.hidden-xs .signup-button-sm .right a {
  display: block;
  font-size:22px;
  padding:20px 15px;
  color:#fff;
  border:#5FBB5F solid 1px;
  background-color: #4DA54D;
}
.call-to-register.hidden-xs .col-sm-6 .login {
  margin-top:15px;
  background:#26456C url('../images/call-to-register-sm-6-b.jpg') left top no-repeat;
  background-size: cover;
  padding:0 15px 15px 15px;
}
.call-to-register.hidden-xs .col-sm-6 .login h4 {
    color:#fff;
    margin: 0 -15px;
    padding:10px 15px;
    background: rgba(0, 0, 0, 0.25);
}

.call-to-prepaid.hidden-xs .right, .call-to-prepaid.hidden-sm.hidden-md.hidden-lg .right {
  padding-top:30px;
}

/* log in */
.login-form.hidden-sm.hidden-md.hidden-lg .login {
  background:#000 url('../images/call-to-register-xs-12.jpg') center bottom no-repeat;
  background-size: cover;
  padding-top:20px;
  padding-bottom:10px;
}
.login-form.hidden-sm.hidden-md.hidden-lg .header {
  color:#fff; font-size:20px;
}
.login-form.hidden-sm.hidden-md.hidden-lg .subtext {
  color:#44A6BD;
}

.login-form.hidden-xs .login {
  background:#000 url('../images/call-to-register-xs-12.jpg') center bottom no-repeat;
  background-size: cover;
  padding-top:20px;
  padding-bottom:10px;
}
.login-form.hidden-xs .header {
  color:#fff; font-size:20px;
}
.login-form.hidden-xs .subtext {
  color:#44A6BD;
}
.extra-padding-top {
  display:block;
  overflow: hidden;
  padding-top:20px;
}
.announcement {
  margin-bottom:20px;
}