@media (min-width:1200px) {
    .flexnav li a{
        font-size: 15px;
        padding: .96em;
    }
}

@media (min-width:1600px) {


}

@media (min-width:1920px) {

}

@media (max-width:1200px) {
    .flexnav li a{
        font-size: 13px;
        padding: .90em;
    }
}

@media (max-width:768px) {
    .flexnav li a{
        font-size: 14px;
        padding: .96em;
    }
}

@media (max-width:414px) {
    .flexnav li a{
        font-size: 14px;
        padding: .96em;
    }

    #header_search_result{
        top:210px;
    }
}

@media (min-width:1024px) {



}

@media (min-width:1366px) {

}


/*ipad horizontal*/
@media (max-width:1024px) {

}

/*ipad vertical*/
@media (max-width:768px) {
    #header_search_result{
        top:145px;
    }

}

@media (max-width:375px) {
    .slider_header{
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 95%;
    }
}



.btn-info, .btn-info:hover{
    background-color: #77ADBD;
    border-color:#77ADBD;
    border-radius: 15px;
}

.btn-default,
.filter-btn-clean,
.btn-default-2,
.btn-danger,
.btn-default-transparent,
.btn-sm,
.btn-orange,
.btn-xs,
.filter-btn-back
{
    border-radius: 15px;
}




.btn-default-transparent,
.btn-default-transparent:hover
{
    background-color: transparent;
}

.form-control:focus{
    border-color: #77ADBD!important;
    border-width: 2px!important;
}


.btn.active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover{
    background-color: #77ADBD;
    border-color:#77ADBD;
    box-shadow:none;
}


.label{
    border-radius: 0.5em;
}


.input-group input[type='text'],
.input-group input[type='password'],
.input-group input[type='email'],
.input-group input[type='number'],
.input-group input[type='tel'],
.input-group input[type='url'],
.input-group textarea,
.input-group select {
    border-radius: 0px!important;
    border-color: #ccc!important;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='url'],
textarea,
select {
    border : 1px solid #77ADBD!important;
    border-radius: 5px!important;
}



#searchGlobal{
    border : 2px solid #77ADBD!important;
    border-radius: 2px;
    margin-top:10px;
    position: relative;
    height: 40px;

}


#header_top_search_img{
    position: relative;
    left:0px;
}

footer a {
    color:#fff;
}

footer .box h3{
    font-size: 20px;
    color: #fff;
    margin: 0 0 15px;
}


#header-links{
    font-size: 14px;
    color:#404040;
    min-height: 30px;
    z-index: 1200;
}

#header-links a{
    font-weight: normal;
    color: #404040;

}

#header-links span{
    font-weight: bold;
}

#header-top-logo{
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    top:2px;
    height: 50px;
}

#header-top-col-basket{
    padding-top: 15px;
}

button[name='frmSearchBtn']{
    background: #77ADBD none repeat scroll 0 0;
    border: 0 none;
    height: 40px;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 30px;
    position: absolute;
}

button[name='frmSearchBtn'] i{
    color:#fff;
}

a {
    color: #404040;
    text-decoration: none;
}

a:hover {
    color: #404040;
    text-decoration: none;
}

#header-menu-row div div {
    background-color: #FFF;
}

#header-menu-row ul{
    padding-left: 0px;
    padding-right: 0px;
}

#header-menu-ul-0{
    margin-left: -15px;
}


.flexnav li a{
    color: #003367;
    background: #FFF;
}

.flexnav .touch-button .navicon {
    position: relative;
    top: 1.4em;
    font-size: 11px;
    color: #003367;
}

@media all and (min-width: 800px) {
    .flexnav li ul li a {
        display: block;
        background: #FFF;
    }

    .flexnav li {
        border-right: 1px solid #ddd;
    }

}

.menu-button {
    background: #003366;
    color: #003367;
    font-size: 16px;
}

.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #003367;
}

.products-list-special-top-solar,
.products-list-special-fasbox,
.products-list-day-price,
.products-list-top-100
{
    border-radius: 5px;
}


.header-basket-count-badges{
    height: 18px;
    width: 18px;
    font-size: 12.5px;
    border-radius: 5px;
    padding: 0px 1px 1px 1px;
    position: relative;
    top : -38px;
    left : 25px;
}

.header-order-count-badges{
    height: 18px;
    width: 18px;
    font-size: 12.5px;
    border-radius: 2px;
    padding: 0px 1px 1px 1px;
    position: relative;
    top : -38px;
    left : 25px;
}

.menu-count-badges{
    top:-5px;
    right: 0px;
    height: 16px;
    width: 15px;
    font-size: 12.5px;
    border-radius: 5px;
    padding: 0px 0px 0px 4px;
    position: absolute;
    z-index: 10;
    display: none;
}

.menu-count-badges-child{
    top:15px;
    right: 10px;
    height: 16px;
    width: 15px;
    font-size: 12.5px;
    border-radius: 5px;
    padding: 0px 0px 0px 4px;
    position: absolute;
    z-index: 10;
    display: none;
}

#header-top-panel-basket-list-panel{
    position: absolute;
    top:32px;
    left: 0px;
}

.timeline__step-marker {
    border-radius: 10px;
    border: 2px solid #77ADBD;
    color: #77ADBD;

}

.done .timeline__step-marker {
    background: #77ADBD;
    color: #fff;
}

.timeline {
    border-top: 2px solid #77ADBD;
}

.category-posts-container{
    background-color: #E1EDF0;
}

.category-posts-container h3 a{
    color: #003367;
}


.cms-home-posts-header a h3{
    color: #003367;
}

.cms-home-posts-desc{
    color: #003367;
}

.category-posts-btn-show-more{
    border-color: #68A3B5;
    color: #68A3B5;
    margin-right: 15px;
}

#product_details_area,
#order_details_area,
#compare_details_area,
#invoice_details_area,
#inquiry_details_area{
    position: relative;
    top:-20px;
}

#posts_category{
    position: relative;
    top: 10px;
}

.container-fluid{
    padding:0px;
}

.slider_header{
    position:absolute;
    z-index:1;
    color:#ffffff;
    line-height:50px;
    text-align: left;
    width: auto;
    height: auto;
}

.slider_description{
    position:absolute;
    width:auto;
    height:auto;
    z-index:1;
    color:#ffffff;
    line-height:38px;
}

.producers-letter{
    text-align: center;
    margin-left: 15px;
    margin-bottom: 5px;
    border: 2px solid #77ADBD ;
    width: 32px;
    height: 28px;
    padding: 0px 15px 40px 6px;
}

.producers-letter a h4{
    color: #77ADBD;
}

.page-section-block{
    padding: 10px;
}

.nav, .main {
    background-color: #fff;
    text-align: center;
}

.products-basket-count-badges,
.promo-panel-vertical-basket-badge{
    border-radius: 5px;
}

/*-----------------------------*/
.page-section-block-blue{
    text-align: left;
    padding: 10px;
    background-color:#003367;
}

.page-section-block-blue h2{
     color: #fff;
}

.page-section-block-blue span{
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.page-section-block-blue button{
    color: #fff;
}

.page-section-block-blue .btn-default-transparent{
    color:#fff;
}


.page-section-block-blue .btn-default-transparent:hover{
    color:#fff;
}

/*-----------------------------*/
.page-section-block-yellow{
    text-align: left;
    padding: 10px;
    background-color:#FFE941;
}

.page-section-block-yellow h2{
    color: #003367;
}

.page-section-block-yellow span{
    text-align: left;
    color: #003367;
    font-size: 16px;
}

.page-section-block-yellow button{
    color: #000;
}
/*-----------------------------*/
.page-section-block-grey{
    text-align: left;
    padding: 10px;
    background-color:#F1EFEF;
}

.page-section-block-grey h2{
    color: #003367;
}

.page-section-block-grey span{
    text-align: left;
    color: #003367;
    font-size: 16px;
}

/*-----------------------------*/
.page-section-block-white{
    text-align: left;
    padding: 10px;
    background-color:#FFF;
    border: 1px solid #ccc;
}

.page-section-block-white h2{
    color: #003367;
}

.page-section-block-white span{
    text-align: left;
    color: #003367;
    font-size: 16px;
}

.page-section-block-white button{
    color: #000;
}
/*-----------------------------*/
.page-section-block-white-no-border{
    text-align: left;
    padding: 10px;
    background-color:#FFF;
}

.page-section-block-white-no-border h2{
    color: #003367;
}

.page-section-block-white-no-border span{
    text-align: left;
    color: #003367;
    font-size: 16px;
}

.page-section-block-white-no-border button{
    color: #000;
}
/*-----------------------------*/
.page-section-block-glacier{
    text-align: left;
    padding: 10px;
    background-color:#78AEBC;
}

.page-section-block-glacier h2{
    color: #fff;
}

.page-section-block-glacier span{
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.page-section-block-glacier button{
    color: #FFF;
}
/*-----------------------------*/
.page-section-block-brown{
    text-align: left;
    padding: 10px;
    background-color:#635F59;
}

.page-section-block-brown h2{
    color: #fff;
}

.page-section-block-brown span{
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.page-section-block-brown button{
    color: #FFF;
}
/*-----------------------------*/
.page-section-block-lochmara{
    text-align: left;
    padding: 10px;
    background-color:#D3E3E9;
}

.page-section-block-lochmara h2{
    color: #fff;
}

.page-section-block-lochmara span{
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.page-section-block-lochmara button{
    color: #FFF;
}
/*-----------------------------*/

.input-group-btn-ex{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

#header-menu-row{
    padding-top: 10px;
}

#main_data_area_left,
#main_data_area_right,
#header_top,
#header-links,
#header-menu-row
{
    background-color: #fff;
}


.products-list-table-name-border-bottom{
    border-bottom: 1px solid #ddd;
}

.basket-list-table-name-border-bottom{
    border-bottom: 1px solid #ddd;
}

.cms-home-posts-img-finished{
    opacity: 0.4;
}

.cms-home-posts-img-panel-finished{
    background-repeat: no-repeat;
    background-size: 100%;
}

.top-header-register-link a {
    color: #df7a1c !important;
    font-weight: bold !important;
}