/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
}

.clearfix:after{
    display: table;
    content: " ";
    clear: both;
}

.hheader{
    position: relative;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    background: #FFF;
}
.hheader-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hheader-logo{
    width: 200px;
    padding: 10px 0;
}
.hheader-logo a{
    color: #033D4C;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    background: url("../img/logo.jpg") top center no-repeat;
    background-size: auto;
    padding: 70px 0 0 0;
    background-size: 100px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.hheader-logo a span{
    color: #21ADB5;
}
.hheader-data{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 50px;
}
.hheader-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0x;
    padding-top: 10px;
}
.hheader-search{
    width: 65%;
}
.hheader-phone{}

.hheader-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
}

.header-title{
    margin-bottom: 20px;
}
.header-title > div{
    border-bottom: 3px solid #0079a0;
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
}
.product-h1{
    margin-bottom: 15px;
}
.product-h1 span{
    color: #007ca3;
}
.category-box{
    padding: 30px 0;
}
.category-left{
    width: 360px;
    padding-right: 40px;
    float: left;
}
.category-right{
    margin-left: 360px;
    background: #FFF;
    padding: 30px 50px 50px 50px;
}
.page-wrapper{
    background: #FFF;
    padding: 30px 50px 50px 50px;
}
.page-h1{
    position: relative;
    margin-bottom: 35px;
}
.page-h1::before {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 200px;
    height: 3px;
    left: -50px;
    background: #007ca3;
}
.category-h1{
    position: relative;
    margin-bottom: 15px;
}
.category-h1::before {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 200px;
    height: 3px;
    left: -50px;
    background: #007ca3;
}
.h1-text{
    color: #676767;
    padding-top: 10px;
}
.category-p{
    padding: 30px 0;
}

.index-wrap{
    background: #FFF;
}

.index-box{
    padding-bottom: 30px;
}
.index-box-header{
    text-align: center;
    padding: 80px 0 30px 0;
}
.index-box-h1{}
.index-box-h1 h1{
    text-transform: uppercase;
    color: #006e8f;
    font-size: 22px;
}
.index-box-text{
    max-width: 720px;
    margin: 0 auto;
}

.index-box-proposal{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.index-box-proposal > div{
    width: 33.33333%;
    padding: 15px;
}

.proposal{
    height: 100%;
    border: 1px solid #CFCFCF;
    text-align: center;
    padding: 30px;
}
.proposal-title{
    color: #006e8f;
    width: 100%;
    position: relative;
    max-width: 300px;
    line-height: 16px;
    font-size: 16px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.proposal-title:before{
    content: '';
    position: absolute;
    width: 200px;
    display: block;
    height: 3px;
    background: #006E8F;
    left: 50%;
    margin-left: -100px;
    bottom: 0;
}
.proposal-text{
    color: #676767;
    padding-top: 20px;
}
.proposal-text p{
    margin-bottom: 0;
}

.lline-wrap{
    background: #006E8F;
}

.lline{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.lline > div{
    width: 33.33333%;
    padding: 15px;
}
.lline > div a{
    border: 1px solid #FFF;
    color: #FFF;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
}
.lline > div a:hover{
    opacity: .8;
}

.downlod-box{
    background: #FFF;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px;
}
.downlod-header{
    border-bottom: 3px solid #FF5757;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
}

.icon-downlod-file{}
.icon-downlod-bottom{}
.icon-downlod-price{}

.downlod-links div{
    margin-top: 15px;
}
.downlod-links div a{
    color: #333333;
    border: 1px solid #555555;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 8px 0 10px;
    font-weight: 400;
    font-size: 16px;
}
.downlod-links div a:hover{
    color: #007CA3;
    border-color: #007CA3;
}

.pproducts-wrap{
    background: #FFF;
    position: relative;
}
.pproducts-wrap:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    left: -100%;
    background: #F6F6F6;
}

.pproducts-title{
    background: #FFF;
    text-align: center;
    padding: 70px 15px 30px 15px;
    text-transform: uppercase;
    font-size: 22px;
}

.pproducts{
    position: relative;
    z-index: 1;
}
.pproducts-left{
    width: 30%;
    float: left;
    padding: 15px 30px 15px 0;
}
.pproducts-name{
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    text-align: center;
    padding: 15px;
}
.pproducts-name::before {
    content: '';
    position: absolute;
    width: 140px;
    display: block;
    height: 3px;
    background: #006E8F;
    left: 50%;
    margin-left: -70px;
    bottom: 0;
}
.pproducts-desc{
    padding: 15px 0;
}
.pproducts-desc ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.pproducts-desc ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 5px;
}
.pproducts-desc ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23006E8F' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


.pproducts-btn{
    text-align: center;
}
.pproducts-btn a{}
.pproducts-right{
    background: #FFF;
    margin-left: 30%;
    padding: 30px 0 30px 30px;
}







.submenu-box{
    background: #FFF;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px;
}
.submenu-header{
    border-bottom: 3px solid #0079a0;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 500;
}

.pproducts-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.pproducts-list > div{
    width: 33.333333%;
    padding: 15px;
}

.prodct{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.prodct-left{
    width: 45%;
}
.prodct-right{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
}

.pproducts-item{
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 0 0 3px 1px rgba(184,184,184,0.4);
    box-shadow: 0 0 3px 1px rgba(184,184,184,0.4);
    background: #FAFAFA;
    height: 100%;
    width: 100%;
}
.pproducts-item:hover{
    -webkit-box-shadow: 0 0 3px 1px rgba(184,184,184,0.7);
    box-shadow: 0 0 3px 1px rgba(184,184,184,0.7);
}
.pproducts-item:hover .pproducts-item-thumb img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.pproducts-item-body{
    height: 100%;
    width: 100%;
}
.pproducts-item-body a{
    text-decoration: none;
}
.pproducts-item-thumb{
    display: table;
    height: 240px;
    background: #FFF;
    width: 100%;
    border-bottom: 3px solid #0079a0;
}
.pproducts-item-thumb span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
}
.pproducts-item-thumb span img{
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.pproducts-item-name{
    display: block;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

.pproducts-item-price-name{
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
}
.pproducts-item-price{
    color: var(--bs-body-color);
    display: block;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    padding-top: 0px;
    margin-top: -15px;
    padding-bottom: 20px;
}
.products-item-price-zz{
    color: var(--bs-body-color);
    font-size: 16px;
    margin-left: 3px;
}
.pproducts-item-text{
    display: block;
    color: #676767;
    padding: 15px;
    margin-top: -25px;
    line-height: 16px;
}

.pproducttt-price{
    color: var(--bs-body-color);
    display: block;
    font-size: 20px;
    padding-top: 0;
    font-weight: 500;
    padding-top: 7px;
}
.pproducttt-name{
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 400;
}
.pproducttt-zz{
    font-size: 18px;
    margin-left: 3px;
}






.header{}
.header .header-wrapper{position: relative;}
.header .header-wrapper > div{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.header .header-wrapper .header-logo{width: 14%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header .header-wrapper .header-search{width: 38%; text-align: center;}
.header .header-wrapper .header-phone{width: 16%; text-align: center; padding-left: 25px;}
.header .header-wrapper .header-account{width: 12%; text-align: center;}
.header .header-wrapper .header-cdb{width: 20%; text-align: right;}
.header .header-wrapper .header-category{width: 16%; z-index: 10;}
.header .header-wrapper .header-menu{width: 84%; z-index: 10;}

.header-logo{height: 100px;}
.header-logo a{}
.header-logo a span{display: table-cell; vertical-align: middle;}
.header-logo a img{}

.logo{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: var(--bs-body-color);}
.logo .logo-img{}
.logo .logo-img img{
    max-width: 42px;
}
.logo .logo-name{
    font-weight: 700;
    padding-left: 10px;
    font-size: 26px;
    text-transform: uppercase;
}


.phone-wrap{display: table; width: 100%; height: 100%; }
.phone-labels{display: table-cell; vertical-align: middle; text-align: center;}

.phone-label{position: relative; display: inline-block; display: table-cell; vertical-align: middle; }
.phone-social{display: table-cell; vertical-align: middle; padding-left: 30px;}

.phone-label .phone-link{position: relative; padding-left: 20px; text-align: left;}

.phone-label .phone-link:before{content: ""; mask-image: url("../img/phone.svg"); -webkit-mask-image: url("../img/phone.svg"); background-color: var(--bs-black); position: absolute; width: 16px; height: 16px; mask-size: contain; -webkit-mask-size: contain; display: block; left: 0px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; top: 3px;}

.phone-label .phone-link:after{content: ""; -webkit-mask-image: url("../img/arrow-down.svg"); mask-image: url("../img/arrow-down.svg"); background-color: var(--bs-black); position: absolute; width: 10px; height: 10px; mask-size: contain; -webkit-mask-size: contain; display: block; right: -18px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; top: 5px;}

.phone-label .phone-link .dropdown-phone {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    z-index: 12;
    min-width: 198px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.phone-label .phone-link:hover .dropdown-phone {
    opacity: 1;
    visibility: visible;
}
.dropdown-phone-wrap{
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    background: #FFF;
}

.more_phone{
    border-top: 1px solid #f2f2f2;
}
.more_phone a{
    color: #222;
    white-space: nowrap;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    padding: 16px 16px 16px 24px;
    display: block;
    font-size: 15px !important;
}
.more_phone a:hover{
    background: #fafafb;
}
.more_phone a span{
    display: block;
    font-size: 13px;
    margin-top: 2px;
    color: #999;
    font-weight: normal;
    line-height: normal;
    white-space: pre-wrap;
}

.phone-label .phone-link a{font-size: 17px; text-decoration: none; color: var(--bs-body-color); font-weight: 700; line-height: normal;}
.phone-label .callback-label{text-align: left; padding-left: 20px;}
.phone-label .callback-label a{font-size: 12px; color: var(--bs-blue); text-decoration: none; line-height: normal;vertical-align: 1px;}


.site-menu-wrap{}
.site-menu{list-style: none; padding: 0; margin: 0; display: table; width: 100%;}
.site-menu > li{display: table-cell; vertical-align: middle; position: relative;}
.site-menu > li:hover > a{background: #F7F7F7;}
.site-menu > li.dropdown:before{content: ""; mask-image: url("../img/arrow-down.svg"); -webkit-mask-image: url("../img/arrow-down.svg"); background-color: var(--bs-white); position: absolute; width: 12px; height: 12px; mask-size: contain; -webkit-mask-size: contain; display: block; z-index: 10; right: 15px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.site-menu > li.dropdown > a{padding-right: 30px;}
.site-menu > li > a{
    color: var(--bs-body-color); text-decoration: none; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    padding: 5px 15px;
    text-transform: uppercase;
    position: relative;
}
.site-menu > li > a::before {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 0%;
    left: 0px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #4C9BC5;
}
.site-menu > li > a:hover::before {
    width: 100%;
}

.site-menu > li > ul{display: none; background: green; list-style: none; padding: 0; margin: 0; text-align: left; font-size: 15px; background: var(--bs-white); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); min-width: 100%; position: absolute; left: 0; top: 60px; max-width: 300px;}
.site-menu > li > ul > li{}
.site-menu > li > ul > li > a{color: var(--bs-body-color); padding: 14px 29px 14px 19px; border-top: 1px solid var(--bs-gray-dark); display: block; width: 100%; text-decoration: none; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.site-menu > li > ul > li > a:hover{color: var(--bs-blue-weak);}

.cdb-labels-wrap{text-align: right; height: 100%; display: inline-block;}
.cdb-labels{display: table; width: 100%; height: 100%;}
.cdb-label{display: table-cell; vertical-align: middle; vertical-align: middle; text-align: center;}
.cdb-label a{min-width: 21px; display: inline-block; position: relative; height: 21px; text-decoration: none; text-align: left; margin-right: 35px; vertical-align: top;}
.cdb-label a:before{content: ""; display: block; mask-position: left center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--bs-gray-vdark); height: 22px; width: 21px; position: absolute; left: 0; top: 0; background-color: var(--bs-black);}
.compare-label > a:before{mask-image: url("../img/compare5.svg"); -webkit-mask-image: url("../img/compare5.svg"); width: 18px;}
.desire-label > a:before{mask-image: url("../img/desire.svg"); -webkit-mask-image: url("../img/desire.svg");}
.basket-label > a:before{mask-image: url("../img/basket.svg"); -webkit-mask-image: url("../img/basket.svg");}
.cdb-labels .cdb-label:last-child a{margin-right: 0;}
.cdb-label .count{background: var(--bs-gray-mdark); position: absolute; top: -7px; left: 16px; color: var(--bs-white); width: 20px; height: 20px; display: block; border-radius: 50%; line-height: 20px; font-size: 12px; text-align: center;}
.cdb-label.compare-label .count{left: 14px;}
.cdb-label a.active .count{background-color: var(--bs-blue);}
.cdb-label a.active:before{background-color: var(--bs-black);}
.cdb-label a:hover:before{background-color: var(--bs-blue-light);}
.cdb-label .wrap{margin-top: -4px; display: inline-block; vertical-align: top; z-index: 10px; position: relative; margin-left: 45px;}
.cdb-label .title{display: block; margin: 0 0 2px; font-size: .9333em; font-weight: 700; line-height: 1.1em; color: var(--bs-blue); display: none;}
.cdb-label.basket-label .title{display: block;}
.cdb-label .price{display: block; font-size: 11px; color: var(--bs-gray-vdark); max-width: 70px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}

.search-wrap{height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.search-wrap form{width: 100%;}
.search-form-wrap{width: 100%; position: relative;}
.search-form-wrap .search-input{padding: 7px 13px 10px; font-size: 14px;}
.search-form-wrap .btn-search{position: absolute; top: 0; right: 0; bottom: 0; border: none; font-size: 0; mask-image: url("../img/search.svg"); mask-repeat: no-repeat; mask-position: center center; mask-size: 20px; -webkit-mask-image: url("../img/search.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: 20px; background-color: var(--bs-black); width: 40px; cursor: pointer; padding: 0;}

.account-wrap{display: table; width: 100%; height: 100%;}
.account-label .wrap{margin-top: -4px; display: inline-block; vertical-align: top; z-index: 10px; position: relative; margin-left: 35px;}
.account-label .title{display: block; margin: 0 0 5px; font-size: .9333em; font-weight: 700; line-height: 1.1em; color: var(--bs-black);}
.account-label .price{display: block; font-size: 11px; color: var(--bs-gray-vdark); max-width: 80px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.account-label > a:hover .title{color: var(--bs-blue);}
.account-label{display: table-cell; vertical-align: middle; vertical-align: middle; text-align: center;}
.account-label > a{min-width: 21px; display: inline-block; position: relative; height: 21px; text-decoration: none; text-align: left; vertical-align: top;}
.account-label > a:before{content: ""; display: block; mask-position: left center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: left center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background-color: var(--bs-black); height: 22px; width: 21px; position: absolute; left: 0; top: 0;}
.account-label > a:before{mask-image: url("../img/lock-closed.svg"); -webkit-mask-image: url("../img/lock-closed.svg");}
.account-label > a:hover:before{background-color: var(--bs-blue-light);}

.categories-wrap{position: relative;}
.categories-wrap:hover .categories-btn{background: #F7F7F7;}
.categories-btn{display: block; color: #444; text-decoration: none; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 30px 5px 20px;  position: relative; text-transform: uppercase; position: relative;}
.categories-btn:hover{
    background: #F7F7F7;
}

.categories-show{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 20px;
}
.categories-show-left{
    padding: 5px;
    padding-right: 25px;
}
.categories-show-right{
    padding-left: 30px;
    padding-right: 10px;
    border-left: 1px solid #EEE;
}

.categories-logo{
    color: #006D8F;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    background: url("../img/logo.jpg") top center no-repeat;
    background-size: auto;
    background-size: auto;
    padding: 60px 0 0 0;
    background-size: 70px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.categories-links{
    text-align: center;
    padding-top: 20px;
}
.categories-links ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.categories-links ul li{
    padding: 5px;
}
.categories-links ul li a{
    text-transform: uppercase;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
}
.categories-links ul li a:hover{
    text-decoration: underline;
}





.categories-btn:after{content: ""; mask-image: url("../img/arrow-down.svg"); -webkit-mask-image: url("../img/arrow-down.svg"); background-color: #444; position: absolute; width: 12px; height: 12px; mask-size: contain; -webkit-mask-size: contain; display: block;z-index: 10;right: 12px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}

.categories-dropdown{position: absolute; padding: 0px; left: 0; overflow: auto; background: #444; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); padding: 10px 0; display: none; border: 1px solid #EEE;
    background: #FFF;z-index: 10;}
.categories-menu{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;}
.categories-menu > li{
    width: 100%;
    outline: 0px solid red;
    padding: 7px;
    position: relative;
    position: relative;
    padding-left: 0;
}


.categories-btn::before {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 0%;
    left: 0px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #4C9BC5;
}
.categories-wrap:hover .categories-btn::before {
    width: 100%;
}



.categories-menu-img{width: 60px; height: 60px; display: block; position: absolute; left: 30px; top: 20px;}
.categories-menu-img img{}
.categories-menu-main{display: block; color: var(--bs-black); text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.categories-menu-main:hover{text-decoration: underline;}
.categories-menu-dropdown{list-style: none; padding: 0; margin: 0;}
.categories-menu-dropdown li{}
.categories-menu-dropdown li a{font-size: 13px; color: var(--bs-gray-rdark); padding: 2px 0; text-decoration: none; display: block;}
.categories-menu-dropdown li a:hover{text-decoration: underline;}

.slide-wrapper{
    background: url("../img/bgslide.jpg") top center no-repeat;
    background-size: cover;
}
.slide-wrapper .container, .slide-wrapper .container .slide-section{
    height: 100%;
}

.slide-section{}
.slide-section > div{outline: 0px solid red;}
.slide-section-left{width: 20%;}
.slide-section-center{width: 60%;}
.slide-section-right{width: 20%;}

.undex{
    display: table;
    width: 100%;
    height: 100%;
}
.undex-img{
    display: table-cell;
    vertical-align: bottom;
    width: 50%;
    text-align: center;
    padding: 50px 20px 0;
}
.swiper-slide .undex-img img{
    width: auto;
    display: inline-block;
}
.undex-box{
    display: table-cell;
    vertical-align: center;
    position: relative;
}




.index-slide .swiper-button-prev.swb-circle{left: -50px; -webkit-transform: translate(-10%, 0px); -ms-transform: translate(-10%, 0px); transform: translate(-10%, 0px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.index-slide .swiper-button-next.swb-circle{right: -50px; -webkit-transform: translate(-10%, 0px); -ms-transform: translate(-10%, 0px); transform: translate(-10%, 0px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.index-slide:hover .swiper-button-next.swb-circle{right: 20px; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.index-slide:hover .swiper-button-prev.swb-circle{left: 20px; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}

.slide-section-left{padding-right: 20px;}
.slide-section-right{padding-left: 20px;}
.slide-section-left .slide-mini-wrapper, .slide-section-right .slide-mini-wrapper{height: 50%;}
.slide-section-left .slide-mini-wrapper:nth-child(1), .slide-section-right .slide-mini-wrapper:nth-child(1){padding-bottom: 10px;}
.slide-section-left .slide-mini-wrapper:nth-child(2), .slide-section-right .slide-mini-wrapper:nth-child(2){padding-top: 10px;}

.slide-mini{display: block;width: 100%;height: 100%; text-decoration: none; color: var(--bs-white);position: relative; overflow: hidden;}
.slide-mini::before {content: "";z-index: 2;position: absolute;height: 60%;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);background: -o-linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,.5)));background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);}

.slide-img-mini{display: block; height: 100%; width: 100%; background-image: url("../img/bm.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s;}
.slide-mini:hover .slide-img-mini {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.slide-mini-data{position: absolute; z-index: 3; bottom: 20px; left: 20px; right: 20px;}
.slide-mini-label{background: var(--bs-blue); font-size: 10px;text-transform: uppercase; color: var(--bs-white); font-weight: 700; display: inline-block; padding: 3px 7px; border-radius: 3px;}
.slide-mini-txt{display: block; font-size: 16px; padding-top: 10px; font-weight: 500;}

.index-slide .swiper-slide{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.index-slide{}
.index-slide .swiper-slide{position: relative; text-decoration: none;}
.index-slide-data{position: absolute; top: 15%; background: #FFF;
    padding: 30px;}
.index-slide-h1{color: var(--bs-black);font-size: 26px;
    font-weight: 500;
    display: block;
    line-height: 30px;}
.index-slide-text{color: var(--bs-black);font-size: 16px;padding: 15px 0 25px 0;display: block;}
.index-slide-button{display: block;}
.index-slide-button span{display: inline-block;background: var(--bs-blue); color: var(--bs-white); font-weight: 600; padding: 10px 20px; font-size: 16px;}
.index-slide-button span:hover{background: var(--bs-blue-light);}

.products-list{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
.products-list .products-item{}
.products-list.products-list-4 .products-item{width: calc(25% + 1px);}
.products-list.products-list-5 .products-item{width: calc(20% + 1px);}

.products-item{
    position: relative;
    -webkit-box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    -webkit-transition: border 0.4s ease-out, -webkit-box-shadow 0.4s ease-out;
    transition: box-shadow 0.4s ease-out, border 0.4s ease-out, -webkit-box-shadow 0.4s ease-out;
    background: var(--bs-white);
    margin-right: -1px;
    position: relative;
    margin-bottom: -1px;
}
.compare-slider-slides .products-item{
    margin-right: 0;
    margin-bottom: 0;
}
.products-item form{
    height: 100%;
    display: block;
}
.products-item-body{
    padding: 20px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.products-item-header{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.products-item-top{
    position: relative;
    margin-bottom: 15px;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px;
}
.products-item-thumbs{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: 100%;
    width: 100%;
}
.products-item-thumbs-all{
    height: 100%;
    width: 100%;
}
.products-item-thumb {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: none;
    height: 100%;
    width: 100%;
}
.products-item-thumb div{
    height: 100%;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.products-item-thumb.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.products-item-thumb img{
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    width: auto !important;
}

.products-item-thumbs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.products-item-thumbs-nav div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 2px;
    height: 100%;
    position: relative;
}
.products-item-thumbs-nav div::before {
    background: var(--bs-gray-sdark);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.products-item-thumbs-nav div.active::before{
    background: var(--bs-blue);
}

.products-item-badges {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    right: 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.products-item-badges .badge {
    margin: 0 1px 5px;
    letter-spacing: .5px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    color: var(--bs-white);
    font-size: 10px;
    line-height: 12px;
    padding: 5px 10px 4px;
    text-transform: uppercase;
    border-radius: 2px;
}
.badge--blue {
    background: var(--bs-blue-light);
}
.badge--yellow {
    background: var(--bs-yellow);
}
.badge--red {
    background: var(--bs-red);
}
.badge--green {
    background: var(--bs-green);
}

.products-item-actions {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.btn-action {
    background: var(--bs-white);
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    border: 0;
    position: relative;
    cursor: pointer;
    background-color: var(--bs-white);
    margin-bottom: 5px;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.btn-action.btn-action-visible {
    visibility: visible;
    opacity: 1;
}
.btn-action:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 16px;
    -webkit-mask-size: 16px;
    background-color: var(--bs-gray-vdark);

}
.label {
    position: relative;
    display: inline-block;
    border: 1px solid var(--bs-body-color);
    padding: 0 6px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 18px;
    text-transform: lowercase;
}
.products-item:hover .products-item-actions button {
    visibility: visible;
    opacity: 1;
}
.products-item-actions button.active{
    visibility: visible;
    opacity: 0.6;
}
.btn-action:hover, .btn-action.active {background: var(--bs-blue);}
.btn-action:hover:before, .btn-action.active:before {background: var(--bs-white);}

.action--wishlist:before{
    mask-image: url("../img/desire.svg");
    -webkit-mask-image: url("../img/desire.svg");
    mask-position: center 9px;
    -webkit-mask-position: center 9px;
}
.action--compare:before{
    mask-image: url("../img/compare5.svg");
    -webkit-mask-image: url("../img/compare5.svg");
    mask-size: 14px;
    -webkit-mask-size: 14px;
}
.action--view:before{
    mask-image: url("../img/zoom-search.svg");
    -webkit-mask-image: url("../img/zoom-search.svg");
}

.products-item-center{
    outline: 0px solid red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.products-item-name{
    display: block;
    margin: 5px 0 10px;
}
.products-item-name a{
    line-height: 1.4;
    color: var(--bs-black);
    font-size: 15px;
    text-decoration: none;
    display: block;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.products-item-name a:hover{
    color: var(--bs-blue);
}
.products-item-articul{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 10px;
}
.products-item-status{
    position: relative;
    font-size: 13px;
    padding-left: 13px;
    margin-right: 10px;
}
.products-item-status.status--green::before {
    content: "В наличии";
}
.products-item-status.status--red::before {
    content: "Нет в наличии";
}
.products-item-status::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    border-radius: 3px;
}
.products-item-sku{
    color: var(--bs-gray-vdark); font-size: 13px;
}
.status--green{
    color: var(--bs-yellow-green);
}
.status--green::after {
    background: var(--bs-yellow-green);
}
.status--red{
    color: var(--bs-flaming-red);
}
.status--red::after {
    background: var(--bs-flaming-red);
}

.compare-slider-slides .swiper-wrapper{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.compare-slider-slides .swiper-slide img {
    max-height: 100%;
    display: inline-block;
    width: auto;
}
.compare-slider-slides .products-item{
    height: 100%;
    width: 100%;
}
.compare-slider-slides .swiper-slide{
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.compare-slider-slides .products-item:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
}

.related-slider-slides .swiper-wrapper{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.related-slider-slides .swiper-slide img {
    max-height: 100%;
    display: inline-block;
    width: auto;
}
.related-slider-slides .swiper-wrapper{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.related-slider-slides .products-item{
    height: 100%;
    width: 100%;
}
.related-slider-slides .swiper-slide{
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1px;
}
.related-slider-slides .products-item:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
}
.related-slider-slides .products-item {
    height: 100%;
    width: 100%;
}
.related-slider-slides .products-item {
    margin-right: 0;
    margin-bottom: 0;
}
.related-slider-slides .products-item .products-item-footer {
    display: block;
    position: static;
    padding: 0;
    padding-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.products-item-prices{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.products-item-price{
    font-size: 17px;
    font-weight: 500;
    margin-right: 7px;
}
.products-item-price-n{}
.products-item-price-z{
    font-size: 14px;
    margin-left: 3px;
}
.products-item-price-old{
    color: var(--bs-gray-vdark);
    font-size: 15px;
    text-decoration: line-through;
    padding-top: 3px;
}
.products-item-price-old-n{}
.products-item-price-old-z{
    font-size: 14px;
    margin-left: 3px;
}
.products-item .products-item-footer{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 5px);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: var(--bs-white);
    box-shadow: 0 15px 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 15px 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
    z-index: 9;
}
.compare-slider-slides .products-item .products-item-footer {
    display: block;
    position: static;
    padding: 0;
    padding-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.products-item:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
    z-index: 10;
}
.products-item:hover .products-item-footer{
    display: block;
}

.product-variables{
    position: relative;
    margin-bottom: 30px;
}
.product-variables .loader{
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    background: url("../img/spinner.gif") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    left: 50%;
    top: 50%;
}
.product-variables > div{
    margin-bottom: 10px;
}
.product-variables label{
    font-weight: 500;
    display: block;
    padding-bottom: 5px;
}

.products-item-size{
    padding-bottom: 15px;
}
.products-item-size label{
    display: inline-block;
    font-size: 10px;
    border: 1px solid var(--bs-gray-vdark);
    padding: 3px 10px;
    text-align: center;
    margin: 0 5px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    border-radius: 2px;
}
.products-item-size label.active{
    background: var(--bs-blue);
    color: var(--bs-white);
    border-color: var(--bs-blue);
}
.products-item-size label input[type=radio]{
    display: none;
}
.products-item-buy{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.products-item-counter{

}
.products-item-btn{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.products-item-btn button{
    width: 100%;
}

.products-item-click{padding-top: 10px; width: 100%;}
.products-item-click .btn{font-weight: 500; width: 100%;}

.products-item-soc{padding-top: 30px;}

.sharing{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sharing-btn{}
.sharing-btn button{background-image: url("../img/share.svg"); background-repeat: no-repeat; position: relative;
    background-color: #FFF;
    border: 1px solid #F2F2F2;
    padding: 10px 60px 10px 20px;
    background-position: center right 12px;
    background-size: 20px;
    cursor: pointer;
}
.sharing-btn button:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #F2F2F2;
    top: 0;
    bottom: 0;
    right: 43px;
}
.sharing-btn button:hover{background-color: #F2F2F2;}
.sharing-btn button:hover:before{background: #FFF;}
.sharing-ya{padding-left: 15px; display: none;}
.sharing.active .sharing-ya{display: block;}

.products-item.products-item-list{
    width: 100% !important;
}
.products-item.products-item-list .products-item-body{
    height: auto;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}
.products-item.products-item-list .products-item-header{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.products-item.products-item-list .products-item-footer{
    display: block;
    position: static;
    width: 220px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.products-item.products-item-list .products-item-header{
    height: auto;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}
.products-item.products-item-list .products-item-top{
    width: 200px;
    height: 185px;
    margin-bottom: 0;
}
.products-item.products-item-list .products-item-center{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-left: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 30px;
}
.products-item.products-item-list .products-item-articul {
    margin-top: 0px;
    padding-left: 15px;
}
.products-item.products-item-list .products-item-name {
    display: block;
    margin: 0 0 10px;
}
.products-item.products-item-list .products-item-name a{
    font-size: 16px;
}
.products-item.products-item-list .products-item-prices {
    padding-bottom: 10px;
}
.products-item.products-item-list .products-item-buy-one{
    padding-top: 15px;
}
.products-item.products-item-list .products-item-buy-one button{
    width: 100%;
}

.products-item-features{
    font-size: 12px;
    padding-top: 10px;
}
.products-item-feature{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.products-item-feature:before{
    content: "";
    background: url("../img/dott.png") repeat-x;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    height: 1px;
    right: 0;
    display: block;
}
.products-item-feature span{
    background: #fff;
    display: block;
    position: relative;
    z-index: 2;
    color: #666;
}
.products-item-feature span:first-child{
    padding-right: 10px;
}
.products-item-feature span:last-child{
    padding-left: 10px;
}

.flex-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-box > div{}

.counter{
    border: 1px solid var(--bs-pale-gray);
    background: var(--bs-pale-gray);
    width: 84px;
    display: block;
    vertical-align: top;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 36px;
    margin-right: 10px;
}
.counter .minus, .counter .plus {
    height: 34px;
    width: 24px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    position: relative;

}
.counter .minus:before, .counter .plus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    mask-size: 16px;
    -webkit-mask-size: 16px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-gray-rdark);
}
.counter .minus:hover:before, .counter .plus:hover:before {
    background: var(--bs-black);
}
.counter .minus:before{
    mask-image: url("../img/minus.svg");
    -webkit-mask-image: url("../img/minus.svg");
    mask-size: 14px;
    -webkit-mask-size: 14px;
}
.counter .plus:before {
    mask-image: url("../img/plus.svg");
    -webkit-mask-image: url("../img/plus.svg");
}
.counter input[type="text"] {
    width: 34px;
    border: 0;
    background: var(--bs-pale-gray);
    color: var(--bs-gray-rdark);
    font-size: 13px;
    height: 34px;
    border-radius: 0;
    text-align: center;
    line-height: 13px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
}



.footer{
    background: #333333;
}
.footer-watched{border-bottom: 1px solid var(--bs-gray-dark);}

.you-watched{
    padding: 30px 0;
}
.you-watched-h1{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 20px;
}
.you-watched-wrapper{
    background: var(--bs-pale-gray);
    display: block;
    height: 100%;
    width: 100%;
}
.you-watched-item{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background: var(--bs-white);
    height: 100%;
    padding: 15px;
}

.you-watched-item-image{
    width: 100px;
}
.you-watched-item-image a{
    display: block;
    text-align: center;
}
.you-watched-item-image a img{
    max-height: 100px;
    display: inline-block;
    width: auto;
}
.you-watched-item-body{padding-left: 15px;}
.you-watched-item-body > div{}

.footer-data{
    padding: 30px 0;
    border-bottom: 1px solid #535353;
}
.footer-data-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.footer-data-menus{outline: 0px solid red; -webkit-box-flex: 1; -ms-flex: auto; flex: auto;}
.footer-data-mailing{outline: 0px solid red; width: 30%; padding-right: 100px;}
.footer-data-contacts{outline: 0px solid red; width: 22%;}

.footer-data-h1{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-data-contact{}
.footer-data-contact > div{}
.footer-data-contact > div a{
    text-decoration: none;
    color: var(--bs-black);
}
.footer-phone, .footer-email, .footer-address{
    position: relative;
    padding: 10px 10px 10px 30px;
}
.footer-phone:before, .footer-email:before, .footer-address:before{
    content: "";
    width: 20px;
    height: 20px;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-black);
    position: absolute;
    left: 0;
    top: 12px;
}
.footer-phone:before{
    mask-image: url("../img/phone-com.svg");
    -webkit-mask-image: url("../img/phone-com.svg");
}
.footer-email:before{
    mask-image: url("../img/email-open.svg");
    -webkit-mask-image: url("../img/email-open.svg");
}
.footer-address:before{
    mask-image: url("../img/location.svg");
    -webkit-mask-image: url("../img/location.svg");
}
.footer-phone{
    font-weight: 700;
    font-size: 16px;
}

.footer-logo{margin-bottom: 20px;}
.footer-logo a{display: block;}
.footer-license{}
.footer-license a{}

.footer-copy{padding: 15px 0;}

.footer-copy-text{
    text-align: center;
}
.footer-copy-text, .footer-copy-text a{
    color: var(--bs-gray-vdark);
    font-size: 13px;
}
.footer-license-link{}
.footer-license-link a{font-size: 12px; color: var(--bs-gray-vdark); text-decoration: none;}
.footer-license-link a:hover{text-decoration: underline;}

.footer-data-menu{display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer-data-company{padding-right: 100px;}
.footer-data-catalog{padding-right: 100px;}
.footer-data-help{}
.footer-data-menu > div{}
.footer-data-menu > div ul{list-style: none; padding: 0; margin: 0;}
.footer-data-menu > div ul li{padding-bottom: 8px;}
.footer-data-menu > div ul li a{color: var(--bs-gray-rdark); text-decoration: none;}
.footer-data-menu > div ul li a:hover{text-decoration: underline;}

.subscription{}
.subscription.sending-data .subscription-email.box-loader .loader{
    display: block;
}
.subscription-text{padding-bottom: 10px;}
.subscription-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;}
.subscription-email{-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
.subscription-email.box-loader .loader{
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    height: 30px;
    width: 30px;
    right: 5px;
    left: auto;
    display: none;
}
.subscription-email input{
    height: 42px;
    font-size: 14px;
}
.subscription-btn{}

.box-loader{
    position: relative;
}
.box-loader .loader{
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    background: url("../img/spinner.gif") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    left: 50%;
    top: 50%;
}

.btn-mailing{
    background: var(--bs-blue);
    height: 42px;
    width: 42px;
    border: 0;
    cursor: pointer;
    position: relative;
}
.btn-mailing span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    mask-image: url("../img/subscribe.svg");
    -webkit-mask-image: url("../img/subscribe.svg");
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-white);
}
.btn-mailing:hover{
    background: var(--bs-blue-weak);
}

.brands-slider{
    border-top: 1px solid var(--bs-gray-dark);
    padding: 50px 0;
}
.brands-slider-wrapper{}
.brands-slider-slides{}

.brands-slider-slide{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.brands-slider-slide a{
    width: 100%;
    display: inline-block;
}
.brands-slider-slide a img{
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: pointer;
}
.reviews-slider{
    border-top: 1px solid var(--bs-gray-dark);
    padding: 50px 0;
}
.reviews-slider-slide{
    width: 100%;
    height: 100%;
}
.reviews-item {
    padding: 30px 70px;
    position: relative;
    text-align: left;
    border: 1px solid var(--bs-gray-dark);
    margin-bottom: 0;
    height: 100%;
    background-color: var(--bs-white);
}
.reviews-item-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.reviews-item-img{width: 50px;}
.reviews-item-img img{}
.reviews-item-user{-webkit-box-flex: 1;-ms-flex: auto;flex: auto; padding-left: 20px;}
.reviews-item-date{font-size: 12px; color: var(--bs-gray-vdark);}
.reviews-item-name{font-size: 15px; font-weight: 700;}
.reviews-item-rating{}

.reviews-item-content{position: relative;}
.reviews-item-content p{margin: 0;}
.reviews-item-btn{padding-top: 20px;}

.h3-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.h3-header-title{
    display: block;
    position: relative;
}
.h3-header-title::before {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 60px;
    height: 3px;
    left: 0px;
    background: #007ca3;
}
.h3-header-title h3{
    margin: 0;
}
.h3-header-link{}

.news-widget-all{
    text-align: center;
    padding-top: 30px;
}
.news-widget-all .btn{
    padding: 12px 40px 14px;
}

.news-widget{
    padding: 50px 0;
    background: #FFF;
    border-bottom: 1px solid var(--bs-gray-dark);
}
.news-widget-wrapper{}

.news-widget-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.news-widget-items > div{
    width: 50%;
    padding: 15px;
}

.news-widget-item{
    border: 1px solid var(--bs-gray-dark); height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.news-widget-item:hover{-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}

.news-widget-image{
    width: 200px;
}
.news-widget-image a{display: block; height: 100%;}
.news-widget-image a img{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}
.news-widget-name{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; padding: 20px 20px 25px 20px;}
.news-widget-date{font-size: 13px; color: var(--bs-gray-vdark); padding-bottom: 10px;}
.news-widget-link{
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.news-widget-link a{color: var(--bs-black); font-weight: 400; display: block; text-decoration: none;}
.news-widget-desc{
    padding-bottom: 5px;
}
.news-widget-link a:hover{text-decoration: underline;}

.index-offers{padding: 10px 0 50px 0;}
.index-offers-header{-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex;margin-bottom: 30px;}
.index-offers-h3{}
.index-offers-h3 h3{margin: 0;}
.index-offers-btn div{display: inline-block; margin-left: 10px; padding-top: 4px; padding-bottom: 4px;}
.index-offers-btn div span{}
.index-offers-body{}
.index-offers-products{display: none;}
.index-offers-products.active{display: block;}

.banners-widget{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px;}
.banners-widget-item{width: 32%;}
.banners-widget-item a{display: block; overflow: hidden;}
.banners-widget-item a img{-webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; -o-transition: transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s;}
.banners-widget-item a:hover img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}

.callback-personal, .callback-personal a{color: var(--bs-gray-vdark); font-size: 13px;}

.header-close {display: none;}

.burger{cursor: pointer; display: none;}
.burger span{
    display: block;
    height: 2px;
    background: var(--bs-black);
    margin: 6px 0;
    width: 25px;
}

.header-mobile{display: none;}

.order-table{width: 100%;}
.order-table-item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #F2F2F2;}
.order-table-item:first-child{border-top: 0px solid #F2F2F2;}
.order-table-item > div{padding: 10px 25px;}
.order-table-item-img{
    width: 120px; text-align: center;
    padding-left: 0 !important;
}
.order-table-item-img a img{
    max-height: 70px;
    max-width: 70px;
}
.order-table-item-name{-webkit-box-flex: 1;-ms-flex: auto;flex: auto; padding-left: 0 !important;}
.order-table-item-name a{color: var(--bs-body-color); text-decoration: none; font-weight: 600; font-size: 16px; display: block; padding-bottom: 5px;}
.order-table-item-name a:hover{text-decoration: underline;}
.order-table-item-name div{font-size: 14px; color: #999;}
.order-table-item-count{width: 140px; text-align: center; color: #999;}
.order-table-item-price{width: 130px;}
.order-table-item-price div{font-weight: 600; font-size: 16px;}

.cart-table{width: 100%; margin-bottom: 25px;}
.cart-table-item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #F2F2F2; margin-bottom: -1px;}
.cart-table-item > div{padding: 10px 25px;}
.cart-table-item-img{width: 120px; text-align: center;}
.cart-table-item-img a img{
    max-height: 70px;
    max-width: 70px;
}
.cart-table-item-name{-webkit-box-flex: 1;-ms-flex: auto;flex: auto; padding-left: 0 !important;}
.cart-table-item-name a{color: var(--bs-body-color); text-decoration: none; font-weight: 600; font-size: 16px; display: block; padding-bottom: 5px;}
.cart-table-item-name a:hover{text-decoration: underline;}
.cart-table-item-name div{font-size: 14px; color: #999;}
.cart-table-item-count{width: 140px; text-align: center;}
.cart-table-item-count .counter{display: inline-block; margin: 0;}
.cart-table-item-price{width: 130px;}
.cart-table-item-price div{font-weight: 600; font-size: 16px;}
.cart-table-item-close{}

.cart-total{
    border: 1px solid #F2F2F2;
    padding: 25px;
    top: 25px;
    position: sticky;
}
.cart-total-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 20px;
}
.cart-total-price-left{}
.cart-total-price-right{}

.cart-total-info{
    position: relative;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.cart-total-info:before{
    border-bottom: 1px dotted #999;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
}
.cart-total-info-left{
    background: #fff;
    position: relative;
    padding-right: 10px;
}
.cart-total-info-right{
    background: #fff;
    position: relative;
    padding-left: 10px;
}

.cart-total-coupon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
}
.cart-total-coupon-input{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.cart-total-coupon-input input{
    padding: 7px 13px 7px;
    font-size: 14px;
    height: 38px;
}
.cart-total-coupon-btn{
    width: 38px;
}
.cart-total-coupon-btn button{
    position: relative;
    height: 38px;
    width: 100%;
    border-radius: 0px;
    padding: 0;
}
.cart-total-coupon-btn button:before{
    content: "";
    mask-image: url("../img/arrow-right.svg");
    -webkit-mask-image: url("../img/arrow-right.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-white);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cart-total-checkout{}
.cart-total-checkout button{
    width: 100%;
    padding: 8px 20px 9px;
    font-weight: 600;
}

.cart-dp{margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.cart-dp-left{padding-right: 12px; width: 50%;}
.cart-dp-right{padding-left: 12px; width: 50%;}

.cart-box{
    border: 1px solid #F2F2F2;
    padding: 25px;
    height: 100%;
}
.cart-box-head{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-left: 40px;
}
.cart-box-head:before{
    content: "";
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-blue);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -2px;
    top: 0px;
}
.cart-box-head-del:before{
    mask-image: url("../img/delivery.svg");
    -webkit-mask-image: url("../img/delivery.svg");
}
.cart-box-head-user:before{
    mask-image: url("../img/user.svg");
    -webkit-mask-image: url("../img/user.svg");
}
.cart-box-head-pay:before{
    mask-image: url("../img/wallet.svg");
    -webkit-mask-image: url("../img/wallet.svg");
}
.cart-box-body{
    padding-left: 38px;
}
.cart-box-items{}
.cart-box-item{}
.cart-box-form{
    padding-top: 10px;
}

.order-ok{
    position: relative;
    border: 1px solid #F2F2F2;
    padding: 25px 25px 25px 65px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
}
.order-ok:before{
    content: "";
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-green);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -15px;
    mask-image: url("../img/ok.svg");
    -webkit-mask-image: url("../img/ok.svg");
}
.order-box{
    border: 1px solid #F2F2F2;
    padding: 25px;
    margin-bottom: 25px;
}
.order-box-head{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-left: 40px;
}
.order-box-head:before{
    content: "";
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-blue);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -2px;
    top: 0px;
}
.order-box-body{}

.order-box-head-shopping:before{
    mask-image: url("../img/shopping.svg");
    -webkit-mask-image: url("../img/shopping.svg");
}
.order-box-head-order:before{
    mask-image: url("../img/order.svg");
    -webkit-mask-image: url("../img/order.svg");
}

.order-details{font-size: 16px;}
.order-details-header{color: #999; padding-bottom: 2px;}
.order-details-body{margin-bottom: 20px;}

.cart-empty{text-align: center;}
.cart-empty-img{
    mask-image: url("../img/basket.svg");
    -webkit-mask-image: url("../img/basket.svg");
    display: inline-block;
    mask-position: left center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    height: 80px;
    width: 80px;
    background-color: var(--bs-gray-gain);
    margin: 0 auto;
}
.cart-empty-txt{}
.cart-empty-txt div{font-size: 20px; padding: 15px 0;}
.cart-empty-txt span{}

.form-btn{
    text-align: center;
}
.form-btn button{
    padding: 10px 30px 11px;
    font-size: 16px;
    font-weight: 600;
}
.radio-big{
    padding: 10px 0;
}
.radio-big input[type="radio"]:checked + label::before, .radio-big input[type="radio"]:not(:checked) + label::before {
    width: 20px;
    height: 20px;
}
.radio-big input[type="radio"]:checked + label::after, .radio-big input[type="radio"]:not(:checked) + label::after {
    left: 6px;
    top: 6px;
    width: 8px;
    height: 8px;
}
.radio-big label{
    font-weight: 600;
    font-size: 16px;
    padding-top: 2px;
}

.radio-big-text{}
.radio-big-price{
    margin: 0 3px 0 0;
    color: #777;
    word-wrap: break-word;
    padding: 7px 0 7px 27px;
}
.radio-big-price span.label-gray{
    padding: 5px 7px 5px 7px;
    background: #f0f0f0;
    border-radius: 5px;
    display: inline-block;
    line-height: 8px;
    vertical-align: top;
    font-size: 13px;
    margin-right: 10px;
}
.radio-big-price span.label-yellow{
    background: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
    padding: 5px 7px 5px 7px;
    border-radius: 5px;
    display: inline-block;
    line-height: 8px;
    vertical-align: top;
    font-size: 13px;
}
.radio-big-desc{
    color: #777;
    font-size: 13px;
    padding: 0 0 0 27px;
}
.radio-big-desc p{
    margin: 0;
}



.wrapper{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 0 50px 0;}
.wrapper-left{width: 19%; outline: 0px solid red;}
.wrapper-right{ outline: 0px solid green; width: 81%; padding-left: 30px;}
.wrapper-content{width: 100%;}
.wrapper-cart-left{width: 75%; padding-right: 30px;}
.wrapper-cart-bottom{width: 75%; padding-right: 30px;}
.wrapper-cart-right{width: 25%;}

.page-comments{
    padding-top: 10px;
}

.w-filter{
    background: var(--bs-gray);
    border: 1px solid var(--bs-gray-dark);
    margin-bottom: 20px;
    background: var(--bs-white);
}
.w-filter-header{
    border-bottom: 1px solid var(--bs-gray-dark);
    font-weight: 600;
    padding: 15px 20px;
    font-size: 16px;
    position: relative;
}
.w-filter-data{}
.w-filter-footer{padding: 20px;}
.w-filter-footer > div:first-child{padding-bottom: 10px;}
.w-filter-footer .btn{width: 100%;}

.ffooter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #FFF;
    gap: 20px;
}
.ffooter a{
    color: #FFF;
}
.footer-phone::before, .footer-email::before, .footer-address::before {
    background: #FFF;
}

.w-filter-item{}
.w-filter-item:hover{background: var(--bs-white);}
.w-filter-item-header{
    position: relative;
    padding: 15px 20px 15px 20px;
    cursor: pointer;
    font-size: 15px;
}
.w-filter-item-header:before{
    content: "";
    mask-image: url("../img/arrow-down.svg");
    -webkit-mask-image: url("../img/arrow-down.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-black);
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 20px;
    top: 21px;
}
.w-filter-item-header-none:before{
    display: none;
}
.w-filter-item.hidden .w-filter-item-body{
    display: none;
}
.w-filter-item-body{
    padding: 0 20px 15px;
}

.w-filter-select{}
.w-filter-checkbox{}
.w-filter-badge{
    color: #8c8c8c;
    font-size: 12px;
    margin-left: 5px;
}
.w-filter-checkbox > div, .w-filter-radio > div{margin-bottom: 7px;}
.w-filter-checkbox label, .w-filter-radio label{}

.w-filter-item{border-bottom: 1px solid var(--bs-gray-dark);}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
}
.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}
.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}
.noUi-horizontal .noUi-origin {
    height: 0;
}
.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}
.noUi-touch-area {
    height: 100%;
    width: 100%;
}
.noUi-horizontal {
    height: 3px;
}
.noUi-horizontal .noUi-handle {
    top: -7px;
}
.noUi-target {
    background: #F2F2F2;
    border-radius: 3px;
}
.noUi-connect {
    background: var(--bs-blue);
}
.noUi-handle {
    border: 3px solid var(--bs-blue);
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
    width: 18px;
    height: 18px;
}
.noUi-handle.noUi-handle-lower{
    right: -18px;
}
.noUi-handle.noUi-handle-upper{
    right: 0;
}

.range-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative;}
.range-wrap:before{
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    background: #9a9a9a;
}
.range-wrap > div{width: 44%;}
.range-wrap input{padding: 5px 13px 7px;}

.range-slider{padding-bottom: 10px;}
.range-slider-number{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 0}
.range-slider-number > div{color: #999; font-size: 13px;}

.w-sort{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px;}
.w-sort-filter{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.w-sort-display{}

.w-sort-btn{background: #F5F5F5; width: 36px; height: 36px; margin: 0 0 0 8px; border-radius: 2px; display: inline-block; cursor: pointer; border: 0; cursor: pointer; position: relative;}
.w-sort-btn.active{background: var(--bs-blue);}
.w-sort-btn:before{
    content: "";
    height: 13px;
    width: 13px;
    background-image: url("../img/display.svg");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.w-sort-btn-tile:before{
    background-position: 0 -17px;
}
.w-sort-btn-tile.active:before{
    background-position: 0 0;
}
.w-sort-btn-list:before{
    background-position: -29px -17px;
}
.w-sort-btn-list.active:before{
    background-position: -29px 0;
}
.w-sort-btn-table:before{
    background-position: -57px -17px;
}
.w-sort-btn-table.active:before{
    background-position: -57px 0;
}

.portall{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    margin-bottom: 45px;
}
.portall > div{
    width: 25%;
    padding: 15px;
}
.portall > div img{
    width: 100%;
}
.portall > div a{
    display: block;
    position: relative;
}
.portall > div a:hover:after{
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
}
.portall > div a:hover:before{
    content: '';
    display: block;
    z-index: 2;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-mask-image: url("../img/zoom-search.svg");
    mask-image: url("../img/zoom-search.svg");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    background: #FFF;
}



.btn-filter{
    background: #E5E5E5; height: 36px; border-radius: 2px; display: inline-block; border: 0; cursor: pointer; position: relative; margin-right: 12px; padding: 0 15px 0 35px;
    display: none;
}
.btn-filter:before{
    content: "";
    display: block;
    mask-image: url("../img/filter2.svg");
    -webkit-mask-image: url("../img/filter2.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-black);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 13px;
    top: 10px;
}

.w-banner{}
.w-banner div{margin-bottom: 20px;}
.w-banner div a{display: block;}
.w-banner div a img{}

.w-news{border: 1px solid #F2F2F2; margin-bottom: 20px;}
.w-news-header{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 20px 0 20px;}
.w-news-header > div{}
.w-news-header span{font-weight: 600; font-size: 18px;}
.w-news-header a{text-decoration: none; font-size: 13px;}
.w-news-header a:hover{text-decoration: underline;}
.w-news-body{}
.w-news-items{}
.w-news-item{border-top: 1px solid #F2F2F2; padding: 20px;}
.w-news-item:first-child{border-top: 0;}
.w-news-info{}
.w-news-date{color: #666; font-size: 13px;}
.w-news-name{color: var(--bs-black); text-decoration: none; display: block;}
.w-news-name:hover{color: var(--bs-blue);}

.w-menu{margin-bottom: 20px; border: 1px solid #F2F2F2;}
.w-menu a{border-left: 2px solid transparent; background: #F9F9F9; text-decoration: none; display: block; padding: 10px 20px; border-top: 1px solid #F2F2F2; color: var(--bs-black);}
.w-menu a.active{border-left-color: var(--bs-blue); background: var(--bs-blue); color: var(--bs-white) !important;}
.w-menu > div:first-child a{border-top: 0;}
.w-menu a:hover{border-left-color: var(--bs-blue); color: var(--bs-blue);}

.product{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #F2F2F2; width: 100%;}
.product-gallery{width: 50%; padding: 30px; position: relative;}
.product-data{padding: 30px 30px 30px 0px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }
.product-tabs{padding: 30px 0;}

.product-data-header{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #F2F2F2; padding-bottom: 30px;}
.product-data-rating{}
.product-data-articul{}
.product-data-brand{}
.product-data-brand img{
    max-width: 130px;
    max-height: 30px;
}

.product-data-price{}
.product-data-prices {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: normal;
    padding-top: 30px;
}
.product-data-cost {
    font-size: 24px;
    font-weight: 600;
    margin-right: 10px;
}
.products-data-cost-n{
    margin-right: 5px;
}
.products-data-cost-z{
    font-size: 18px;
}
.product-data-cost-old{
    text-decoration: line-through;
    color: var(--bs-gray-vdark);
    font-size: 16px;
}
.products-data-cost-old-n{
    margin-right: 5px;
}
.product-data-cost-old-z{

}

.product-data-btns{padding-top: 30px;}
.product-data-btns .products-item-size label{font-size: 12px; padding: 6px 12px;}
.product-data-btns .products-item-buy{width: 250px;}
.product-data-btns .btn{height: 36px;}

.counter.counter-big{height: 40px;}
.counter.counter-big .minus, .counter.counter-big .plus {height: 38px;}
.counter.counter-big input[type="text"] {height: 38px;}

.product-data-price .products-item-articul{padding-top: 0px;}
.product-data-price .products-item-articul{font-size: 14px;}

.product-data-sale{padding-top: 10px;}
.product-data-percent{background: #E32330; display: inline-block; color: var(--bs-white); border-radius: 3px;font-size: 13px; line-height: normal; padding: 3px 8px 4px 8px;}
.product-data-economs{background: #FFD02E; display: inline-block; border-radius: 3px; margin-left: 4px;font-size: 13px; line-height: normal; padding: 3px 8px 4px 8px;}

.swiper-product{position: relative;}
.swiper-product .swiper-large-preview{
    height: 400px;
    height: 320px;
}
.swiper-product .swiper-large-preview .swiper-slide{height: 100%;}
.swiper-product .swiper-large-preview .swiper-slide > a{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-product .swiper-thumb .swiper-button-next, .swiper-product .swiper-thumb .swiper-button-next:hover, .swiper-product .swiper-thumb .swiper-button-prev,  .swiper-product .swiper-thumb .swiper-button-prev:hover{
    background: #FFF;
    border-radius: 0;
    height: 100%;
    top: 0;
    margin: 0;
}
.swiper-product .swiper-thumb .swiper-button-next:after, .swiper-product .swiper-thumb .swiper-button-prev:after{background-color: var(--bs-black);}

.swiper-large-preview .product-slide-next {
    right: -50px;
    -webkit-transform: translate(-10%, 0px);
    -ms-transform: translate(-10%, 0px);
    transform: translate(-10%, 0px);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.swiper-large-preview:hover .product-slide-next {
    right: 20px;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.swiper-large-preview .product-slide-prev {
    left: -50px;
    -webkit-transform: translate(-10%, 0px);
    -ms-transform: translate(-10%, 0px);
    transform: translate(-10%, 0px);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.swiper-large-preview:hover .product-slide-prev {
    left: 20px;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.characteristics{
    padding-top: 30px;
}

.swiper-thumb{padding: 20px 42px;}
.swiper-thumb .swiper-wrapper{width: 100%;}
.swiper-thumb .swiper-slide {opacity: 0.7; cursor: pointer; border: 2px solid transparent; padding: 5px;}
.swiper-thumb .swiper-slide:hover {opacity: 1;}
.swiper-thumb .swiper-slide-thumb-active {opacity: 1; border: 2px solid var(--bs-blue);}
.swiper-slide img {display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-height: 100%; -o-object-fit: cover; object-fit: cover;}
.swiper-thumb .swiper-slide img{max-height: 130px;}

.property{
    margin-bottom: 25px;
}
.property-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
}
.property-item:nth-child(2n+1){
    background: #F6F6F7;
}
.property-name{
    width: 70%;
}

.contacts-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border: 1px solid var(--bs-gray-dark);
    padding: 25px;
}
.contacts-item{
    width: 25%;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}
.contacts-item::before {
    content: "";
    width: 26px;
    height: 26px;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-blue);
    position: absolute;
    left: 0;
    top: 0;
}
.contacts-item-address::before{
    mask-image: url("../img/location.svg");
    -webkit-mask-image: url("../img/location.svg");
}
.contacts-item-phone::before{
    mask-image: url("../img/phone-com.svg");
    -webkit-mask-image: url("../img/phone-com.svg");
}
.contacts-item-email::before{
    mask-image: url("../img/email-open.svg");
    -webkit-mask-image: url("../img/email-open.svg");
}
.contacts-item-work::before{
    mask-image: url("../img/clock.svg");
    -webkit-mask-image: url("../img/clock.svg");
}
.contacts-item-header{
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 5px;
}
.contacts-item-body{
    color: var(--bs-gray-vdark);
}
.contacts-item-body a{
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
    color: var(--bs-body-color);
}
.contacts-form{
    border: 1px solid var(--bs-gray-dark);
    padding: 45px 50px 25px 50px;
    margin-top: 25px;
}
.contacts-form-header{
    font-size: 24px;
    margin-bottom: 20px;
}
.contacts-form-body{}

.form-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.form-wrapper-left{width: 50%; padding-right: 20px;}
.form-wrapper-right{width: 50%; padding-left: 20px;}
.form-wrapper-footer{}

.form100{height: calc(100% - 50px);}
.form100 textarea{height: 100%;}

.form-sending{
    border: 1px solid var(--bs-gray-dark);
    padding: 45px 50px 25px 50px;
    max-width: 700px;
}
.form-account{
    max-width: 700px;
}





.submenu{
    padding: 15px 0 5px 0;
}
.submenu > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.submenu > ul > li{
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}
.submenu > ul > li:last-child{
    border-bottom: 0;
}
.submenu > ul > li.submenu-arrow:before{
    content: '';
    height: 10px;
    width: 10px;
    -webkit-mask-image: url("../img/next-light.svg");
    mask-image: url("../img/next-light.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
    background-color: #222;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1;
}
.submenu > ul > li.submenu-arrow.active:before{
    background-color: #FFF;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.submenu > ul > li.active > a, .submenu > ul > li:hover > a{
    color: var(--bs-blue);
}
.submenu > ul > li.active .submenu-wrapper{
    display: block;
}
.submenu > ul > li > a{
    font-size: 16px;
    position: relative;
    display: block;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    font-weight: 400;
    text-decoration: none;
    color: #222;
}
.submenu > ul > li > a:hover{
    color: var(--bs-blue);
}
.submenu .submenu-wrapper{
    background: #FBFBFB;
    display: none;
    padding: 10px 20px 10px 0;
}
.submenu .submenu-wrapper ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}
.submenu .submenu-wrapper ul li{}
.submenu .submenu-wrapper ul li a{
    display: block;
    padding: 3px 0;
    font-size: 13px;
    color: #222;
    text-decoration: none;
    line-height: 16px;
}
.submenu .submenu-wrapper ul li a:hover{
    color: #454749;
}





.reviews-page-item{border: 1px solid #ECECEC; margin-bottom: 25px;}
.reviews-page-text{padding: 25px;}
.reviews-page-header{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.reviews-page-name{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.reviews-page-img{width: 50px; margin-right: 20px;}
.reviews-page-user{-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
.reviews-page-user div{font-size: 16px;}
.reviews-page-user span{font-size: 13px; color: #999;}

.reviews-page-name div{font-size: 16px;}
.reviews-page-rating{}
.reviews-page-body{padding-top: 25px;}
.reviews-page-answer{background: #FAFAFA; border-top: 1px solid #ECECEC; padding: 25px;}

.news-lists{
    padding: 25px 0;
}
.news-list{
    border: 1px solid var(--bs-gray-dark);
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.news-list-img{
    width: 250px;
}
.news-list-img a{
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
.news-list-img a img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.news-list-data{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px 25px 25px;
}
.news-list-date{
    color: var(--bs-gray-vdark);
    padding-top: 10px;
    margin-bottom: -5px;
}
.news-list-name{
    padding: 15px 0;
}
.news-list-name a{
    text-decoration: none;
    color: var(--bs-body-color);
    font-size: 18px;
}
.news-list-name a:hover{
    text-decoration: underline;
}

.faq-lists{}

.faq-list{
    border: 1px solid var(--bs-gray-dark);
    margin-bottom: 15px;
}
.faq-list-question{
    position: relative;
    font-size: 16px;
    padding: 13px 25px 15px;
    cursor: pointer;
}
.faq-list-question:hover{
    background-color: var(--bs-gray);
}
.faq-list-question::before {
    content: "";
    mask-image: url("../img/arrow-down.svg");
    -webkit-mask-image: url("../img/arrow-down.svg");
    background-color: var(--bs-black);
    position: absolute;
    width: 12px;
    height: 12px;
    mask-size: contain;
    -webkit-mask-size: contain;
    display: block;
    z-index: 10;
    right: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.faq-list-content{
    padding: 15px 25px 20px 25px;
    display: none;
}
.faq-list-content p:last-child{
    margin-bottom: 0;
}
.faq-list.open .faq-list-content{
    display: block;
}

.brands-lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.brands-list{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    border: 1px solid var(--bs-gray-dark);
    margin-left: -1px;
    margin-bottom: -1px;
}
.brands-list a{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: 25px;
}
.brands-list a > span{}
.brands-list a > span img{
    max-width: 150px;
}
.brands-list a > span > span{
    color: #999;
    text-transform: uppercase;
    display: block;
    padding-top: 25px;
    font-size: 14px;
}

.categories-children{padding-bottom: 10px;}
.categories-children > div{display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.categories-children > div a{text-decoration: none; color: var(--bs-body-color); display: block; border: 1px solid var(--bs-gray-dark); border-radius: 2px; padding: 5px 15px 8px;}
.categories-children > div a:hover{background-color: var(--bs-gray);}

.catalogs{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px;}
.catalogs > div{width: 20%; padding: 15px;}
.catalogs-link{display: block; border: 1px solid var(--bs-gray-dark); border-radius: 2px; text-align: center; text-decoration: none;}
.catalogs-image{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px;}
.catalogs-info{display: block; background-color: var(--bs-gray); text-transform: uppercase; text-decoration: none; color: var(--bs-body-color); font-weight: 500; border-top: 1px solid var(--bs-gray-dark); padding: 10px;}
.catalogs-link:hover .catalogs-info{background-color: var(--bs-pale-gray);}

.notice{
    position: fixed;
    z-index: 3000;
    right: 30px;
    top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.notice-wrap{
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.15);
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
    background: #fff;
    position: relative;
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    -o-transition: transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    opacity:0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-animation: show 1s 1;
    animation: show 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.notice-closer{
    width: 38px;
    height: 38px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    mask-image: url("../img/close.svg");
    -webkit-mask-image: url("../img/close.svg");
    mask-size: 30px;
    -webkit-mask-size: 30px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background: var(--bs-gray-vdark);
    right: 0;
    top: 0;
}
.notice-closer:hover{
    background: var(--bs-blue);
}
.notice-inner{}
.notice-inner a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 20px;
    text-decoration: none;
    color: var(--bs-body-color);
}
.notice-inner a:hover .notice-detail{
    text-decoration: underline;
}
.notice-image{
    width: 60px;
    text-align: center;
}
.notice-image img{
    max-height: 70px;
}
.notice-text{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 20px;
}
.notice-title{
    font-weight: 600;
}
.notice-detail{
    max-width: 300px;
}

@-webkit-keyframes show{
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes show{
    0%{
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.swiper-slide-features{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.compare-features{
    width: 100%;
    -webkit-box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    box-shadow: inset 0 0 0 1px var(--bs-gray-dark);
    padding: 10px 20px;
    font-size: 13px;
}
.compare-features-name{
    color: var(--bs-gray-vdark);
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.compare-features-value{
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.multi-accordion {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    border: 1px solid #F2F2F2;
    border-top: 0;
}
.multi-accordion li {
    padding: 0;
}
.multi-accordion a, .multi-accordion a:link, .multi-accordion a:visited {
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #F2F2F2;
    color: var(--bs-black);
    position: relative;
}
.multi-accordion a:before{
    content: "";
    background: url("../img/arrow-down.svg") center center no-repeat;
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    background-size: cover;
}
.multi-accordion a:only-child:link:before{
    display: none;
}
.multi-accordion a:hover {
    background: #FAFAFA;
}
.multi-accordion a:only-child:link, .multi-accordion a:only-child:visited {

}
.multi-accordion a:only-child:hover {

}
.multi-accordion li ul {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
}
.multi-accordion li ul li a, .multi-accordion li ul li a:link, .multi-accordion li ul li a:visited{
    background: #FAFAFA;
    padding: 5px 20px;
    border-top: 0;
}
.multi-accordion li ul li:last-child a{
    padding-bottom: 10px;
}
.multi-accordion li ul a:hover{
    color: var(--bs-blue);
}
.multi-accordion a.active{
    background: #FAFAFA;
    font-weight: 500;
}

.box-contact{
    margin-bottom: 20px;
    border: 1px solid #F2F2F2;
    border-top: 0;
}
.box-contact div{
    border-top: 1px solid #F2F2F2;
}
.box-contact div a{
    text-decoration: none;
    display: block;
    padding: 10px 20px 10px 50px;
    color: var(--bs-black);
    position: relative;
}
.box-contact > div a:hover{
    background: #FAFAFA;
}
.box-contact div a:before{
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    mask-size: 18px;
    -webkit-mask-size: 18px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bs-blue);
    position: absolute;
    left: 15px;
}
.box-contact > div a.box-contact-f:before{
    mask-image: url("../img/phone-com.svg");
    -webkit-mask-image: url("../img/phone-com.svg");
}
.box-contact > div a.box-contact-c:before{
    mask-image: url("../img/email-open.svg");
    -webkit-mask-image: url("../img/email-open.svg");
}
.box-contact > div a.box-contact-r:before{
    mask-image: url("../img/comment-com.svg");
    -webkit-mask-image: url("../img/comment-com.svg");
}
.form-politika{
    text-align: center;
}
.form-politika .form-group{
    display: inline-block;
}
.products-related{
    padding-top: 35px;
}
.products-related-h1{
    font-size: 20px;
    margin-bottom: 20px;
}
.products-related-body{}

.comments{}
.comments .form-group {
    margin-bottom: 20px;
}
.comments-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.comments-header-title{}
.comments-header-title h2{margin: 0;}
.comments-header-title h2 span{
    font-weight: 500;
    margin-left: 5px;
}
.comments-header-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.comments-header-rating{
    padding-right: 20px;
}
.comments-header-btn{}
.comments-body{}
.comments-clone{
    display: none;
}



.comments-form{
    position: relative;
}
.comments-form .loader, .comment-form-parent .loader{
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    background: url("../img/spinner.gif") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    left: 50%;
    top: 50%;
}
.comments-form-wrapper{
    padding-top: 20px;
    margin-bottom: 20px;
}
.comments-form-parent-wrapper{
    padding-top: 20px;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 20px;
}
.comments-form-name .comment-rating{
    padding-bottom: 0;
}
.comments-form-name .comment-rating-lists li {
    width: 20px;
    height: 18px;
}
.comments-form-text{}

.comments-form-lr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.comments-form-lr input[type="email"], .comments-form-lr input[type="text"], .comments-form-lr textarea{
    padding: 7px 13px 7px;
}
.comments-form-l{width: 48%;}
.comments-form-r{width: 48%;}

.comments-form-btn{}

.comments-tree{}
.comment-tree{
    margin-bottom: 25px;
}
.comment-tree-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.comment-tree-header-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment-tree-header-author{
    font-size: 16px;
    font-weight: 600;
    padding-right: 20px;
}
.comment-tree-header-date{
    color: var(--bs-gray-vdark);
    font-size: 12px;
}
.comment-tree-header-right{}
.comment-tree-body{}
.comment-answer{
    background: #FAFAFA;
    margin-top: 10px;
    padding: 15px 20px;
}
.comment-answer-name{
    font-weight: 600;
    padding-bottom: 5px;
}
.comment-answer-text{

}
.comment-form-parent{
    position: relative;
}
.comment-tree-footer{
    padding-top: 10px;
}
.comment-tree-footer a{
    display: inline-block;
    border-bottom: 1px dotted;
    color: var(--bs-blue);
    text-decoration: none;
}
.comment-tree-footer a:hover{
    color: var(--bs-gray-rdark);
}
.comment-parent{
    padding-left: 30px;
    margin-top: 25px;
    position: relative;
}
.comment-parent:before{
    content: "";
    height: 9px;
    width: 12px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    display: block;
    background-color: var(--bs-gray-sdark);
    mask-image: url("../img/arrow-curve.svg");
    -webkit-mask-image: url("../img/arrow-curve.svg");
    position: absolute;
    left: 5px;
    top: 5px;
}
.comment-parent-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}
.comment-parent-header-author{
    font-size: 13px;
    font-weight: 600;
    padding-right: 20px;
}
.comment-parent-header-date{
    color: var(--bs-gray-vdark);
    font-size: 11px;
}
.comment-parent-body{
    font-size: 13px;
}
.comment-parent-footer{
    padding-top: 5px;
}
.comment-parent-footer a{
    display: inline-block;
    border-bottom: 1px dotted;
    color: var(--bs-blue);
    text-decoration: none;
    font-size: 13px;
}
.comment-parent-footer a:hover{
    color: var(--bs-gray-rdark);
}
.products-related-body .swiper{
    padding: 3px;
}
.video-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
}
.video-item{
    width: 50%;
    padding: 10px;
}
.video-item iframe{
    width: 100%;
    height: 250px;
}

.cookie-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    position: fixed;
    bottom: 30px;
    left: 50%;
    max-width: 90%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px 30px;
    z-index: 100;
    max-width: 1000px;
}
.cookie-note__title{
    margin-bottom: 0;
    font-size: 18px;
    margin-bottom: 15px;
}
.cookie-note__text{
    margin-bottom: 10px;
}

@media (max-width: 1399.98px) { /* xxl */
    .products-list.products-list-5 .products-item {
        width: calc(25% + 1px);
    }
    .products-list.products-list-4 .products-item{width: calc(33.333333% + 1px);}

    .footer-data-company {
        padding-right: 80px;
    }
    .footer-data-catalog {
        padding-right: 80px;
    }
    .footer-data-mailing {
        padding-right: 60px;
    }

    .wrapper-left {width: 22%;}
    .wrapper-right {width: 78%;}
    .hheader-search {
        width: 60%;
    }

    .hheader-data {
        padding-left: 10px;
    }

    .category-left {
        width: 300px;
        padding-right: 30px;
    }
    .category-right {
        margin-left: 300px;
        padding: 20px 40px 40px 40px;
    }

    .page-wrapper{
        padding: 20px 40px 40px 40px;
    }

    .page-h1::before {
        left: -40px;
    }

    .prodct-left {
        width: 50%;
    }
    .category-h1::before {
        left: -40px;
    }

    .pproducts-left {
        width: 35%;
    }
    .pproducts-right {
        margin-left: 35%;
    }




}

@media (max-width: 1199.98px) { /* xl */
    .categories-btn::before {left: 20px;}
    .site-menu > li > ul {font-size: 14px;}
    .site-menu > li > ul > li > a {padding: 10px 29px 10px 19px;}

    .site-menu > li > ul {top: 50px;}
    .categories-menu > li {width: 33.333333333%;}
    .header .header-wrapper .header-logo {padding-right: 20px; height: 80px;}
    .header .header-wrapper .header-search {width: 27%;}
    .header .header-wrapper .header-phone {width: 20%; text-align: left; padding-left: 15px;}
    .header .header-wrapper .header-account {width: 13%;}
    .header .header-wrapper .header-cdb {width: 22%;}
    .cdb-label a {margin-right: 25px;}
    .slide-mini-data {left: 10px; right: 10px; bottom: 10px;}
    .slide-mini-txt {font-size: 14px;padding-top: 5px;}
    .index-slide-h1 {font-size: 22px;line-height: 24px;}
    .index-slide-button span {padding: 5px 10px;font-size: 14px;}
    .index-slide-text {font-size: 14px;}
    .news-widget-items > div {width: 100%;padding: 10px 15px;}
    .news-widget-items > div:nth-child(5){display: none;}
    .footer-data-mailing {padding-right: 50px;}
    .footer-data-company {padding-right: 50px;}
    .footer-data-catalog {padding-right: 50px;}
    .site-menu > li > a {font-size: 14px;}
    .categories-btn {font-size: 14px;}

    .cookie-note{
        max-width: 90%;
    }

    .wrapper-left {
        width: 26%;
    }
    .wrapper-right {
        width: 74%;
    }

    .product-gallery{
        width: 100%;
    }
    .product-data {
        padding: 0 30px 30px 30px;
        width: 100%;
    }
    .swiper-product .swiper-large-preview {
        height: 300px;
    }
    .brands-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

    .video-item{
        width: 50%;
    }

    .category-left {
        display: none;
    }
    .category-right {
        margin-left: 0px;
        padding: 20px 30px 30px 30px;
    }

    .category-h1::before {
        left: -30px;
    }
    .products-item.products-item-list {
        width: calc(50% + 1px) !important;
    }
    .products-item.products-item-list .products-item-body {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .products-item.products-item-list .products-item-header {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .products-item.products-item-list .products-item-top {
        width: auto;
        height: 240px;
        margin-bottom: 15px;
    }
    .products-item.products-item-list .products-item-center {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
    }
    .products-item.products-item-list .products-item-footer {
        width: auto;
    }
    .logo .logo-img img{
        max-width: 36px;
    }
    .logo .logo-name {
        padding-left: 10px;
        font-size: 25px;
    }

    .wrapper-cart-left{width: 100%; padding-right: 0px;}
    .wrapper-cart-bottom{width: 100%; padding-right: 0px;}
    .wrapper-cart-right{width: 100%; margin-bottom: 25px;}

    .hheader-data {
        padding-left: 0px;
    }
    .hheader-search {
        width: 55%;
    }
    .undex-img {
        width: 40%;
    }


}

@media (max-width: 991.98px) { /* lg */
    .hheader {
        width: 300px;
        left: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        position: fixed;
        background: white;
        display: block;
        top: 0;
        z-index: 999;
        left: -320px;
        background: #FFF;
        bottom: 0;
        -webkit-box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.2);
        overflow: auto;
    }
    .index-box-proposal > div {
        width: 100%;
        padding: 10px 15px;
    }
    .index-box-header {
        padding: 50px 0 20px 0;
    }
    .index-box-h1 h1 {
        font-size: 18px;
    }
    .proposal-title {
        max-width: 3000px;
    }
    .pproducts-title {
        padding: 30px 15px 30px 15px;
    }
    .pproducts-right {
        margin-left: 0;
    }
    .pproducts-wrap::before {
        display: none;
    }
    .pproducts-right {
        padding: 0;
    }
    .pproducts-left {
        display: none;
    }
    .pproducts-title {
        padding: 30px 15px 20px 15px;
        font-size: 18px;
    }
    .hheader.open {
        left: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .hheader .container{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .hheader .header-wrapper .header-logo, .header .header-wrapper .header-search, .header .header-wrapper .header-phone, .header .header-wrapper .header-account, .header .header-wrapper .header-cdb, .header .header-wrapper .header-category, .header .header-wrapper .header-menu {
        padding: 0px;
        height: auto;
        width: 100%;
        text-align: left;
    }
    .pproducts-list > div {
        width: 50%;
    }
    .header .header-wrapper .header-logo{
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .hheader-search{-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6; border-bottom: 1px solid #f2f2f2; padding: 10px 20px;}
    .hheader-phone{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;border-bottom: 1px solid #f2f2f2;}
    .hheader .header-wrapper .header-account{-webkit-box-ordinal-group: 8;-ms-flex-order: 7;order: 7;}
    .hheader .header-wrapper .header-cdb{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
    .hheader .header-wrapper .header-category{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;border-bottom: 1px solid #f2f2f2; background: #f2f2f2;}
    .hheader .header-wrapper .header-menu{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}

    .hheader-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .hheader-logo {
        width: 100%;
        position: relative;
        padding: 10px;
        border-bottom: 1px solid #EEE;
    }
    .hheader-logo a {
        background-position: left center;
        padding: 15px 0 15px 22px;
        background-size: 80px;
        font-size: 16px;
    }
    .hheader-data{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .hheader-top{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .hheader-menu{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .hheader-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }
    .hheader-phone{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }
    .hheader-search{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }







    .site-menu-wrap {
        height: auto;
    }
    .site-menu {
        display: block;
    }
    .site-menu > li {
        display: block;
        border-left: 0;
    }
    .site-menu-wrap {background: #fff;}
    .site-menu > li {
        border-bottom: 1px solid #f2f2f2;
    }
    .site-menu > li > a {
        color: var(--bs-black);
        padding: 7px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .site-menu > li.dropdown::before {
        background-color: var(--bs-black);
    }
    .site-menu > li:hover > a {
        background: transparent;
        color: var(--bs-blue);
    }
    .site-menu > li.dropdown:hover::before {
        background: var(--bs-blue);
    }
    .categories-btn::before{display: none;}
    .categories-btn {
        background: transparent;
        color: var(--bs-black);
        padding: 7px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .categories-btn::after {
        background: var(--bs-black);
    }
    .categories-wrap:hover .categories-btn {
        background: transparent;
        color: var(--bs-blue);
    }
    .categories-wrap:hover .categories-btn::after {
        background: var(--bs-blue);
    }
    .header-logo{
        position: relative;
    }
    .header-logo a img {
        width: 140px;
    }
    .header-close {
        height: 44px;
        width: 44px;
        display: block;
        -webkit-transition: color 0.2s;
        -o-transition: color 0.2s;
        transition: color 0.2s;
        position: absolute;
        border: 0;
        right: 0;
        top: 50%;
        margin-top: -22px;
        cursor: pointer;
        background: transparent;
    }
    .header-close::before {
        content: "";
        width: 24px;
        height: 24px;
        mask-image: url("../img/close.svg");
        -webkit-mask-image: url("../img/close.svg");
        mask-size: 30px;
        -webkit-mask-size: 30px;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center center;
        -webkit-mask-position: center center;
        background: var(--bs-black);
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .burger{display: inline-block;}

    .header-mobile{display: block; background: #FFF; padding: 10px 0; border-bottom: 1px solid #f2f2f2;}
    .header-mobile-wrapper{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

    .portall{
        margin: -10px;
        margin-bottom: 35px;
    }
    .portall > div{
        width: 33.333333%;
        padding: 10px;
    }

    .header-mobile-burger{width: 50px; line-height: 0;}
    .header-mobile-logo{-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
    .header-mobile-logo img{width: 140px;}
    .header-mobile-basket{}
    .header-mobile-basket .cdb-label a {margin-right: 0px;}
    .category-box {
        padding: 15px 0;
    }
    .slide-section-center {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 10px;
    }
    .slide-section-left {
        width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        padding-right: 5px;
    }
    .slide-section-right {
        width: 50%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0;
        padding-left: 5px;
    }
    .slide-section-left .slide-mini-wrapper, .slide-section-right .slide-mini-wrapper {
        height: 150px;
        width: 50%;
        float: left;
    }
    .news-list-img {
        width: 200px;
    }
    .slide-wrapper {
        padding: 10px 0;
    }
    .slide-section-left .slide-mini-wrapper:nth-child(1), .slide-section-right .slide-mini-wrapper:nth-child(1) {padding-bottom: 0; padding-right: 5px;}
    .slide-section-left .slide-mini-wrapper:nth-child(2), .slide-section-right .slide-mini-wrapper:nth-child(2) {padding-top: 0px; padding-left: 5px;}

    .undex-img {
        display: none;
    }
    .index-slide-data {
        position: static;
    }
    .slide-wrapper {
        padding: 0;
    }
    .undex-box {
        padding: 40px;
    }
    .index-slide-data {
        padding: 20px;
    }
    .index-slide-h1 {
        font-size: 18px;
        line-height: 20px;
    }
    .index-slide .swiper-button-prev.swb-circle {
        left: 20px;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .index-slide .swiper-button-next.swb-circle {
        right: 20px;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .products-list.products-list-5 .products-item {
        width: calc(33.333333333% + 1px);
    }
    .products-list.products-list-4 .products-item{width: calc(33.333333333% + 1px);}
    .products-item-top {height: 200px;}
    .cdb-labels-wrap {
        text-align: left;
        display: block;
    }
    .cdb-labels {
        display: block;
        width: 100%;
    }
    .cdb-label {
        display: block;
        text-align: left;
    }

    .cdb-label a::before {
        left: 20px;
        top: 8px;
        background-color: var(--bs-black);
    }
    .cdb-label a {
        display: block;
        height: auto;
        text-align: left;
        margin-right: 0;
        vertical-align: top;
        border-bottom: 1px solid #f2f2f2;
        padding: 12px 20px 10px 52px;
    }
    .cdb-label .title {
        display: inline-block;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: var(--bs-black);
        margin-right: 5px;
        vertical-align: top;
    }
    .cdb-label .wrap {
        margin-top: 0;
        margin-left: 0;
        vertical-align: top;
    }
    .cdb-label .count {
        position: static;
        color: var(--bs-white);
        line-height: 18px;
        vertical-align: top;
        display: inline-block;
    }
    .cdb-label a:hover::before {
        background-color: var(--bs-black);
    }
    .cdb-label .price {
        display: none;
    }

    .cdb-label.cdb-mobile-label{
        display: inline-block;
        height: 21px;
    }
    .cdb-label.cdb-mobile-label > a {
        margin-right: 0;
        padding: 0;
        border-bottom: 0;
    }
    .cdb-label.cdb-mobile-label > a::before {
        left: 0;
        top: 0;
    }
    .cdb-label.cdb-mobile-label .count {
        position: absolute;
        line-height: 20px;
        display: block;
    }
    .cdb-label.cdb-mobile-label .wrap {
        margin-top: -4px;
        margin-left: 45px;
    }
    .cdb-label.cdb-mobile-label .title {
        display: block;
        margin: 0 0 2px;
        font-size: .9333em;
        font-weight: 700;
        line-height: 1.1em;
        color: var(--bs-blue);
        display: block;
    }
    .cdb-label.cdb-mobile-label .price {
        display: block;
    }

    .account-wrap {display: block;}
    .account-label {display: block; text-align: left;}
    .account-label > a {
        height: auto;
        text-align: left;
        padding: 12px 20px 10px 52px;
        border-bottom: 1px solid #f2f2f2;
        display: block;
    }
    .account-label > a::before {
        left: 20px;
        top: 15px;
    }
    .account-label .wrap {
        margin-left: 0px;
    }
    .account-label > a:hover::before {
        background-color: var(--bs-black);
    }
    .account-label > a:hover .title {
        color: var(--bs-black);
    }

    .phone-wrap {display: block;}
    .phone-labels {display: block;}
    .phone-label {
        padding: 12px 0px 12px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .phone-label .phone-link {
        padding-left: 0px;
        text-align: left;
        display: inline-block;
    }
    .phone-label .callback-label {
        text-align: left;
        padding-left: 0px;
        padding-top: 0px;
        display: inline-block;
        padding-right: 10px;
    }
    .phone-label .phone-link a {font-size: 15px;}
    .phone-label .callback-label a {
        display: inline-block;
        background: #107BB1;
        color: #FFF;
        padding: 2px 5px 4px;
    }
    .phone-label .phone-link::before {
        left: 20px;
        top: 17px;
    }
    .site-menu > li.dropdown::before {
        top: 12px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .site-menu > li > ul {
        top: 0px;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        padding: 5px 0;
    }
    .site-menu > li > ul > li > a {
        padding: 5px 15px 5px 20px;
        border-top: 0;
    }
    .categories-wrap {
        height: auto;
    }
    .categories-dropdown {
        position: static;
        width: 100%;
        max-height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 5px 0;
        background: #F2F2F2;
    }
    .categories-menu {display: block;}
    .categories-menu > li {
        width: 100%;
    }
    .categories-menu-dropdown {
        display: none;
    }
    .categories-menu-img {
        display: none;
    }
    .categories-menu-main {
        display: block;
        font-weight: normal;
        margin-bottom: 0;
        padding: 5px 15px 5px 20px;
    }
    .categories-menu > li {
        width: 100%;
        padding: 0;
    }
    .products-item .products-item-footer {
        display: block;
        position: static;
        padding: 0;
        padding-top: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .footer-data-mailing {
        padding-right: 0px;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .news-widget-all {
        padding-top: 20px;
    }
    .lline {
        padding: 5px 0;
    }
    .lline > div {
        width: 100%;
        padding: 10px 15px;
    }

    .news-widget-all{
        display: none;
    }
    .subscription-wrapper {
        max-width: 300px;
        margin: 0 auto;
    }
    .footer-data-contacts {
        width: 100%;
        text-align: center;
    }
    .footer-data-contact {
        display: inline-block;
        max-width: 300px;
    }
    .footer-data-contact > div {
        display: inline-block;
    }
    .footer-phone, .footer-email, .footer-address {
        padding: 5px 10px 5px 30px;
    }
    .footer-phone::before, .footer-email::before, .footer-address::before {
        top: 6px;
    }
    .ffooter {
        display: block;
        text-align: center;
    }
    .footer-data {
        padding: 30px 0 20px 0;
    }
    .ffooter > div{
        margin-bottom: 10px;
    }
    .ffooter > div > div {
        display: inline-block;
    }

    .footer-data-menu {
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }
    .footer-data-company {
        padding: 0;
        border-bottom: 1px solid #EEE;
    }
    .footer-data-catalog {
        padding: 0;
        border-bottom: 1px solid #EEE;
    }
    .footer-data-help {
        padding: 0;
        border-bottom: 1px solid #EEE;
    }
    .footer-data-menu > div ul {
        display: none;
    }
    .footer-data-menu .footer-data-h1 {
        font-weight: 400;
        margin-bottom: 0px;
        display: inline-block;
        padding: 10px;
        padding-right: 20px;
        position: relative;
        cursor: pointer;
    }
    .footer-data-menu .footer-data-h1:before {
        content: "";
        mask-image: url("../img/arrow-down.svg");
        -webkit-mask-image: url("../img/arrow-down.svg");
        position: absolute;
        width: 12px;
        height: 12px;
        mask-size: contain;
        -webkit-mask-size: contain;
        display: block;
        z-index: 10;
        right: 0px;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        top: 50%;
        background-color: var(--bs-black);
        margin-top: -6px;
    }
    .footer-copy-wrapper {
        display: block;
        text-align: center;
    }
    .products-item .products-item-actions button {
        visibility: visible;
        opacity: 1;
    }

    .w-filter{
        position: fixed;
        left: 0px;
        top: 0;
        bottom: 0;
        width: 320px;
        z-index: 11;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        left: -340px;
        -webkit-box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 0;
    }
    .w-filter.open {
        left: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .w-filter form{
        display: block;
        height: 100%;
    }
    .w-filter-header{
        background: #FFF;
    }
    .w-filter-data {
        overflow: auto;
        display: block;
        height: 100%;
        padding-bottom: 110px;
    }
    .w-filter-footer {
        padding: 10px 20px 10px 20px;
        position: absolute;
        bottom: 0;
        background: #FFF;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid var(--bs-gray-dark);
    }
    .w-filter-footer .btn{
        width: 100%;
    }
    .w-filter-footer > div:first-child{width: 60%; padding-bottom: 0px;}
    .w-filter-footer > div:last-child{width: 100%;}

    .wrapper-left {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .wrapper-right {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
    }

    .w-banner{display: none;}

    .contacts-item {
        width: 50%;
        margin-bottom: 25px;
    }
    .contacts-items {
        padding: 25px 25px 0 25px;
    }
    .brands-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
    }
    .btn-filter{
        display: inline-block;
    }
    .catalogs > div {
        width: 25%;
    }
    .logo .logo-img img {
        max-width: 30px;
    }
    .logo .logo-name {
        font-size: 20px;
    }
    .cart-table-item {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .cart-table-item > div {
        padding: 10px 15px;
    }
    .cart-box-body {
        padding-left: 0px;
    }

    .phone-social {
        display: block;
        vertical-align: top;
        padding-left: 20px;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        text-align: left;
        border-top: 1px solid #f2f2f2;
    }
    .phone-labels {
        display: block;
    }
    .phone-label .phone-link::after {
        display: none;
    }
    .phone-label .phone-link a {
        font-size: 15px;
        display: block;
        padding: 10px 15px 10px 0px;
        padding-left: 20px;
    }
    .phone-label .phone-link .dropdown-phone {
        position: static;
        top: 28px;
        left: 0;
        right: 0;
        z-index: 12;
        min-width: 198px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .dropdown-phone-wrap {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        background: #FFF;
    }
    .phone-label .phone-link a {
        font-size: 15px;
        display: block;
        padding: 10px 15px 10px 0px;
        padding-left: 0px;
        padding-left: 20px;
    }
    .phone-label .phone-link::before {
        display: none;
    }
    .header-index{
        display: none;
    }
    .hheader-menu{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .header-category{
        width: 100%;
    }
    .header-menu{
        width: 100%;
    }
    .hheader-menu {
        width: 100%;
        padding-top: 0px;
    }
    .header-category{
        border-bottom: 1px solid #f2f2f2;
    }
    .hheader-search {
        padding: 10px;
    }
    .phone-label {
        padding: 0;
    }
    .phone-label .phone-link {
        width: 100%;
    }
    .more_phone {
        border-top: 0;
    }
    .phone-label .phone-link a {
        padding: 7px 10px;
    }
    .more_phone a span {
        display: none;
    }
    .hheader-top{
        padding: 0;
    }
    .phone-label .phone-link a {
        padding: 8px 19px;
    }
    .phone-label {
        padding: 10px 0;
    }
    .social {
        padding-top: 0;
    }
    .phone-social {
        text-align: left;
        border-top: 0;
        padding: 5px 18px 10px 18px;
    }
    .categories-show-left{
        display: none;
    }
    .categories-show-right {
        padding: 0;
    }
    .categories-menu-main {
        padding: 5px 0px;
    }
    .categories-show {
        padding: 10px 20px;
    }

    .m-phone-labels{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .m-phone-labels .phone-social {
        padding: 0 0 0 10px;
        line-height: 0;
    }
    .m-phone-labels .phone-label {
        padding: 0;
    }
    .m-phone-labels .phone-label a{
        font-size: 15px;
        display: block;
        text-decoration: none;
        color: var(--bs-body-color);
        font-weight: 700;
        line-height: normal;
    }
    .header-mobile-burger {
        width: 40px;
    }
    .logo .logo-img img {
        max-width: 50px;
    }











}

@media (max-width: 767.98px) { /* md */
    .slide-section-left {
        width: 100%;
        padding-right: 0;
    }
    .slide-section-right {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .pproducts-list > div {
        width: 100%;
    }
    .index-offers-header {
        margin-bottom: 20px;
        display: block;
    }
    .portall > div{
        width: 50%;
        padding: 10px;
    }
    .index-offers-btn{
        padding-top: 10px;
    }
    .index-offers-btn div {
        margin-left: 0px;
        margin-right: 10px;
        padding: 4px 12px;
    }

    .index-slide-data {
        left: 15%;
    }
    .cookie-note {
        display: block;
        text-align: center;
    }
    .cookie-note > div:nth-child(2) {
        padding-top: 20px;
    }
    .slide-section-left .slide-mini-wrapper, .slide-section-right .slide-mini-wrapper {height: 120px;}
    .products-list.products-list-5 .products-item {
        width: calc(50% + 1px);
    }
    .products-list.products-list-4 .products-item{width: calc(50% + 1px);}
    .banners-widget-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .index-offers {
        padding: 10px 0 30px 0;
    }
    .banners-widget {padding-top: 30px;}

    .news-widget-items > div {
        width: 100%;
    }
    .news-widget-image {
        display: none;
    }
    .news-widget {padding: 30px 0;}
    .reviews-slider {
        padding: 30px 0;
    }
    .brands-slider {
        padding: 30px 0;
    }

    .contacts-form-header {font-size: 20px;}
    .contacts-form {padding: 20px 25px 0px 25px;}
    .form-sending{padding: 20px 25px 0px 25px;}
    .form-wrapper-left{width: 100%; padding-right: 0px;}
    .form-wrapper-right{width: 100%; padding-left: 0px;}
    .form100{height: auto;}

    .news-list{
        display: block;
    }
    .news-list-img{
        padding-right: 0px;
        max-width: 100%;
        height: 200px;
        padding-bottom: 0;
        width: 100%;
    }
    .news-list-img a{
        display: block;
        height: 100%;
        width: 100%;
    }
    .news-list-img a img{
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
    .header-title > div {
        font-size: 16px;
        border-bottom: 2px solid #0079a0;
    }
    .prodct {
        display: block;
    }
    .prodct-left {
        width: 100%;
    }
    .prodct-right {
        padding-left: 0px;
        padding-top: 30px;
    }

    .brands-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .catalogs > div {
        width: 33.333333%;
    }

    .comments-header {
        display: block;
    }
    .comments-header-title {
        padding-bottom: 15px;
    }
    .comments-header-group {
        display: block;
    }
    .comments-header-rating {
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .video-item{
        width: 100%;
    }
    .products-item-features {
        display: none;
    }
    .products-item.products-item-list .products-item-articul {
        margin-top: 5px;
        padding-left: 0;
    }
    .flex-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .products-item.products-item-list .products-item-name a {
        font-size: 15px;
    }
    .cart-dp-left {
        padding-right: 0px;
        width: 100%;
        margin-bottom: 25px;
    }
    .cart-dp-right {
        padding-left: 0px;
        width: 100%;
    }
    .radio-big label {
        font-size: 15px;
    }
    .cart-box-head {
        font-size: 16px;
        padding-top: 3px;
    }

    .cart-table-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }
    .cart-table-item-name {
        width: calc(100% - 120px);
        padding-right: 35px !important;
    }
    .cart-table-item-count {
        width: 120px;
        text-align: left;
        padding-top: 0 !important;
    }
    .cart-table-item-price {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding-top: 0 !important;
    }
    .cart-table-item-price div {
        font-size: 14px;
    }
    .cart-table-item-name a {
        font-size: 14px;
    }
    .cart-table-item-close {
        position: absolute;
        right: -5px;
        top: 0px;
    }
    .order-ok {
        font-size: 16px;
    }
    .order-box-head {
        font-size: 16px;
    }
    .order-table-item-name a {
        font-weight: 500;
        font-size: 14px;
    }
    .order-details {
        font-size: 14px;
    }
    .order-table-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .order-table-item > div {
        padding: 10px 15px;
    }
    .order-table-item-img {
        width: 100px;
        padding-left: 15px !important;
    }
    .order-table-item-name {
        width: calc(100% - 100px);
    }
    .order-table-item-count {
        width: 100px;
        text-align: center;
        padding-top: 0 !important;
    }
    .order-table-item-price {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding-top: 0 !important;
        padding-left: 0 !important;
    }
    .order-box {
        padding: 15px;
        margin-bottom: 15px;
    }
    .order-ok {
        padding: 15px 15px 15px 55px;
    }
    .order-ok::before {
        left: 15px;
    }
    .content-char{
        overflow: auto;
    }
    tbody, td, tfoot, th, thead, tr {
        padding: 3px 5px;
    }

}

@media (max-width: 575.98px) { /* sm */
    .swiper-button-next.swb-circle, .swiper-button-prev.swb-circle {height: 32px; width: 32px; margin-top: -16px;}
    .index-slide .swiper-button-prev.swb-circle {left: 10px;}
    .index-slide .swiper-button-next.swb-circle {right: 10px;}
    .index-slide:hover .swiper-button-prev.swb-circle {left: 10px;}
    .index-slide:hover .swiper-button-next.swb-circle {right: 10px;}

    .catalogs {
        margin: -10px;
    }
    .catalogs > div {
        width: 50%;
        padding: 10px;
    }
    .pproducts-list > div {
        width: 100%;
    }
    .category-h1::before {
        left: -15px;
        width: 120px;
    }
    .index-slide-h1 {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    .undex-box {
        padding: 15px 0;
    }
    .index-slide-pagination{
        display: none;
    }
    .index-slide-button span {
        padding: 3px 6px;
        font-size: 13px;
    }
    .swiper-pagination.swp-circle {
        bottom: 10px;
    }
    .index-offers-btn div {
        margin-right: 7px;
        padding: 2px 7px;
        margin-bottom: 7px;
    }
    .products-item-top {
        height: 120px;
    }
    .products-item .products-item-footer {
        display: none !important;
    }
    .products-item-badges {
        top: 0px;
        left: 0px;
    }
    .products-item-badges .badge {
        margin: 0 1px 1px;
        font-size: 8px;
        padding: 3px 5px 1px;
    }
    .products-item-body {padding: 10px;}
    .products-item-name a {font-size: 14px;}
    .products-item-status::after {
        width: 4px;
        height: 4px;
        margin-top: -2px;
    }
    .products-item-status {
        font-size: 12px;
        letter-spacing: -0.5px;
        padding-left: 8px;
        margin-right: 7px;
    }
    .products-item-sku {
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .products-item-articul{display: none;}

    .products-item-prices{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .products-item-price-old {
        font-size: 14px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        line-height: 14px;
    }
    .products-item-price {
        font-size: 16px;
        margin-right: 0px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .index-offers {
        padding: 10px 0 10px 0;
    }
    .banners-widget {
        padding-top: 15px;
    }

    .reviews-item-btn {
        display: none;
    }
    .reviews-item {
        padding: 15px 15px 60px 15px;
    }
    .reviews-item-rating {
        display: block;
        width: 100%;
        padding-top: 10px;
    }
    .reviews-item-header {margin-bottom: 15px;}
    .category-right {
        padding: 15px;
    }
    .page-wrapper{
        padding: 15px;
    }
    .page-h1::before {
        left: -15px;
        width: 120px;
    }
    .swiper-product .swiper-large-preview {
        height: 200px;
    }
    .documents-item a {
        padding: 6px 15px;
        padding-left: 35px;
    }
    .w-sort-display{display: none;}
    .w-sort-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .property-item{
        padding: 5px 10px;
    }
    .product-gallery {
        padding: 15px;
    }
    .swiper-thumb {
        width: 300px;
        padding: 10px 42px;
    }
    .product-data {
        padding: 15px;
    }
    .product-data-header {
        padding-bottom: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .product-data-rating {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .product-data-articul {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
    }
    .product-data-brand {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .js-tabs__title {
        padding: 10px;
        font-weight: 400;
        font-size: 14px;
    }
    .contacts-item {
        width: 100%;
    }
    .brands-list a > span img {
        max-width: 100px;
    }
    .news-lists {
        padding: 0;
    }
    .compare-features {
        font-size: 12px;
    }
    .compare-features-name {
        height: 20px;
    }
    .compare-features-value {
        height: 20px;
    }

    .compare-slider-next.swiper-button-next.swb-circle.swb-circle-top, .compare-slider-prev.swiper-button-prev.swb-circle.swb-circle-top {
        top: 50%;
        bottom: auto;
    }
    .compare-slider-next.swiper-button-next.swb-circle.swb-circle-top {
        right: 15px;
        margin-right: 0;
    }
    .compare-slider-prev.swiper-button-prev.swb-circle.swb-circle-top {
        left: 15px;
        margin-left: 0;
    }

    .comments-form-lr {
        display: block;
    }
    .comments-form-l {
        width: 100%;
    }
    .comments-form-r {
        width: 100%;
    }

    .products-item.products-item-list .products-item-top {
        height: 120px;
    }
    .products-item.products-item-list .products-item-name a {
        font-size: 14px;
    }
    .products-item.products-item-list .products-item-footer {
        display: block !important;
    }
    .products-item.products-item-list .js-product-item-buy{
        display: none;
    }
    .products-item.products-item-list .products-item-size{
        display: none;
    }







}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
    .site-menu > li:hover > ul{display: block; -webkit-animation: fadeIn 0.5s ease-out; animation: fadeIn 0.5s ease-out;}
    .categories-wrap:hover .categories-dropdown {display: block; -webkit-animation: fadeIn 0.5s ease-out; animation: fadeIn 0.5s ease-out;}




}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

@-webkit-keyframes fadeIn {
    0% {display: none; opacity: 0;}
    1% {display: block;opacity: 0;}
    100% {display: block; opacity: 1;}
}

@keyframes fadeIn {
    0% {display: none; opacity: 0;}
    1% {display: block;opacity: 0;}
    100% {display: block; opacity: 1;}
}