:root{
    --header-promo-line-bg: linear-gradient(90deg, #464646 -4.29%, #777 26.34%, #5e6167 54.6%, #464646 102.3%);
    --headtop-promo-line-bg: linear-gradient(90deg, #343539 -4.29%, #777777 26.34%, #616367 54.6%, #343539 102.3%);
}

@font-face{
    font-family:'Icons';
    src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'Cafe';
    src:url('../fonts/CafeParisC.ttf');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'Text';
    src:url('../fonts/Ptrootui.ttf');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'Head';
    src:url('../fonts/Ubuntu-Regular.ttf');
    font-weight:normal;
    font-style:normal;
}
html{

    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
}
body{
    font-family:'Text';
    margin:0;
    padding:0;
    background:#fff;
    font-size:15px;
    font-weight:normal;
    line-height: 1.35;
    color:#333;
    width:100%;
    height:100%;
    touch-action: pan-y;
}
body.is_fixed{
    position:fixed;
    top:0;
    left:0;
    overflow: hidden;
}
.sitescroll{
    padding-top:40px;
}
#scroll-top{
    right: 15px;
    bottom: 15px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #424657;
    opacity: 0.3!important;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    padding: 0;
    transition:all ease .15s;
    transform: translateY(15px);
}
#scroll-top:hover{
    opacity:1!important;
}
header div,
footer,
footer div,
main,
.top_text,
.top_close,
#breadcrumbs{
    display:inline-block;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Head';
}
h1{
    font-size: 36px;
    margin: 0;
    padding: 0;
}
h1 i{
    color:#464646;
}
h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
a{
    color: #ffa600;
    text-decoration: none!important;
    transition:all ease .15s;
}
a:hover{
    color: #bc8900;
}
a[href^="tel:"]{
    white-space: nowrap;
}
.top{
    display:block;
    background: #220202;
    font-size: 13px;
    color: #fbff00;
    padding: 6px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.top_content{
    display:block;
    margin: 0 auto;
    width:1220px;
    text-align: center;
}
.top_text{
    margin-left:5px;
}
.top svg{
    font-size: 16px;
    color: #ff9600;
}
.top_close{
    cursor:pointer;
    float:right;
}
.top_close svg{
    color:#c5c1c1;
    font-size: 18px;
    transition:all ease .15s;
}
.top_close:hover svg{
    color:#ff7e7e;
}

.sidebar_btn_close{
    display:none;
}

.wrapper,
.footer{
    display:block;
    width:1220px;
    margin:0 auto;
}
footer{
    width:100%;
    background:#ebebed;
    margin-top: 50px;
}
.footer_block{
    width:25%;
    float:left;
    margin:30px 0;
}
.footer_3{
    width:calc(100%/3);
}
.footer_3 img{
    height:80px;
}
.footer_2{
    width:50%;
}
.footer_phones{
    margin-top:20px;
    clear: both;
    width: 100%;
}
.footer_phone_block{
    width: 100%;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 20px;
}
.footer_phone{
    color: #333;
}
.footer_phone:hover{
    color:#333;
}

.footer_call_btn{
    width: 100%;
    margin-top: 15px;
}
.footer_call_btn span{
    display: inline-block;
    vertical-align: top;
    background: #777;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    transition: all ease .15s;
    font-size: 18px;
}

.footer_call_btn span:hover{
    background:#464646;
}
.footer_email{
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px dashed;
}
.footer_worktime{
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
}
.footer_worktime_hint{
    width: 100%;
    font-size: 13px;
}
.footer_messengers{
    width:100%;
    margin-top: 15px;
}
.footer_messengers a{
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    color:#333;
}
.footer_messengers a:hover{
    color:#464646;
}
.footer_messengers a svg{
    font-size:30px;
    color:#464646;
}
.footer_privacy{
    display:inline-block;
    vertical-align: top;
    margin-top:30px;
    font-size:13px;
    color:#333;
    border-bottom:1px dashed;
}

.company_details,
.company_details div{
    width:100%;
    font-size:16px;
}
.company_name{
    font-size:20px!important;
    padding-top: 2px;
}
.company_address{
    padding:10px 0;
}
.footer_bottom{
    width: 1220px;
    display: block;
    margin: 0 auto;
    clear: both;
    border-top: 1px solid #d9d6d6;
    font-size:14px;
}
.copyright{
    float:left;
    padding: 20px 0;
    line-height: 20px;
}
.copyright a{
    color:#333;
    border-bottom: 1px dashed;
}
.copyright a:hover{
    color:#464646;
}
.payments{
    float:right;
    line-height:40px;
    padding:10px 0;
}

.footer_menu{
    margin:0;
    padding:0;
}

.footer_menu li{
    list-style-type: none;
    padding: 8px 0;
    font-size: 16px;
    width: 100%;
    border-top: 1px solid #d9d6d6;
}
.footer_menu li:first-child{
    border-top: none;
}

.footer_menu li a{
    color:#333;
}

.footer_menu li a:hover{
    color:#464646;
}

header, main, .head_top, .head, .head_bottom{
    width:100%;
    clear:both;
}
header{
    background:#f7f8fa;
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, 1);
    position: relative;
}
.header_row{
    display:block;
    margin: 0 auto;
    width:1220px;
}
.head_top .header_row{
    height: 32px;
    background: var(--headtop-promo-line-bg);
}
header nav ul{
    margin:0;
    padding:0;
}
header nav li{
    list-style-type: none;
    position:relative;
    float:left;
    padding:0 10px;
    line-height: 22px;
    margin:5px 0;
}
header nav li ul{
    position: absolute;
    top: calc(100% + 10px);
    visibility:hidden;
    opacity:0;
    padding: 7px 12px;
    background: #fff;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
    left: 10px;
    min-width:120px;
    z-index: 10001;
}
header nav li.folder > a:after{
    font-family:'Icons';
    content:'\f0d7'
}
header nav li:hover ul{
    top: 100%;
    visibility:visible;
    opacity:1;
    transition:all ease-out .15s;
}
header nav li li{
    float:none;
    clear:both;
    line-height: 18px;
    padding:3px 0;
    border-bottom:1px solid #e0e0e0;
    margin:0;
}
header nav li li:last-child{
    border-bottom:0;
}
header nav a{
    display:inline-block;
    vertical-align: top;
    width:100%;
    color:#5a5555;
    white-space: nowrap;
}
header nav > ul > li > a {
    color:#e5e5e5;
}
header nav a:hover,
header nav .active > a{
    color:#464646;
}
header nav > ul > li > a:hover,
header nav > ul > li.active > a{
    color:#fff;
}

.city_box{
    position:relative;
    line-height: 32px;
}
.city_select{
    color: #fff;
    cursor: pointer;
    margin-right: 100px;
    transition: all ease .15s;
    padding: 0 10px;
    background: rgba(255, 255, 255, .3);
}
.city_select svg{
    margin-right:3px;
}
.city_select:hover,
.active .city_select{
    background: rgba(255, 255, 255, .2);
}
.city_select.one_city{
    background: rgba(255, 255, 255, .3)!important;
    cursor: text!important;
}
.cities_list{
    position: absolute;
    top: calc(100% + 10px);
    visibility:hidden;
    opacity:0;
    margin: 0;
    padding: 8px 7px;
    background: #fff;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    font-size: 13px;
}
.active .cities_list{
    top: 100%;
    visibility:visible;
    opacity:1;
    transition:all ease-out .15s;
}
.cities_list li{
    list-style-type: none;
    line-height: 22px;
}
.cities_list a{
    color:#333;
}
.cities_list a:hover{
    color:#464646;
}

.head_wd{
    float:left;
}
.sitescroll .head_wd.head_center{
    position:fixed;
    z-index:10001;
    top:5px;
    right: calc((100% - 1220px) / 2 + 200px);
}
.head_top_right{
    float:right;
}
.head_wd.logo{
    height:47px;
}
.head_wd.logo img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.head_wd.logo img.logo_small{
    display:none;
}
.search_block{
    line-height: 32px;
}
.search_input{
    border: 0;
    font-size: 14px;
    width: 250px;
    padding: 0 42px 0 10px;
    background-clip: padding-box;
    outline:none;
    transition:all ease .15s;
    background-color: #e5e5e5;
    border-radius:0;
}
.search_btn{
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    right: 0;
    background: #777;
    color: #fff;
    cursor: pointer;
    transition: all ease .15s;
}
.search_btn:hover{
    background: #464646;
}
.head_top{
    height: 32px;
    line-height: 32px;
    background:#ebebed;
}
.head_bottom{
    height: 40px;
    line-height: 40px;
    position: relative;
    background: var(--header-promo-line-bg);
}
.sitescroll .head_bottom{
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
}
.head{
    padding: 40px 0;
}
.mobile_menu_btn,
.sidebar_menu_btn{
    display:none;
}
.head_wd_box,
.head_wd.head_right{
    float:right;
}
.sitescroll .head_wd.head_right{
    position:fixed;
    z-index:10001;
    top:0;
    right: calc((100% - 1220px) / 2);
}
.head_contact a,
.head_contact_hint{
    display:block;
}
.head_contact{
    margin-right:25px;
}
.head_phone{
    color:#333!important;
    font-size: 20px;
}
.head_contact svg{
    display:none;
}
.sitescroll .head_phone{
    color:#fff!important;
}
.head_email a{
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    color: #777;
}
.sitescroll .head_email a{
    color: #fff !important;
}
.head_email a:hover{
    color:#464646;
}
.head_contact_hint{
    font-size:13px;
    color:#999;
}
.sitescroll .head_contact_hint{
    display:none;
}
.head_contact_hint span{
    border-bottom: 1px dashed;
    color: #777;
    cursor:pointer;
}
.head_contact_hint span:hover{
    color:#464646;
}

.head_messengers{
    margin-top: 7px;
}
.sitescroll .head_messengers{
    display:none;
}
.head_messengers a{
    height: 36px;
    line-height: 36px;
    padding: 0 7px;
    display: block;
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 20px;
    background: #777;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    margin-top: -4px;
}
.head_messengers a:hover{
    background:#464646;
}
.head_messengers a svg{
    font-size: 24px;
    margin-right: 5px;
}

.head_cart{
    margin-top: -5px;
}
.head_cart a{
    color: #fff;
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    width: 50px;
    margin: 0 0 0 15px;
    text-align: center;
    position: relative;
    background: #777;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    transition:backgound ease .15s;
}
.sitescroll .head_cart a{
    height: 40px;
    line-height: 40px;
    width: 50px;
    box-shadow: none;
    margin: 0;
    font-size: 20px;
    border-radius: 0;
}
.head_cart a:hover{
    background: #464646;
}

.head_cart a .counter{
    position: absolute;
    font-size: 12px;
    top: -2px;
    right: 0;
    color: #222;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 20px;
    background: rgba(249, 253, 0, .7);
    border-radius: 50%;
    height: 20px;
    line-height: 20px;
    padding-left: 2px;
}
.sitescroll .head_cart a .counter{
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    right: 2px;
    top: 2px;
}
.head_cart a .counter.counter_empty_cart{
    background: rgba(68, 68, 74, .4);
}
.head_bottom_left{
    margin-right: 30px;
    font-size: 16px;
    text-transform: uppercase;
}
.head_bottom_right{
    float:right;
}
.sitescroll .head_bottom_right .btn_calculation{
    display:none;
}
.head_bottom_btn{
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color:#fff;
    transition: all ease .15s;
    position:relative;
}
.head_bottom_btn:hover{
    color:#fbe0ba;
}

.head_bottom_btn span{
    font-size: 12px;
    top: -1px;
    color: #777;
    display: inline-block;
    text-align: center;
    background: #fff;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-left: 2px;
    width: 20px;
}
.head_compare span{
    color: #777;
}
.head_bottom_btn.count_zero span{
    background: #e5e5e5;
    color: #777;
}

.btn_calculation{
    margin-left:35px;
    padding: 0 15px;
    background:rgba(255,255,255,.2);
    color: #fff;
}
.btn_calculation:hover{
    background:rgba(255,255,255,.3);
    color: #fff;
}

.head_bottom_btn svg {
    color: #ffd500;
}

.head_compare svg {
    color: #ffd500;
}

.head_bottom_btn.count_zero svg {
    color: #cdcecf;
}





.catalog_view{
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #333;
    cursor: pointer;
    color:#fff;
    transition: all ease .15s;
    position:relative;
}
.catalog_bar,
.menu_btn_bar{
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    left: 10px;
    background: #fff;
    transform: rotate(0);
    transition:all ease .15s;
    opacity:1;
}
.catalog_bar_1,
.menu_btn_bar_1{
    top:12px;
}
.catalog_bar_2,
.menu_btn_bar_2{
    top:19px;
}
.catalog_bar_3,
.menu_btn_bar_3{
    top:26px;
}
.catalog_btn{
    display: inline-block;
    vertical-align: top;
    padding:0 15px;
    background:rgba(255,255,255,.3);
    color:#fff;
    cursor: pointer;
    transition: all ease .15s;
}

.catalog_view:hover{
    background: #555;
}
.catalog_view.active{
    background: #ff5300;
}
.catalog_view.active .catalog_bar_1,
.mobile_menu_btn.active .menu_btn_bar_1{
    top: 19px;
    left: 10px;
    transform:rotate(45deg);
}
.catalog_view.active .catalog_bar_2,
.mobile_menu_btn.active .menu_btn_bar_2{
    opacity:0;
}
.catalog_view.active .catalog_bar_3,
.mobile_menu_btn.active .menu_btn_bar_3{
    top: 19px;
    left: 10px;
    transform:rotate(135deg);
}
.catalog_btn:hover{
    background:rgba(255,255,255,.2);
    color: #fff;
}
.catalog_body{
    position: absolute;
    left: calc(50% - 1220px / 2);
    top: 100%;
    background: #ffffff;
    animation: form_show ease-out .3s 1;
    z-index: 100;
    overflow: hidden;
    width: 1220px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
    padding: 20px;
}
.sitescroll .catalog_body{
    margin-left: 8.5px;
}
.catalog_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding:10px;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog_wrap > ul {
    display:block;
    float:left;
    margin:0 10px 30px 0;
    width:calc(33.33333% - 10px);
}

.catalog_wrap > ul ul ul{
    display:none;
}

.catalog_wrap ul {
    padding:0;
}
.head_wd .catalog_wrap ul{
    width:100%;
    display: inline-block;
    vertical-align: top;
}
.catalog_wrap li{
    margin:0;
    padding:0;
    list-style-type: none;
    float:left;
}
.head_wd .catalog_body{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
.catalog_wrap li ul ul{
    display:none!important;
}

.catalog_wrap > ul > li > a{
    font-family: 'Head';
    font-size: 24px;
    line-height: 1.1;
    color: #333;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: flex-start;
}
.catalog_wrap > ul > li > a:hover{
    color: #464646;
}

.catalog_wrap a > img{
    width:40px;
    height:40px;
    margin: 0 10px 5px 0;
}
.catalog_wrap > ul > li > a > span{
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top;
}
.catalog_wrap ul ul li{
    line-height:1.3;
}
.catalog_wrap ul ul a{
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    background: #e0e0e0;
    color: #333;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    text-transform: none;
}
.catalog_wrap ul ul a:hover{
    background: #edeaea;
    color:#464646;
}


#breadcrumbs{
    width:100%;
    padding:8px 0;
    background: #f7f8fa;
}
#breadcrumbs ul{
    margin:0 auto;
    display:block;
    width:1220px;
    padding:0;
}
#breadcrumbs li{
    margin:0;
    padding:0;
}

#breadcrumbs li{
    list-style-type: none;
    float:left;
    font-size:14px;
    padding: 0 2px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#breadcrumbs li:after{
    content:'\f105';
    font-family:'Icons';
    color:#ff9600;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
}
#breadcrumbs li:last-child:after{
    content:none;
    display:none;
}

#breadcrumbs a{
    color:#777;
}

#breadcrumbs a:hover{
    color:#777;
}

#breadcrumbs a.lastitem{
    color:#777;
    cursor:default;
}
.main{
    margin: 30px 0;
    width: 100%;
}
aside{
    width: 280px;
    display: block;
    float: left;
    margin:0 40px 0 0;
}
.aside_wd{
    width:100%;
}
#controller_wrap{
    width:100%;
    position:relative;
}
#controller_wrap.aside_on{
    width:calc(100% - 320px);
    float: left;
}
.call_form{
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.7);
    animation:form_show ease-out .3s 1;
    z-index:9999;
}
.block_show{
    position:relative;
}
.block_show:before{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
    opacity:0;
    width:100%;
    height:100%;
    z-index:1;
    background:#fff;
    animation:block_show ease-out 1.5s 1;
}
@keyframes block_show{
    from{
        visibility:visible;
        opacity:1;
    }
    50%{
        visibility:visible;
        opacity:1;
    }
    to{
        visibility:hidden;
        opacity:0;
    }
}
@keyframes form_show{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

.call_form_box {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 15vh;
    transform: translate(-50%, 0);
    padding: 15px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .3);
    width: 450px;
    max-height:70vh;
    max-width: calc(100% - 40px);
}
.call_form_field,
.call_form_content > *,
.order_form_field{
    display:block;
}
.call_form_content{
    padding: 10px;
    width:100%;
    max-height: calc(70vh - 30px);
    overflow-y: auto;

}
.call_form_icon{
    font-size: 32px;
    text-align: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #eceef7;
    border-radius: 50%;
    line-height: 60px;
    color: #777;
}
.call_form_title{
    font-family:'Head';
    text-align: center;
    font-size:36px;
    margin-top:10px;
}
.call_form_text{
    text-align:center;
    font-size:16px;
    margin: 10px 0 20px 0;
}
.call_form_bottom{
    text-align:center;
    font-size:13px;
    margin: 80px 0 0 0;
    color:#999;
}
.call_form_bottom a{
    color:#777;
    border-bottom:1px dashed;
}
.call_form_bottom a:hover{
    color:#464646;
}
.call_form_fields,
.order_form_fields{
    position:relative;
}
.call_form_error_message,
.order_form_error_message{
    background: #ffc4c4;
    margin-bottom: 15px;
    color: #000;
    font-size: 13px;
    padding: 10px;
    animation:form_show ease-out .3s 1;
}
.call_form_error_message svg,
.order_form_error_message svg{
    font-size:16px;
    color: #c10404;
    margin-right: 5px;
}
.call_form_input,
.order_form_input,
.search_page_input{
    height: 40px;
    line-height: 40px;
    border: 1px solid #c0c4c9;
    width: 100%;
    font-size: 16px;
    padding: 0 10px;
    background-clip: padding-box;
    outline:none;
    transition:all ease .15s;
}
.review_form_textarea{
    height: 120px;
    line-height: 20px;
    padding: 10px !important;
    margin-top: 15px;
}
.review_form_textarea::placeholder {
    color: #767676;
}
.search_page_form{
    margin-top:25px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.search_page_input{
    width: calc(100% - 120px);
    border-right:0;
    float:left;
    padding: 0 15px;
}
.search_page_btn{
    height: 40px;
    border: 0;
    background: #777;
    color: #fff;
    padding: 0 15px;
    width: 120px;
    font-size: 18px;
    float:right;
    transition: all ease .15s;
}
.search_page_btn:hover{
    background: #464646;
}
.call_form_input:focus,
.call_form_input:active,
.order_form_input:focus,
.order_form_input:active,
.search_input:focus,
.search_input:active,
.search_page_input:focus,
.search_page_input:active{
    background:#fff;
}
.call_form_name{
    margin-bottom:17px;
}

.order_form_input{
    margin-bottom:15px;
}

.call_form_field,
.order_form_field,
.search_block,
.search_page_form{
    position:relative;
}
.call_form_field .call_form_label,
.order_form_field .order_form_label,
.search_block .search_form_label,
.search_page_form .search_page_label{
    /*position: absolute;
    top: 10px;
    left: 10px;
    padding: 0 5px;*/
    height: 17px;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    font-size:13px;
}
.search_block .search_form_label{
    font-size:13px;
    padding: 0 3px;
    border: 0;
    top: 9px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    left: 10px;
}
.call_form_field .call_form_input::-moz-placeholder,
.order_form_field .order_form_input::-moz-placeholder,
.search_block .search_input::-moz-placeholder,
.search_page_form .search_page_input::-moz-placeholder{
    color: transparent;
}
.call_form_field .call_form_input::placeholder,
.order_form_field .order_form_input::placeholder,
.search_block .search_input::placeholder,
.search_page_form .search_page_input::placeholder{
    color: transparent;
}
.call_form_field .call_form_input:focus,
.call_form_field .call_form_input:not(:placeholder-shown),
.order_form_field .order_form_input:focus,
.order_form_field .order_form_input:not(:placeholder-shown){
    padding:0 10px;
}
.search_page_form .search_page_input:focus,
.search_page_form .search_page_input:not(:placeholder-shown){
    padding:0 15px;
}
.call_form_field .call_form_input:focus~.call_form_label,
.call_form_field .call_form_input:not(:placeholder-shown)~.call_form_label,
.order_form_field .order_form_input:focus~.order_form_label,
.order_form_field .order_form_input:not(:placeholder-shown)~.order_form_label,
.search_page_form .search_page_input:focus~.search_page_label,
.search_page_form .search_page_input:not(:placeholder-shown)~.search_page_label{
    background: #fff;
    transform: scale(.85) translate(0, -25px);
}

.review_form_filed .review_form_input:focus~.call_form_label,
.review_form_filed .review_form_input:not(:placeholder-shown)~.call_form_label{
    background:transparent;
    transform: scale(.85) translate(0, -30px);
}

.search_block .search_input:focus~.search_form_label,
.search_block .search_input:not(:placeholder-shown)~.search_form_label{
    transform: scale(.85) translate(-4px, 26px);
    color:#aaa;
}
.search_results{
    display:none;
}
.search_results.search_active{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 1220px;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 25px;
    font-size: 16px;
    z-index: 10000;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    animation: form_show ease-out .3s 1;
    max-height: calc(100vh - 75px);
    overflow-y: auto;
}
.sitescroll .search_results.search_active{
    display:none;
}

.call_form_error,
.call_form_error:focus,
.call_form_error:active,
.order_form_error,
.order_form_error:focus,
.order_form_error:active{
    border: 1px solid #c10404!important;
    box-shadow: 0 0 0 3px #ffc4c4!important;
}

.call_form_success_message,
.order_form_success_message{
    font-size: 18px;
    background: #eceef7;
    padding: 15px;
    margin: 15px 0;
    text-align: center;
    color: #020514;
    animation:form_show ease-out .3s 1;
    width:100%;
}
.call_form_success_message svg,
.order_form_success_message svg{
    margin-right: 5px;
    color: #777;
}


.call_form_btn{
    margin: 15px auto 0 auto;
    background: #777;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: all ease .15s;
    padding: 0 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.call_form_btn:hover{
    background:#464646;
}
.btn-primary,
.btn-secondary{
    background: #777;
    color: #fff;
    border:0!important;
    border-radius:0!important;
    box-shadow: none!important;
}
.btn-secondary{
    background:#c0c4c9;
    color:#f9f9f9;
}
.btn-primary:hover{
    background:#464646;
    color:#fff;
}
.btn-secondary:hover{
    background: #ccd1d6;
}
.chosen-container-multi .chosen-choices,
.chosen-container-multi .chosen-choices .search-choice{
    border-radius:0!important;
}
.chosen-container .chosen-results{
    color: #222;
}
.chosen-container .chosen-results li.disabled-result{
    color: #e3e0e0;
}
.call_form_btn.btn_disabled{
    background:#c0c4c9;
    color:#999;
    cursor:auto;
}
.call_form_close{
    width:36px;
    height:36px;
    cursor:pointer;
    position:absolute;
    right:15px;
    top:15px;
    z-index: 1;
}
.call_form_close:after,
.call_form_close:before{
    content: '';
    width: 2px;
    height: 24px;
    display: block;
    position: absolute;
    background: #999;
    transition: all ease .15s;
    top: 6px;
    left: 17px;
}
.call_form_close:hover:after,
.call_form_close:hover:before{
    background: #c10404;
}
.call_form_close:after{
    transform: rotate(45deg);
}
.call_form_close:before{
    transform: rotate(-45deg);
}

.content_item{
    width:100%;
    margin-top:20px;
}

.content_body{
    width:100%;
    float:left;
}
.content_row{
    width: 100%;
    clear: both;
    display: inline-block;
    vertical-align: top;
    margin-top:20px;
}
.top_row{
    display: inline-block;
    vertical-align: top;
    background: #f7f8fa;
    padding: 25px;
}
.content_right{
    float:left;
    padding:0 30px;
    width:60%;
}
.content_images{
    float:left;
    width:40%;
}
.content_list .content_images{
    width:50px;
    margin-right:15px;
    height:50px;
}
.list_item_title{
    float: left;
    font-size: 18px;
    width: calc(100% - 79px);
    color: #333;
    line-height: 1.2;
}
.list_item_title:hover{
    color:#464646;
}
.content_list_item{
    display: flex;
    flex-direction: row;
    background: #f7f8fa;
    padding: 12px 5px 12px 15px;
    align-items: center;
    justify-content: space-between;
    position:relative;
}
.content_list_item+.content_list_item {
    margin-top: 15px;
}
.content_list_item .cart_form{
    width:270px;
    margin: -10px 0;
}
.content_list_item .cart_submit{
    float: right;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding: 0 10px;
}
.content_list_item .cart_set_order{
    float:right;
    margin: 0;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding: 0 10px;
}
.content_list_item .cart_added_text{
    float:left;
    height: 32px;
    line-height: 32px;
}
.content_list_item .field_price{
    font-size: 18px;
    line-height: 1.3;
}
.content_list_item .list_item_prices{
    width:150px;
}
.list_item_left{
    width:calc(100% - 490px);
    display: flex;
    align-items: center;
}
.content_svg img{
    width:100%;
}
.item_info_bar *{
    display:inline-block;
    vertical-align:top;
}
.item_top_btn{
    margin-right:20px;
    color:#999;
    cursor:pointer;
    transition: all ease .15s;
}
.item_top_btn:hover,
.item_top_btn_on{
    color:#333
}
.item_views{
    color: #ecbe00;
    float: right;
}
.item_info_bar svg{
    font-size: 18px;
}
.item_top_btn_on svg{
    color:#FFC82E;
}
.item_favorites.item_top_btn_on svg{
    color:#c10404;
}
.field_price{
    font-size: 30px;
    line-height: 1.2;
}
.cart_form {
    margin: 20px 0;
}
.cart_form_calc{
    width:80px;
    float:left;
    margin-right:5px;
}
.content_list_item .cart_form_calc{
    width: 65px;
}
.cart_form_input{
    outline:none!important;
    height:40px;
    border:1px solid #c0c4c9;
    text-align:center;
    width:100%;
    user-select: none;
    -webkit-touch-callout: none;
}
.content_list_item .cart_form_input{
    height:32px;
}
.cart_form_calc_btn{
    width:100%;
    height:24px;
    line-height: 24px;
    text-align: center;
    cursor:pointer;
    transition:all ease .15s;
    color:#999;
    font-size:20px;
    user-select: none;
    -webkit-touch-callout: none;
}
.cart_form_calc_btn:hover{
    color:#464646;
}
.cart_form_calc_btn.cart_minus:hover{
    color:#c10404;
}
.cart_form_btns{
    float: left;
    padding: 24px 0;
    margin-right: 25px;
}
.content_list_item .cart_form_btns{
    margin-right:15px;
}
.cart_form_btn{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333;
    cursor:pointer;
    transition:all ease .15s;
    background:#f0f0f9;
    user-select: none;
    -webkit-touch-callout: none;
}
.content_list_item .cart_form_btn{
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    border-radius:0;
    box-shadow:none!important;
}
.cart_form_btn:hover{
    color:#464646;
    background:#e9ebf1;
}
.cart_unit_on{
    cursor:default;
    background:#464646!important;
    color:#fff!important;
}
.cart_submit,
.cart_set_order{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    float: left;
    color: #fff;
    font-size: 18px;
    background: #777;
    margin-top: 24px;
    cursor: pointer;
    transition: all ease .15s;
    user-select: none;
    -webkit-touch-callout: none;
}
.cart_set_order{
    margin: 10px 0 20px 0;
}
.cart_submit:hover,
.cart_set_order:hover{
    background: #464646;
    color:#fff;
}
.cart_submit.disabled{
    cursor:auto;
    background: #aeb3c7;
}

.cart_submit svg,
.cart_set_order svg{
    font-size: 16px;
    margin-right: 5px;
}
.cart_form_total{
    clear:both;
    color:#777;
    font-size:14px;
}
.cart_form_total_sum{
    font-size:16px;
}

.cart_added{
    animation:form_show ease-out .3s 1;
    font-size: 16px;
}
.content_list_item .cart_added{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 24px 0;
}
.remove_from_cart{
    margin-left: 10px;
    display: inline-block;
    color: #e05051;
    cursor:pointer;
    transition:all ease .15s;
}
.remove_from_cart:hover{
    color: #c10404;
}
.mc-filter-title{
    font-size:18px;
}
.mc-filters{
    float: left;
    clear: both;
}
.mc-filter{
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.mc-filter-button{
    margin: 5px 5px 0 0;
    padding: 0 5px;
    border: 1px solid #c0c4c9;
    float: left;
    cursor: pointer;
    min-width: 40px;
    text-align: center;
    color: #999;
    transition: all ease .15s;
    height: 36px;
    line-height: 34px;
}
.mc-filter-button:hover{
    border: 1px solid #464646;
    color: #333;
}
.mc-active{
    background-color: #464646!important;
    border: 1px solid #464646!important;
    color: #fff!important;
    cursor:default!important;
}
.similar{
    margin-top: 20px;
}
.similar_item,
.recommend_item{
    background: #f7f8fa;
    padding: 20px 15px;
    color:#333;
    transition:all ease .15s;
}
.recommend_item{
    padding: 30px 15px;
}
.similar_item:hover,
.recommend_item:hover{
    background: #f2f3f5;
}
.similar_item img,
.recommend_item img{
    width: 60px !important;
    height: 60px;
    float: left;
    margin: 0 15px 15px 0;
}
.similar_title h3,
.recommend_title h3{
    font-size: 24px;
    width: 100%;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    clear: both;
    float: none;
    color:#333;
}
.similar_title:hover h3,
.recommend_title:hover h3{
    color:#464646;
}
.similar_prices,
.recommend_prices{
    clear: both;
    margin-top: 10px;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    color: #464646;
    height: 60px;
    line-height: 24px;
}

.similar_prices span,
.recommend_prices span{
    font-size:14px;
    color:#333;
}
.content_item h2{
    margin: 10px 0 20px 0;
}

.menu_toolbar{
    position:fixed;
    z-index:10000;
    right:0;
    top:300px;
    width:40px;
    height:40px;
    line-height: 40px;
    font-size:20px;
    text-align: center;
    background:#777;
    cursor:pointer;
    color:#fff;
    opacity:0.7;
    transition: all ease .15s;
}
.menu_toolbar:hover{
    opacity:1;
}
.menu_toolbar ul{
    text-align: left;
    color:#333;
    opacity:0;
    visibility:hidden;
    position:absolute;
    right:100%;
    top:0;
    background:#fff;
    padding: 7px 15px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
}
.menu_toolbar:hover ul{
    display:inline-block;
    transition: all ease-out .15s;
    opacity:1;
    visibility:visible;
}
.menu_toolbar li{
    float: none;
    clear: both;
    line-height: 24px;
    padding: 3px 0;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
}
.menu_toolbar li:last-child{
    border-bottom: 0;
}
.menu_toolbar a{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #5a5555;
    white-space: nowrap;
    padding:0;
}
.menu_toolbar a:hover{
    color:#464646;
}

.loader{
    width: 44px;
    height: 10px;
    position: fixed;
    top: calc(50% - 5px);
    left: calc(50% - 22px);
    z-index:10000;
}
.dot{
    display:block;
    width:10px;
    height:10px;
    background:#cdc8c8;
    margin:0 7px 0 0;
    border-radius:50%;
    float:left;
}
.cart_submit .loader,
.order_form_submit .loader,
.search_results .loader{
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    float: right;
    margin: 17px 0 0 15px;
}
.search_results .loader{
    float: none;
    margin: 10px auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cart_submit .dot,
.order_form_submit .dot{
    width:6px;
    height:6px;
    margin:0 4px 0 0;
}
.search_results .dot{
    width:6px;
    height:6px;
    margin:0 2px;
}
.live_search_item{
    display: flex;
    width: 100%;
    line-height: 1.1;
    color: #333;
    margin-bottom: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #ebebed;
    padding-bottom: 10px;
}
.live_search_item:last-child{
    margin-bottom:0;
    border-bottom: 0;
}
.live_search_item:hover{
    color:#464646;
}
.live_search_item img{
    width:50px;
    height:50px;
    margin-right:15px;
    float:left;
}
.live_search_item span{
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 65px);
    float:left;
}
.live_search_more{
    display:inline-block;
    vertical-align: top;
    width:100%;
    text-align: center;
}
.live_search_more:hover{

}

.search_prices{
    width:200px;
    line-height:1.3;
}
.search_prices span{
    white-space: nowrap;
}


.dot1{
    animation:loader1 ease-in-out 1s infinite;
}
.dot2{
    animation:loader2 ease-in-out 1s infinite;
}
.dot3{
    margin-right:0;
    animation:loader3 ease-in-out 1s infinite;
}
@keyframes loader1{
    from{
        opacity:0;
    }
    25%{
        opacity:1;
    }
    to{
        opacity:0;
    }
}
@keyframes loader2{
    from,15%{
        opacity:0;
    }
    40%{
        opacity:1;
    }
    to{
        opacity:0;
    }
}
@keyframes loader3{
    from,30%{
        opacity:0;
    }
    55%{
        opacity:1;
    }
    to{
        opacity:0;
    }
}


body *::-webkit-scrollbar {
    width: 2px;
    background:transparent;
}
body *::-webkit-scrollbar-track {
    margin-right:8px;
    background: #e8ecf2;
}
body *::-webkit-scrollbar-thumb {
    background: #a9abaf;
}
.cart_products_list{
    position:relative;
    display:inline-block;
    vertical-align: top;
    width:100%;
}
.cart_list_overlay{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: #fff;
    opacity: 0.3;
    display:none;
}
.cart_list_item{
    width: 100%;
    background: #f7f8fA;
    margin-bottom: 15px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    align-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}
.cart_list_item .product_block{
    float:left;
}
.cart_list_item .product_name{
    width:calc(100% - 400px);
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.cart_list_item .product_img{
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin-right: 15px;

}
.cart_list_item .product_title{
    color: #333;
    font-size: 20px;
    display:inline-block;
    vertical-align: top;
    width:calc(100% - 80px);
}
.cart_list_item .product_title:hover{
    color: #464646;
}
.cart_list_item .product_prices{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width:180px;
}
.cart_list_item .product_prices .product_price span{
    font-size: 20px;
}
.cart_list_item .product_calc{
    width:170px;
}
.product_remove{
    width: 50px;
    display: flex;
    height: 50px;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    align-items: stretch;
    cursor:pointer;
    color:#c10404;
    transition: all ease .15s;
    font-size:18px;
}
.product_remove:hover{
    color:#e05051;
}
.cart_list_item .cart_form_btns{
    margin-right:0;
}

.cart_list_item .cart_form{
    margin-top:0;
}

.cart_total{
    font-size:18px;
}
.total_sum{
    font-size:30px;
    white-space: nowrap;
}
.cart_btn_continue{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 18px;
    background: #464646;
    cursor: pointer;
    transition: all ease .15s;
    display:inline-block;
    vertical-align: top;
    user-select: none;
    -webkit-touch-callout: none;
    float:right;
}

.cart_btn_continue:hover{
    background: #777;
    color:#fff;
}

.cart_btn_continue svg{
    font-size: 16px;
}
.cart_btn_continue span{
    display:inline-block;
    vertical-align: top;
    margin:0 5px;
}
.order_table_total{
    margin-top:20px;
}
.order_table_total .cart_btn_continue{
    float:left;
}
.order_table_total .cart_btn_continue span{
    margin:0 0 0 5px;
}
.order_table_total .cart_total{
    text-align: right;
}
.order_details{
    display: inline-block;
    vertical-align: top;
    background: #f7f8fa;
    padding: 25px;
    width:100%;
}
.order_table_item{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    border-top:1px solid #ebebed;
}
.order_table_item:first-child{
    border:0;
    padding-top: 0;
}
.order_table_title{
    float: left;
}
.order_table_title a{
    color:#333;
}
.order_table_title a:hover{
    color:#464646;
}
.order_table_count{
    float: right;
}
.delivery_box{
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position:relative;
}
.delivery_btns{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.delivery_btn{
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 5px);
    margin-right:10px;
    float:left;
    background: #f7f8fa;
    text-align: center;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    transition: all ease 0.15s;
}
.delivery_btn.delivery_no{
    margin:0;
}
.delivery_btn svg{
    font-size: 24px;
    margin-right: 5px;
}
.delivery_btn:hover{
    background: #c1c9d9;
    color:#fff;
}
.delivery_btn.delivery_on{
    cursor:default;
    background: #464646!important;
    color:#fff;
}
.delivery_overlay{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: #fff;
    opacity: 0.3;
    display:none;
}
.total_weight{
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}

.delivery_autos{
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 0 0;
    width: 100%;
    animation: form_show ease-out .3s 1;
}
.delivery_auto{
    background: #f7f8fa;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    cursor:pointer;
    transition: all ease .15s;
    margin-top:5px;
}
.delivery_auto:hover{
    background: #d5d7dc;
    color:#fff;
}
.delivery_auto.delivery_auto_on{
    background: #a2adc3!important;
    color:#fff;
    cursor:default;
}
.delivery_auto_div{
    float:left;
}
.delivery_auto_title{

}
.delivery_auto_price{
    float:right;
}
.delivery_hint,
.order_form_hint{
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
.delivery_hint:before,
.order_form_hint:before{
    content:'* ';
}
.order_form{
    display:inline-block;
    vertical-align: top;
    width:100%;
    margin-top:25px;
}
.order_address_off{
    display:none;
}
.order_form_comment{
    height: 120px;
    line-height: 24px;
    padding: 10px 15px !important;
    margin: 0 0 -5px 0;
}
.order_form_total{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 15px;
}
.order_form_total_sum{
    font-size:18px;
    float: left;
}
.order_total_sum{
    font-size:30px;
}
.order_form_submit{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-size: 18px;
    background: #464646;
    cursor: pointer;
    transition: all ease .15s;
    display:inline-block;
    vertical-align: top;
    user-select: none;
    -webkit-touch-callout: none;
    float:right;
}

.order_form_submit:hover{
    background: #777;
    color:#fff;
}
.cart_list .disabled,
.cart_list .disabled:hover{
    cursor:auto;
    opacity: .6;
    background: #f7f8fa!important;
    color:#333!important;
}
.cart_list .disabled.delivery_auto_on{
    background:#a2adc3!important;
}
.cart_list .disabled.delivery_on{
    background:#464646!important;
    color:#fff!important;
}
.order_form_submit.disabled,
.cart_btn_continue.disabled,
.order_form_submit.disabled:hover,
.cart_btn_continue.disabled:hover{
    opacity:1;
    background: #aeb3c7!important;
    color:#fff!important;
}
.order_form_submit svg{
    font-size: 16px;
    margin-right: 5px;
}
.order_alert{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #53b541;
    color: #fff;
    padding: 10px 15px;
    margin-top: 10px;
    animation: form_show ease-out .3s 1;
}
.order_alert.order_alert_error{
    background: #e05051;
}
.order_form_input.input_error{
    border-color: #e05051;
    box-shadow: 0 0 0 2px rgba(213, 8, 8, .3)
}
.catalog_page_body{
    margin-top: 25px;
}
.catalog_page_body .catalog_wrap{
    overflow:auto;
    height:auto;
    padding:0;
}
.catalog_page_body .catalog_wrap ul ul a{
    font-size:15px;
}
.cat_count{
    display: inline-block;
    vertical-align: top;
    background: #e05051;
    padding: 0 3px;
    color: #fff;
    font-size: 12px;
    min-width: 18px;
    text-align: center;
    height: 18px;
    line-height: 18px;
}
.catalog_page_body .cat_count{
    min-width: 22px;
    height: 22px;
    line-height: 22px;
}
.pagebar{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.pagebar .page_item{
    list-style-type: none;
    margin: 0 3px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.pagebar .page_item > a,
.pagebar .page_item > span{
    display:inline-block;
    vertical-align: top;
    background: #f7f8fa;
    color:#333;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    padding: 0 10px;
    white-space: nowrap;
}
.pagebar .page_item.active > span{
    background: #fff;
    box-shadow: 0 0 0 2px #464646;
}
.pagebar .page_item.disabled > span{
    background: transparent;
}
.pagebar .page_item > a:hover{
    background: #ebebed;
}
.pagebar .icms-svg-icon{
    font-size:14px;
}

.nav-pills .nav-item{
    list-style-type: none;
    margin: 0 3px;
    text-align: center;
    color: #333;
    font-size: 16px;
}
.nav-pills .nav-link{
    display:inline-block;
    vertical-align: top;
    background: #f7f8fa;
    color:#333;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    padding: 0 10px;
    white-space: nowrap;
    border-radius: 0;
}
.nav-pills .nav-link:hover{
    background: #ebebed;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #464646;
}
.category_description{
    font-size: 16px;
    margin-top: 50px;
}

.list_item_btns{
    width:32px;
}
.list_item_btn{
    width:32px;
    height:32px;
    line-height: 32px;
    text-align: center;
    cursor:pointer;
    color:#999;
    transition:all ease .15s;
}
.list_item_btn:hover,
.list_item_btn.active{
    color:#e05051;
}
.content_list .item_compare:hover,
.content_list .item_compare.active{
    color: #FFC92E;
}
.list_item_article{
    font-size: 11px;
    color: #999;
    display: block;
}
.item_article{
    margin-right: 20px;
    color: #999;
}

.before_body{
    margin-top:25px;
}
.before_body .widget_text_block{
    margin-top:40px;
}
.wdstat strong{
    font-weight:normal;
}
.wdstat .btns{
    margin-top: 50px;
    display:inline-block;
    vertical-align: top;
    width:100%;
}
.wdstat .btns *{
    display: inline-block;
    vertical-align: top;
    transition: all ease .15s;
    background: #fff;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 20px;
    cursor: pointer;
}

.wdstat .btns *:hover{
    background: rgba(255,255,255,.95);
    color: #777;
}
.wdstat .btns span{
    margin-right:10px;
}

.wd_cats{
    margin:0;
    padding:0;
}
.wd_cats li{
    list-style-type: none;
    margin-bottom: 5px;
}
.wd_cats a{
    color:#333;
    display:inline-block;
    vertical-align: top;
    border-left: 2px solid #ebebed;
    padding: 3px 0 3px 15px;
}
.wd_cats a:hover,
.wd_cats a.is_active{
    color:#777;
}
.wd_cats a:hover{
    border-left: 2px solid #777;
}
.wd_cats a.is_active{
    border-left: 4px solid #777!important;
}

.homelist_wd{
    display: flex;
    background: #f7f8fa;
    padding:40px 0;
    width:100%;
    margin-top: 40px;
}

.homelist_item{
    width: 33.33333%;
    float: left;
    border-right: 1px solid #c0c4c9;
    padding: 0 40px;
}
.homelist_item:last-child{
    border-right: 0;
}
.homelist_title{
    text-align: center;
}
.homelist_title svg{
    color:#777;
    margin-right:15px;
}
.homelist_desc{
    text-align: center;
    margin-top: 25px;
}

.wd_recommend,
.wd_newproducts,
.wd_homereviews,
.wd_faq{
    display: inline-block;
    vertical-align: top;
    width:100%;
    margin-top: 40px;
}
.wd_recommend h2,
.wd_newproducts h2,
.wd_homereviews h2{
    float:left;
}
.recommend_list,
.new_products_ctype{
    clear: both;
}
.new_products_ctype{
    margin-top: 25px;
}
.recommend_list{
    margin-bottom: -15px;
}
.wd_links{
    float: right;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    margin: 5px 0 20px 0;
}
.wd_link{
    display:inline-block;
    vertical-align: top;
    color:#333;
    background: #f7f8fa;
    padding:0 15px;
}
.wd_link:hover{
    background: #ebebed;
    color:#333;
}
.new_products_list{
    margin-top:10px;
}
.new_product_item{
    margin-top:5px;
}
.new_product_item img{
    width:40px;
    height:40px;
    margin-right:20px;
}

.new_product_item a{
    color:#333;
    font-size:18px;
}
.compare_list .content_list_item{
    display:inline-block;
    vertical-align: top;
    padding: 15px;
}
.compare_list .list_item_left{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.compare_list .content_images{
    width: 100%;
    margin-right: 0;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.compare_list .content_image{
    width:100%;
    height:100%;
    object-fit: cover;
}
.compare_list .list_item_title{
    margin-top: 15px;
    width: 100%;
    font-size: 24px;
    min-height: 75px;
}
.compare_list .list_item_prices{
    width: 100%;
    margin-top: 15px;
    text-align: center;
    min-height: 65px;
}
.compare_list .field_price{
    font-size:24px;
}
.compare_list .cart_form{
    width: 100%;
    margin: 15px 0 0 0;
}
.compare_list .cart_form_calc {
    width: 60px;
}
.compare_list .product_remove{
    position: absolute;
    top: -10px;
    right: -10px;
}

.sitescroll .favorites_box{
    position:fixed;
    z-index: 10002;
    right: calc(50% - 1220px / 2 + 70px);
}
.sitescroll .favorites_box div{
    display:none;
}
.icms-form-body{
    margin-top:25px;
}
.collections_links{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 30px;
}
.collections_links h3{
    font-size: 32px;
    margin-bottom: 25px;
}
.collections_link{
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    background: #e0e0e0;
    color: #333;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    text-transform: none;
}
.collections_link a:hover{
    background: #edeaea;
    color:#464646;
}

.reviews_title{
    display:inline-block;
    vertical-align: top;
    width: 100%;
}
.reviews_title h2{
    float:left;
}
.reviews_add_btn,
.reviews_form_btn{
    float: right;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    margin-top: 15px;
    background: #464646;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all ease .15s;
}
.reviews_form_btn{
    float:none;
    margin:0;
}
.reviews_form_cancel{
    background: #e05051;
}
.reviews_add_btn:hover,
.reviews_form_btn:hover{
    background: #777;
}
.reviews_form_cancel:hover{
    background: #c10404;
}
.reviews_item{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    margin-top:35px;
}
.reviews_item:first-child{
    margin-top:0;
}
.reviews_item_head{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    height:40px;
    line-height: 18px;
    font-size:18px;
    font-weight:bold;
    border-bottom: 1px solid rgba(26, 26, 26, 0.125);
    position:relative;
    padding: 10px 0;
}

.reviews_item_head:before{
    background: #888888;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 3rem;
}
.review_hidden .reviews_item_head{
    color:#d3d3dd;
}
.reviews_item_author{
    float:left;
}
.reviews_item_content{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    padding:20px 0 0 0;
}
.review_hidden .reviews_item_content{
    color:#c1c5d1;
}
.reviews_item_rating{
    float:right;
}
.wd_homereviews .reviews_item_rating{
    float:none;
    text-align: center;
}

.reviews_item_rating span {
    padding: 0;
    font-size: 20px;
    margin: 0 3px;
    color: #999;
}
.review_hidden .reviews_item_rating span{
    color: #dbdbe7;
}
.reviews_item_rating > span:before {
    content: '★';
}
.reviews_item_rating > .rating_star_active {
    color: #ff9600;
}
.review_hidden .reviews_item_rating > .rating_star_active{
    color: #f5d5a8;
}
.reviews_btns{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 10px;
}
.reviews_btn{
    display: inline-block;
    float: left;
    vertical-align: top;
    cursor: pointer;
    transition: all ease .15s;
    border-bottom:1px dashed;
    font-size:13px;
    margin-left:10px;
}
.reviews_delete_btn{
    color: #e05051;
}
.reviews_delete_btn:hover{
    color: #c10404;
}
.reviews_restore_btn{
    color: #464646;
}
.reviews_restore_btn:hover{
    color: #777;
}
.reviews_form_body{
    display:inline-block;
    vertical-align: top;
    width:100%;
    padding:25px;
    background: #f7f8fa;
    animation: form_show ease-out .3s 1;
    margin-bottom: 15px;
}
.reviews_form_body h3{
    margin-bottom: 25px;
}
.rating-area {
    display: inline-block;
    vertical-align: top;
}
.user_rating{
    display: flex;
    flex-direction: row;
    line-height: 24px;
    margin-bottom: 15px;
}
.user_rating span{
    display:inline-block;
    vertical-align: top;
    padding-right:10px;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 24px;
    padding: 0;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    color: #dbdbe7;
}
.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: #ff9600;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: #ff9600;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: #ff9600;
}
.rate-area > label:active {
    position: relative;
}
.reviews_form_bottom {
    text-align: left;
    font-size: 13px;
    margin: 15px 0 0 0;
    color: #999;
}
.reviews_form_btns{
    width:100%;
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
}
.homereviews_text,
.faq_text{
    display:inline-block;
    vertical-align: top;
    width:100%;
    margin-bottom: 25px;
}

.homereviews_item{
    padding: 20px;
    color: #333;
    transition: all ease .15s;
}
.wd_homereviews .owl-carousel.owl-drag .owl-item{
    background: #f7f8fa;
    position:relative;
}

.homereviews_author{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homereviews_date{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
}
.homereviews_date:before{
    content: '';
    display: block;
    background: #8d8f93;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 25%;
    position: absolute;
}
.homereviews_review{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    font-style: italic;
    margin-bottom: 70px;
    line-height: 18px;
    max-height: 180px;
    overflow: hidden;
    font-size: 14px;
}
.owl-carousel .owl-stage{
    display:flex;
}
.homereviews_url{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    left: 0;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 60px;
    line-height: 50px;
}
.homereviews_url:before{
    content: '';
    display: block;
    background: #c2c4c7;
    width: 20%;
    height: 1px;
    top: 0;
    left: 40%;
    position: absolute;
}
.homereviews_url a{
    color:#333;
    font-size:13px;
}
.homereviews_url a:hover{
    color:#464646;
}

.faq_item{
    border-color:#c2c4c7;
    margin-top:10px;
}
.faq_item.faq_open h3{
    color:#464646;
}
.faq_item.faq_open h3:before, .faq_item.faq_open h3:after {
    background: #464646;
}
.faq_item.faq_open div{
    font-style:italic;
}

.f_photos .img-photos{
    width:calc(50% - 5px);
    height:400px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
.f_photos .img-photos:nth-child(2n+2) {
    margin:0 0 10px 0;
}
.f_photos .img-photos .img-thumbnail{
    padding: 0;
    border:0;
    border-radius:0;
    object-fit: cover;
    width:100%;
    height:100%;
}
.btn-primary.disabled, .btn-primary:disabled{
    background-color: #626366;
    border-color: #626366;
}