@charset "utf-8";

:root {

    --logo_font_size:28px;
    --main_color:#54a8e0;
    --main_color_contast:#f0ad4e;

    --btn_color:#54a8e0;
    --btn_color_contarst_to_main:#f0ad4e;
    --btn_text_color:#FFF;

    --main_link_color:#54a8e0;




    --main_lite_color:#eaf5fc;
    --main_lite_color_title:#a94442;
    --main_lite_color_text:#f5f5f5;
    --main_lite_color_btn:#f5f5f5;
    --main_lite_color_link:#f5f5f5;

    --footer_color:#1e1e1e;
    --footer_color_text:#626262;
}

/** STARTS CUSTOM CSS **/


.group-baner {
    background: #000 url(/website/images/bg-top.jpg) 50% 0 no-repeat;
    background-size: cover;
}

@media only screen and (max-width:640px){
    .group-baner {
        background: none;
    }
}


.group-baner h1,.group-baner .h1 {
    color: #000;
}
.header_promo p {
    color: #000;
}


.group-table-top table figure img {
    max-width: 74px
}


.list-top-3-best li figure {
    width: 74px;
}

/** ENDS CUSTOM CSS **/



a {
    color: var(--main_link_color);
}

/* HEADER + TOP 3*/
.header {
    background: var(--main_color)
}

.cont_table table th {
    background-color: var(--main_color);
}

.nav-toggle { color: var(--main_link_color); }


.winner .b-t-brand_item ,  .b-t-brand_item {
    background: var(--main_lite_color);
}
.b-t-brand_item a {
    color: var(--main_lite_color_link);
}

.num-brand {background: var(--main_color)}

.best-deal {background: var(--main_color_contast)}
.group-filter>a .fa {background: var(--main_color);}

.material-switch > input[type="checkbox"]:checked + label::before {background: var(--main_color);}

.logo {
    font-size: var(--logo_font_size);
}

.logo a {
    color: #fff;
    text-decoration: none
}
.logo b {
    text-transform: uppercase;
    color: #1e1e1e
}
.logo i {
    background: url('/website/images/favicon.png') 50% 0 no-repeat;
    width: 43px;
    height: 32px;
}


.top-brand-item {
    border: 1px solid var(--main_color);
}


.group-baner:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.3);
}

.group-baner strong,.group-baner b {color: #000}
.group-baner a {
    color: #54a8e0;
    text-decoration: none
}




/*TOP 3 */


.list-brend-vendor li:before {color: #fff}


/*CENTER */

.group-user-review figure {
    background: var(--main_lite_color);
}

.group-user-review figure  span {
    color: var(--main_lite_color_title);

}

.left-services-item {
    background: var(--main_lite_color);

}

.blockquote {
    background: var(--main_lite_color);
}


.tabs-top li {color:var(--main_color);border-color:var(--main_color); }
.tabs-top li.active {
    border-color: var(--main_color);
    background: var(--main_color);
}


/*TOP MENU*/

.submenu-main {
    background: var(--main_color);
    border-top:3px solid var(--main_color_contast);

}

.menu-main>ul>li>a:hover,.menu-main>ul>li:hover>a {
    background: var(--main_color_contast);
}


.submenu-main-item a:hover {
    background-color: var(--main_color_contast);
}

.submenu-main-item .name-link {
    color: var(--main_color_contast);
    border-bottom: 1px solid var(--main_color_contast)
}

/*SIDE BAR */
.write-review {
    background: var(--main_lite_color);
    padding: 38px 30px 26px;
    margin-bottom: 30px;
    border-radius: 4px
}

.rating-plus:not(:checked) > label {
    color: #FFF;
}



.sidebar h3, .sidebar .h3, .write-review h3, .write-review .h3, .top-3-best h3, .top-3-best .h3 {
    color:var(--main_color)
}


/*BTNS*/
.btn,a.btn {
    background: var(--btn_color);
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    line-height: 1.433333em;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    min-width: 230px;
    text-decoration: none;
    padding: 12px;
    transition: all ease .2s
}



.btn:hover,a.btn:hover {
    background: var(--btn_color_contarst_to_main);
}



.btn-transp,a.btn-transp {
    background: none;
    border-color: var(--main_color);
    color: var(--main_color);
}


.btn-transp:hover {
    background: var(--main_color);
    color: #fff
}

.btn-brands {
    background: var(--btn_color);

}

.btn-brands:hover {
    background: var(--btn_color_contarst_to_main);

}

/*BTNS ENDS*/


.bt-group,a.bt-group {
    font-family: 'PT Sans', sans-serif;
    border: 1px solid var(--main_lite_color);
    border-radius: 3px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    color: var(--main_color);
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    line-height: 46px;
    text-decoration: none
}



.color-blue {color: var(--main_lite_color_title)}

.brand_item .bg-blue {background: var(--btn_color);color: var(--btn_text_color)}
.bg-blue:hover {background: var(--btn_color_contarst_to_main);color: var(--btn_text_color)}

.blue-group {background: var(--main_color)}

.bg-light-blue {background: #f6f6f6}
.color-black {color: #1e1e1e}
.color-yelow {color: #ffb416}



.form-modul-comments {
    background-color: var(--main_lite_color);
}


.footer {
    background: var(--footer_color);
    color: var(--footer_color_text);
    border-top: 5px solid var(--main_color);

}
.footer a {
    text-decoration: none;
    color: var(--footer_color_text)
}
.footer a:hover,.footer .logo a {color: #fff}

.footer .logo b {color: var(--footer_color_text)}
.footer .logo i {color: #1e1e1e}
.copy {
    color: var(--footer_color_text)
}


/*GUIDES*/

.brand_item-m-right {
    background: var(--main_lite_color);
}
.diskount-b-brand_item {background: var(--main_lite_color);}


/*REVIEW*/
.b-section-content-review {background: var(--main_lite_color);}
.check-es {background: var(--main_color);}
.list-content li:before {
    color: var(--main_color);
}

/*COMPARE*/
.group-provides-item {background: var(--main_lite_color);}

.group-provides-item  .nav-toggle {
    background: var(--main_lite_color);
}


/*ABOUT*/
.contact-form {background: var(--main_lite_color);}