
#btn-step-active {
    background-color: #0078D7;
}
.btn-step {
    border: 1px solid #0078D7;
}
.btn-step+p {
    color: #0078D7;
}
.block-step .btn-step:hover {
    background-color: #0078D7; 
}
.btn-primary, .btn-primary.disabled{
    background-color: #0078D7;
    border: 1px solid #0078D7;     
}
.badge {
    background-color: #0078D7;
}
.table>tbody>tr.info>td {
    background-color: #0078D7;
}
.line-right {
    background-color: #0078D7;
}
.line-left {
    background-color: #0078D7;
}
.btn-step>a {
    color: #0078D7;
}
a:focus, a:hover {
    color: #0078D7;
}

@font-face {
 font-family: "Quicksand Bold";
 src: url("../fonts/Quicksand-Bold.ttf");
}

@font-face {
 font-family: "Quicksand Light";
 src: url("../fonts/Quicksand-Light.ttf");
}

@font-face {
 font-family: "Quicksand Regular";
 src: url("../fonts/Quicksand-Regular.ttf");
}

/***********
 * Global
 **********/
body{
    background-color: #ffffff;
    margin-bottom: 50px;
}

.container-main{
    background-color: #FFFFFF;
    min-height: 515px;
}

@media screen and (min-width: 1600px){
    .container {
        width: 1170px;
    }
}

#page-default{
    margin-top: 60px;
}

a{
    color: #0078D7;
}

.navbar-fixed-top .nav>.active>a {
    background-color: #0078D7;
}

/***********
 * Header
 **********/
.wrapper-header{
    background-color: #ffffff;
}

#header.jumbotron{
    background-color: #ffffff;
    padding-bottom: 0;
    margin-bottom: 0;
}

#topBannerWrapper{
    background-color: #f1f1f2;
    padding: 62px 15px;
}

#topBannerWrapper .banner-text{
    position: absolute;
    bottom: -5px;
    font-family: "Quicksand Bold", Arial;
    font-size: 24px;
    color: #6d6f71;
}

#bannerTextWrapper{
   min-height: 125px;
}

.banner-text img{
    vertical-align: baseline;
}

.banner-text strong{
    color: #00ade6;
}

.navbar-fixed-top .navbar-toggle:hover{
    background-color: #FFFFFF;
}

.navbar-fixed-top .navbar-toggle{
    border: 1px solid #FFFFFF;
}


/***********
 * Footer
 **********/
.footer{
    min-height: 50px;
    background-color: #0078D7;
}

#bottomBannerWrapper{
    padding: 15px;
    background-color: #e6e7e8;
}

/***********
 * Top menu
 **********/
.navbar-fixed-top{
    background-color:  #0078D7;
}

.navbar-fixed-top .nav>li>a{
    color: #FFFFFF;
}

.navbar-fixed-top .nav>li>a:focus, 
.navbar-fixed-top .nav>li>a:hover{
    background-color:#56a6b2;
}

.navbar-fixed-top .nav .open>a, 
.navbar-fixed-top .nav .open>a:focus, 
.navbar-fixed-top .nav .open>a:hover{
    background-color:#56a6b2;
}

.shop .product .product-description{
    background-color: #0078D7;
}

/***********
 * Mainmenu
 **********/
.mainmenu{
    background-color: transparent;
}

.mainmenu .container,
.mainmenu .navbar-inverse{
    background-color: #0078D7;
}

.navbar-fixed-top .navbar-toggle .icon-bar{
    background-color: #FFFFFF;
}

.mainmenu .navbar-nav>.active>a, 
.mainmenu .navbar-nav>.active>a:hover,
.mainmenu .navbar-nav>li>a:hover{
    background-color: #faf0e4;
    color: #0078D7;
}

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover{
    background-color: #0078D7;
}

/***********
 * Panel
 **********/
.panel-login h1{
    font-size: 24px;
}

.panel-default>.panel-heading{
    background-color: #0078D7;
    color: #FFFFFF;
}

.panel-default>.panel-heading a{
    color: #FFFFFF;
}

/***********
 * Button
 **********/
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover,
.btn-primary,
.btn-primary.active, 
.btn-primary:active, 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.open>.dropdown-toggle.btn-primary{
    background-color: #0078D7;
    border-color: #0078D7;
}

/*****************
 * Balance block
 ****************/
#balanceBlockWrapper{
    background-color: #e6e7e8;
    padding:50px 15px 30px;
    margin-bottom: 20px;
}

#balanceBlockWrapper .inner{
    display:block;
    background-image: url('../images/top_score.png');
    width:146px;
    height: 262px;
    margin:auto;
    background-repeat: no-repeat;
    position: relative;
    color:#737477;
}

#balanceBlockWrapper .text-wrapper{
    position:absolute;
    top: 35px;
    font-family: "Quicksand Bold", Arial;
    width: 100%;
}

#balanceBlockWrapper .text-wrapper .balance{
    font-size: 40px;    
}

#balanceBlockWrapper .text-wrapper .currency{
    font-size: 24px;    
}

/***********
 * Shop
 **********/
#shopExposedForm .form-group:last-child{
    float:right;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover{
    background-color: #0078D7;
}

#products-carousel-bloc 
.carousel-indicators li{
    border-color:#0078D7;
}

/**************
 * Pagination
 *************/
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{
    background-color: #0078D7;
    border-color: #0078D7;
}

.pagination>li>a, 
.pagination>li>span{
    color:#0078D7;
}

#products-carousel-bloc 
.carousel-indicators li.active{
    background-color: #0078D7;
}

/**************
 * exceptions
 *************/
 .indic-div {margin-top:10px;}