/*
Light  Border - #d7d7d7
Dark Border - #bbb;
*/
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,700);
html,body{}
h1,h2,h3,h4,h5,h6{font-family:Ubuntu,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}*/
.rounded0 { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0;  border-radius: 0; }
.rounded3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  border-radius: 3px; }
.rounded5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  border-radius: 5px; }
.rounded10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;  }
.roundedr10 { -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0;  border-radius: 0 10px 10px 0;  }
.roundedb10 { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px;  border-radius: 0 0 10px 10px;  }
.rounded15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;  border-radius: 15px;  }
.shadow,.shadow1,.shadow2,.shadow3, .shadow4{ background:#fff;}
.shadow{-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.1)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.1)');}
.shadow1{-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.2)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.2)');}
.shadow2{ -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.3)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.5)');}
.shadow3{-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.5)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.5)');}
.shadow4{-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.8)')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0, 0, 0, 0.8)');}
.shadow-fixed{box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);}
.page-header, .page-header h2{ margin:0; padding-top:0; border:none}

#bd a:focus, #bd a:hover{outline:none}
#bd .borderbl{ border-bottom:1px solid #d7d7d7;}
#bd .borderdd{ border-bottom:1px solid #bbb;}
#bd .noborder{ border:none}
#bd .floatleft{ float:left}
#bd .floatright{ float:right}
#bd .padding0{ padding:0}
#bd .padd5{ padding:5px;}
#bd .padd10{ padding:10px;}
#bd .paddt10{ padding-top:10px;}
#bd .paddb10{ padding-bottom:10px;}
#bd .paddb20{ padding-bottom:20px;}
#bd .paddt20{ padding-top:20px;}
#bd .padd15{ padding:15px;}
#bd .padd20{ padding:20px;}
#bd .margin0{ margin:0}
#bd .marl0{ margin:0;}
#bd .marg10{ margin:10px;}
#bd .margt10{ margin-top:10px;}
#bd .margt20{ margin-top:20px;}
#bd .margb20{ margin-bottom:20px;}
#bd .margb10{ margin-bottom:10px;}
.alleft{ float:none}
.alright{ float:none;}
img.alleft{ margin:0 auto 10px auto}
img.alright{margin:0 auto 10px auto;}
.bg{ background:#eee;}
.table th{background:#f8f8f8; text-transform:uppercase;}
.span5 table{background:#f8f8f8;}
.item-page{ min-height:300px}

body { 
    /*    background-image:url('../img/dstvbgmx_dark.jpg');
           background-size: contain;
           background-repeat: no-repeat;*/
    background-color: white!important;
}
.main-logo{
    height:35px;
}
#bd{ 
    /*background:#996f3d url(../img/dstvbgmx_dark.jpg) center top no-repeat fixed;*/ 
    font-family: 'Open Sans', sans-serif; margin:0px; padding:0px;
    background-size:cover;
}
h1,h2,h3,h4,h5,h6,.site-title{}
.container{ max-width:950px; }
.main{background:#fff; min-height:580px;}
.header,.footer{ background:#096a97; color:#fff; padding:15px;}
.control-group.field-jform_spacer{ display:none;}
.balance{ display:none; font-size:15px; color:#545454; position:relative; margin-top:20px;   background-color: rgba(255, 255, 0, 0.09);}
#loading{ 
    /*        position:absolute; 
              height:100%; */
    top:0px; bottom:0px; 
    left:0px; 
    padding-top:40px;
    padding-bottom:20px;
    right:0px; 
    background:#fff; z-index:3}

.balance  .label{ 
    min-width: 75px;
    text-align: right;
    margin-bottom: 10px;
    padding: 5px;
    padding-right: 10px;
}
.balance .value{ color:#000; padding-left:5px;}
.steps{ font-weight:bold; text-align:center; margin-bottom:5px;}
#bd .steps .span4{width:33.3333%; float:left; margin:0px; padding:0 0 5px 0;}
.steps  .span4.active{ color:#096a97;}
#sidebar{ text-align:center;}
#sidebar h2{ color:#0175b2; font-size:1.8em; font-weight:normal; line-height:1.2em;}
.bouquets{ margin-top:8px;}
.bouquets h3{ margin:-5px 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #dcdcdc;}
.bouquets .accordion-heading{ text-transform:capitalize;}
.bouquets .accordion-inner{ font-size:0.9em}
.tip-wrap {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 100;
}
.tip-title{display:none;}
.product_currency{ color:#000;}
.status{ background:#ecf9e9; border:1px solid #5aaf49; color:#5aaf49; padding:10px;}
.footer .nav > li > a{color:#fff;}
.footer .nav > li > a:hover, .footer .nav > li > a:focus, .footer .nav > li > a:active{ color:#fff; background:#055072;}
.star{ color:#F00;}
#bd .btn-fb,#bd .btn-tw,#bd .btn-gp{color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
#bd .btn-fb{
    border:1px solid #354073;
    background-color:#3b5e93;
    background-image:-webkit-linear-gradient(top,#5380c4,#3b5e93);
    background-image:-moz-linear-gradient(top,#5380c4,#3b5e93);
    background-image:-o-linear-gradient(top,#5380c4,#3b5e93);
    background-image:-ms-linear-gradient(top,#5380c4,#3b5e93);
    background-image:linear-gradient(top,#5380c4,#3b5e93);
}
#bd .btn-tw{
    border:1px solid #276083;
    background-color:#3a88a3;
    background-image:-webkit-linear-gradient(top,#6ab9ca,#3a88a3);
    background-image:-moz-linear-gradient(top,#6ab9ca,#3a88a3);
    background-image:-o-linear-gradient(top,#6ab9ca,#3a88a3);
    background-image:-ms-linear-gradient(top,#6ab9ca,#3a88a3);
    background-image:linear-gradient(top,#6ab9ca,#3a88a3);
}
#bd .btn-gp{
    border:1px solid #8a3215;
    background-color:#b13c1f;
    background-image:-webkit-linear-gradient(top,#c65230,#b13c1f);
    background-image:-moz-linear-gradient(top,#c65230,#b13c1f);
    background-image:-o-linear-gradient(top,#c65230,#b13c1f);
    background-image:-ms-linear-gradient(top,#c65230,#b13c1f);
    background-image:linear-gradient(top,#c65230,#b13c1f);
}
#bd .dstv-social a{ margin:0 auto 10px;  display:block; max-width:50%;}
.btn-again{ margin:15px 0;}
.psrelative{ position:relative;}
.gobtn{ position:absolute; right:0px; top:0px;}



.powered-by{
    color:white!important;
    font-weight:100!important;
    font-style: italic;
    font-size: 112%;
    color: rgb(223, 220, 220)!important;
}

.main.container{
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
}

#dstv_advert{
    -webkit-box-shadow: 1px 2px 7px 0px rgba(145, 145, 145, 0.75);
    -moz-box-shadow:    1px 2px 7px 0px rgba(145, 145, 145, 0.75);
    box-shadow:         1px 2px 7px 0px rgba(145, 145, 145, 0.75);
}
.advert-title{
    margin-bottom:10px;
}

.callback_status_failed{
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
}
.callback_status_pending{
    color: #e1890b;
    background-color: #fee9d4;
    border-color: #f89224;
}
.callback_status_completed{
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}



#gobtn{
    height: 23px!important;
    font-size: 124%;
    padding: 15px!important;
    border: none;
    background: #096A97!important;
    color: white;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: initial!important;
    background-image: -webkit-linear-gradient(top, #7f1bc2, #6900a6);
    background-image: -moz-linear-gradient(top, #7f1bc2, #6900a6);
    background-image: -ms-linear-gradient(top, #7f1bc2, #6900a6);
    background-image: -o-linear-gradient(top, #7f1bc2, #6900a6);
    background-image: linear-gradient(to bottom, #7f1bc2, #6900a6);
    margin: 1px;
}
#gobtn:hover{
    background: #690f8a;
    background-image: -webkit-linear-gradient(top, #690f8a, #410359);
    background-image: -moz-linear-gradient(top, #690f8a, #410359);
    background-image: -ms-linear-gradient(top, #690f8a, #410359);
    background-image: -o-linear-gradient(top, #690f8a, #410359);
    background-image: linear-gradient(to bottom, #690f8a, #410359);
}
#jform_account{
    height: 55px!important;
    font-size: 132%;
    padding: 10px!important;
}
#checkbalance-container{
    padding-top:20px;
    padding-bottom:5px;
}
.header-bg{
    background-color: rgba(215, 215, 215, 0.49);

    background-image: url('../img/header_bg_2.jpg');
    background-size: cover;
    color: rgb(248, 235, 255);
    text-shadow: 2px 3px 2px rgba(7, 6, 6, 1);
    background-position: top;
}
.header-bg h1{
    font-weight: 600;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 25px;
}
.header-search{
    margin-top:10px;
    font-size:15px;
}

.download-app{
    margin-bottom: 20px!important;
}
@media (max-width:490px){

    .header-search{
        text-align: left;
        display: block;
        float: left!important;
    }
}



@media (max-width: 767px) {
    #bd{ background:#996f3d;}
    .balance{ padding-top:5px; padding-left:0px;}
    #bd .balance img, #bd .balance .span1{display:none;}
    #bd .steps .span4{ font-size:0.9em}
    #loading{ text-align:center; top:5px;padding-left:0px;}
    .footer { text-align:center;}
    .footer .pull-right{float:none;}
    .footer .nav.nav-pills li{ float:none; display:block; text-align:center; margin-bottom:5px;} 
    .dstvaction{ width:100%}
    .dstvaction{ width:100%; padding-left:10px!important}
    .dstvaction:first-child{ padding-left:20px !important}
    .header-bg h1{
        font-size: 33px;
        line-height: 50px;
    }

}
@media (min-width: 768px) and (max-width: 979px){
    .balance{ border-left:1px solid #dcdcdc; padding-left:10px;}
    .dstvaction{ width:100%; padding-left:10px!important}
    .dstvaction:first-child{ padding-left:20px !important}

}
@media (min-width: 980px) {
    .balance{ 
        border-left:0px solid #dcdcdc; 
        padding:10px;
    }
    .dstvaction{ width:25%}
}