/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.5.15,
* Autoprefixer: v10.5.0
* 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);
}

.header-wrapper{
    background: url("../img/pic.jpg") center top no-repeat;
    background-size: cover;
}

.header-wrapper-page{
    background: url("../img/kompan.jpg") center top no-repeat;
    background-size: cover;
}

.internal .header-wrapper{
    background: rgba(23, 31, 40, 1);
    padding-bottom: 15px;
}

.header{
    border-radius: 0px 0px 20px 20px;
    background: rgba(255, 255, 255, 1);
}

.header{
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
}
.header > div{
    padding: 15px 10px;
}
.header__logo{}
.header__local{}
.header__mess{}
.header__phone{}
.header__phone a{
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}
.header__phone a:hover{
    color: #6699DE;
}
.header__call{}
.header__menu{
    width: 100%;
    border-top: 1px solid #DBDBDB;
}
.header .header__menu{
    padding: 5px 10px;
}

.btn-feedback{
    position: relative;
    padding: 9px 25px 9px 45px;
    font-size: 14px;
}
.btn-feedback:hover:before{
    background: #FFF;
}
.btn-feedback:before{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -9px;
    -webkit-mask-image: url("../img/call.svg");
    mask-image: url("../img/call.svg");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #6699DE;
}

.link-local{
    background: url("../img/local.png") left center no-repeat;
    display: inline-block;
    text-decoration: none;
    color: #000;
    padding-left: 20px;
    font-size: 14px;
}
.link-local span{
    display: block;
    border-bottom: 1px dashed rgba(0, 0, 0, 1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px;
}
.link-local:hover span{
    border-bottom: 1px dashed transparent;
}

.logo{
    display: block;
    background: url("../img/home.png") left center no-repeat;
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    padding-left: 50px;
}
.logo span{
    display: block;
    padding: 2px 0;
}
.logo span:nth-child(1){
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 100%;
}
.logo span:nth-child(2){
    color: rgba(120, 120, 120, 1);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 100%;
}
.logo.logo_footer{
    background-size: 34px;
    padding-left: 45px;
}
.logo.logo_footer span:nth-child(1){
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 700;
}
.logo.logo_footer span:nth-child(2){
    font-size: 11px;
    font-weight: 400;
    color: rgba(219, 219, 219, 1);
    letter-spacing: .7px;
}

.chooses{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding-top: 30px;
    margin-bottom: 10px;
}
.chooses > div{
    width: 33.333333%;
    padding: 15px;
    padding-bottom: 30px;
}

.choose{
    height: 100%;
    position: relative;
    padding: 0 15px;
    padding-left: 65px;
}
.choose__img{
    background: #E7F0F8;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    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;
}
.choose__img img{
    height: 30px;
}
.choose__name{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}
.choose__text{}

.chooses > div:nth-child(1){
    border-bottom: 1px solid #E7F0F8;
    border-right: 1px solid #E7F0F8;
}
.chooses > div:nth-child(2){
    border-bottom: 1px solid #E7F0F8;
}
.chooses > div:nth-child(3){
    border-bottom: 1px solid #E7F0F8;
    border-left: 1px solid #E7F0F8;
}
.chooses > div:nth-child(4){
    border-right: 1px solid #E7F0F8;
}
.chooses > div:nth-child(6){
    border-left: 1px solid #E7F0F8;
}

.vlues{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding: 0 30px;
}
.vlues > div{
    width: 20%;
    padding: 15px;
}

.vlue{}
.vlue__img{
    padding-bottom: 20px;
}
.vlue__img img{
    width: 100%;
    height: 160px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}
.vlue__name{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.vlue__text{
    line-height: 1.4;
}

.teams{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 70px;
}
.teams__left{
    width: 60%;
    padding-right: 100px;
}
.teams__title{
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.teams__title h2{
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.teams__right{
    width: 40%;
}
.teams__right img{
    border-radius: 10px;
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.teams__numbers{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px;
}
.teams__numbers > div{
    width: 33.3333333%;
}

.teams__number{}
.teams__number > div:nth-child(1){
    color: rgba(102, 153, 222, 1);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
}
.teams__number > div:nth-child(2){
    padding-top: 10px;
}

.showcase-wrapper, .showcase-wrapper2{
    padding: 120px 0;
}
.showcase-wrapper2 .showcase__title{
    color: #FFF;
}
.showcase{
    width: 100%;
    max-width: 670px;
    border-radius: 10px;
    background: linear-gradient(219.06deg, rgba(0, 0, 0, 0.7) 14.921%,rgba(0, 0, 0, 1) 76.651%);
    padding: 20px 40px 40px 40px;
}
.showcase__title{
    color: rgba(102, 153, 222, 1);
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    padding: 10px 0;
}
.showcase__title h1{
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.showcase__subtitle, .showcase__subtitle2{
    font-size: 18px;
    padding-top: 10px;
    color: rgba(255, 255, 255, 1);
}
.showcase__benefit{
    padding: 25px 0;
}
.showcase__benefit ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
}
.showcase__benefit ul li{
    background-position: center left;
    background-repeat: no-repeat;
    padding: 5px 0 5px 35px;
}
.showcase__benefit ul li:nth-child(1){
    background-image: url("../img/showcase1.png");
}
.showcase__benefit ul li:nth-child(2){
    background-image: url("../img/showcase2.png");
}
.showcase__benefit ul li:nth-child(3){
    background-image: url("../img/showcase3.png");
}
.showcase__catalog{
    display: none;
}

.showcase-form{}
.showcase-form__title{
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    font-weight: 700;
}
.showcase-form__subtitle{
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0 15px 0;
}
.showcase-form__fields{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.showcase-form__text{
    color: rgba(181, 181, 181, 1);
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.showcase-form__input{
    width: 55%;
}
.showcase-form__input input{
    height: 60px;
    font-size: 18px;
    padding: 0 20px;
}
.showcase-form__btn{
    width: 45%;
    padding-left: 10px;
}
.showcase-form__btn button{
    width: 100%;
    height: 60px;
}
.showcase-form__polit{
    padding-top: 10px;
}

.footer-wrapper{
    background: rgba(23, 31, 40, 1);
    margin-top: 100px;
}

.footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 50px;
}
.footer__left{
    width: 23%;
}
.footer__center{
    width: 59%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-bottom: 40px;
}

.footer-nav{
    padding: 0 15px;
}
.footer-nav div{
    font-size: 16px;
    font-weight: 800;
    color: #FFF;
    padding-bottom: 10px;
}
.footer-nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-nav ul li{
    padding: 7px 0;
}
.footer-nav ul li a{
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}
.footer-nav ul li a:hover{
    text-decoration: underline;
}


.footer__right{
    width: 18%;
}
.footer__boot{
    width: 100%;
    border-top: 1px solid rgba(70, 82, 94, 1);
    font-size: 14px;
    font-weight: 400;
    padding: 30px 0;
    color: rgba(219, 219, 219, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.my-site{
    opacity: .5;
}

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

.footer__boot a{
    color: rgba(219, 219, 219, 1);
}
.footer__logo{}
.footer__copy{
    max-width: 280px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    color: rgba(219, 219, 219, 1);
    padding: 20px 0;
}

.footer__mess .social a[class*="social-"] {
    width: 35px;
    height: 35px;
}
.footer__mess .social .social-ok:before{
    background-image: url("../img/soc3.png");
}
.footer__mess .social .social-tl:before{
    background-image: url("../img/soc1.png");
}
.footer__mess .social .social-ws:before{
    background-image: url("../img/soc2.png");
}

.footer__mess .social .social-item {
    margin-right: 25px;
    margin-left: 0px;
}

.footer__call .btn-feedback{
    background: transparent;
}
.footer__phone-text{
    font-size: 14px;
    font-weight: 400;
    color: rgb(219, 219, 219);
    padding-bottom: 3px;
}
.footer__phone-number a{
    font-size: 20px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.footer__call{
    padding: 10px 0 25px;
}

.section{
    padding: 50px 0;
}
.section__title{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 130%;
    padding-bottom: 30px;
}
.section__title h2{
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.slider-margins{
    padding: 0 60px;
    position: relative;
}
.section__btn{
    text-align: center;
    padding-top: 20px;
}

.review-slider{
    border-radius: 10px;
    background: rgba(244, 248, 253, 1);
    padding: 20px;
    width: 100%;
    height: 100%;
}
.review-slider__name{
    font-size: 18px;
    font-weight: 600;
}
.review-slider__date{
    font-size: 14px;
    font-weight: 300;
    color: rgba(108, 122, 135, 1);
    margin-bottom: 5px;
}
.review-slider__rating{}
.review-slider__text{
    padding-top: 20px;
}
.review-slider__text p{
    margin: 0;
}
.review-slider__img{
    padding-top: 20px;
}
.review-slider__img div{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}
.review-slider__img div a{
    display: block;
    width: 100px;
    height: 100px;
}
.review-slider__img div a img{
    width: 100%;
    border-radius: 5px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.slider-next, .slider-prev{
    width: 24px;
    height: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}
.slider-next:hover, .slider-prev:hover{
    opacity: .8;
}
.slider-next{
    background: url("../img/slider-next.png");
    right: 0;
}
.slider-prev{
    background: url("../img/slider-prev.png");
    left: 0;
}

.stages-section{
    border-radius: 10px;
    background: rgba(67, 98, 140, 1);
    padding: 50px;
}
.stages-section__title{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: #FFF;
    text-align: center;
}
.stages-section__title h2{
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.stages-section__body{
    padding: 50px 0;
    padding-left: 50px;
}
.stages-section__btn{
    text-align: center;
}

.stages{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.stages > div{
    width: 20%;
}

.stage{
    position: relative;
    padding-top: 40px;
}
.stage:before{
    content: "";
    width: 80px;
    border-top: 1px solid rgba(102, 153, 222, 1);
    height: 0;
    position: absolute;
    right: 40px;
    top: 25px;
}
.stages > div:nth-child(5) .stage:before{
    display: none;
}
.stage__number{
    width: 50px;
    height: 50px;
    color: #FFF;
    background: rgba(102, 153, 222, 1);
    font-size: 22px;
    font-weight: 700;
    line-height: 52px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.stage__img{
    height: 60px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left 40px center;
    margin-bottom: 20px;
    padding-right: 30px;
}
.stage__name{
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 20px;
}

.stage__img_1{background-image: url("../img/stage-1.png");}
.stage__img_2{background-image: url("../img/stage-2.png");}
.stage__img_3{background-image: url("../img/stage-3.png");}
.stage__img_4{background-image: url("../img/stage-4.png");}
.stage__img_5{background-image: url("../img/stage-5.png");}

.builds{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px;
}
.builds > div{
    width: 33.333333%;
    text-align: center;
    padding: 20px;
}

.build{}
.build__img{
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}
.build__title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.build__text{
    font-size: 16px;
    font-weight: 400;
    min-height: 40px;
    line-height: 24px;
    margin-bottom: 30px;
}
.build__picture{}
.build__picture img{
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}

.build__img_1{background-image: url("../img/bld-1.png");}
.build__img_2{background-image: url("../img/bld-2.png");}
.build__img_3{background-image: url("../img/bld-3.png");}

.conditions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.conditions > div{
    width: 50%;
}

.constructeds{
    position: relative;
    padding: 0 50px;
    padding-bottom: 40px;
}
.conditions-btn, .builds-btn, .portfolios-btn{
    text-align: center;
    padding-top: 50px;
}
.constructeds-btn{
    padding-top: 10px;
    text-align: center;
}

.constructed{
    width: 100%;
}
.constructed__title{
    font-size: 20px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 15px;
}
.constructed__slider{
    width: 100%;
}
.constructed__slider a{
    display: block;
    width: 100%;
    height: 320px;
    border-radius: 10px;
    position: relative;
}
.constructed__slider a img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.constructed__slider a > span{
    opacity: 0;
    background: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}
.constructed__slider a > span > span{
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    padding: 10px 40px 12px;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.constructed__slider a:hover > span{
    opacity: 1;
}

.section_bg{
    border-radius: 10px;
    background: rgba(227, 238, 248, 1);
}

.condition{
    text-align: center;
    padding: 20px;
}
.condition__img{
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
}
.condition__title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-top: 20px;
}
.condition__text{
    font-size: 16px;
    font-weight: 400;
}

.condition__img_1{background-image: url("../img/condition-1.png");}
.condition__img_2{background-image: url("../img/condition-2.png");}
.condition__img_3{background-image: url("../img/condition-3.png");}

.help{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 50px;
}
.help > div{}
.help > div:nth-child(1){
    padding-right: 100px;
    width: 50%;
    padding-left: 50px;
}
.help > div:nth-child(2){
    width: 50%;
    text-align: right;
}
.help > div:nth-child(2) img{
    border-radius: 10px;
}

.help__title{
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    max-width: 500px;
    margin-bottom: 15px;
}
.help__subtitle{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 450px;
    margin-bottom: 20px;
}

.help-form{
    max-width: 350px;
}
.help-form__text{
    color: rgba(108, 122, 135, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.help-form__input{
    margin-bottom: 20px;
}
.help-form__input input{
    height: 60px;
    font-size: 18px;
    padding: 0 20px;
}
.help-form__btn{
    margin-bottom: 20px;
}
.help-form__btn button{
    width: 100%;
}
.help-form__polit{}







.site-menu-wrap{height: 50px;}
.site-menu{list-style: none; padding: 0; margin: 0; display: table; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around;}
.site-menu > li{display: table-cell; height: 100%; vertical-align: middle; position: relative;}
.site-menu > li:hover > a{color: #6699DE;}
.site-menu > li.dropdown > a:after{
    content: ""; mask-image: url("../img/arrow-down.svg"); -webkit-mask-image: url("../img/arrow-down.svg"); background-color: #000; width: 12px; height: 12px; mask-size: contain; -webkit-mask-size: contain; display: block; z-index: 10; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
    margin-top: 11px;
    margin-left: 10px;
}
.site-menu > li.dropdown > a{padding-right: 30px;}
.site-menu > li > a{color: #000; text-decoration: none; font-weight: 500; 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: 0 20px;
    font-size: 18px;
    font-weight: 600;

}
.site-menu > li.dropdown:hover > a:after{
    background-color: #6699DE;
}
.site-menu > li > a:hover{
    color: #6699DE;
}
.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); min-width: 100%; position: absolute; left: 0; top: 50px; max-width: 300px; border-radius: 0 0 5px 5px;
    border-top: 0;
    padding: 15px 0;
    z-index: 2;
    -webkit-box-shadow: 5px 10px 10px rgba(0,0,0,.2);
    box-shadow: 5px 10px 10px rgba(0,0,0,.2);}
.site-menu > li > ul > li{}
.site-menu > li > ul > li > a{color: var(--bs-body-color); padding: 7px 29px 7px 19px; display: block; width: 100%; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.site-menu > li > ul > li > a:hover{color: #6699DE;}

.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; 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; 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);}

.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; padding-top: 5px;}
.phone-label .phone-link{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: 12px; height: 12px; mask-size: contain; -webkit-mask-size: contain; display: block; left: 0px; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; top: 8px;}
.phone-label .phone-link a{font-size: 15px; 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;}

.categories-wrap{height: 100%;}
.categories-wrap:hover .categories-btn{background: var(--bs-blue-light);}
.categories-btn{background: var(--bs-blue); display: block; color: var(--bs-white); text-decoration: none; font-weight: 500; 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: 0 20px;  position: relative;}
.categories-btn:hover{background: var(--bs-blue-light);}
.categories-btn:before{content: ""; mask-image: url("../img/burger.svg"); -webkit-mask-image: url("../img/burger.svg"); background-color: var(--bs-white); position: absolute; width: 15px; height: 12px; mask-size: contain; -webkit-mask-size: contain; display: block; z-index: 10; left: 25px; 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-btn:after{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%);}

.categories-dropdown{position: absolute;width: 100%; right: 0; padding: 0px; left: 0; max-height: 480px; overflow: auto; 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); padding: 10px 0; display: none;}
.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: 25%; outline: 0px solid red; padding: 20px 30px; position: relative; padding-left: 120px; }

.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); font-weight: bold; text-decoration: none; margin-bottom: 5px;}
.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{padding: 20px 0;}

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

.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; 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; 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: -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; 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{}
.index-slide .swiper-slide{position: relative; text-decoration: none;}
.index-slide-data{position: absolute; left: 10%; max-width: 40%;}
.index-slide-h1{color: var(--bs-black);font-size: 30px;font-weight: 700;display: block;line-height: 34px;}
.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: 0 -20px; margin-bottom: 20px;}
.products-list .products-item{}
.products-list.products-list-3 .products-item{width: 33.333333%;}
.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;
    background: var(--bs-white);
    position: relative;
    padding: 20px;
    border: 1px solid transparent;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}
.products-item:hover{
    border: 1px solid rgba(198, 217, 236, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.16);
    z-index: 10;
}
.compare-slider-slides .products-item{
    margin-right: 0;
    margin-bottom: 0;
}
.products-item form{
    height: 100%;
    display: block;
}
.products-item-body{
    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;
    height: 280px;
    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-thumbs{
    -webkit-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;
    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{
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}

.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: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.products-item-thumbs-nav div.active::before{
    background: var(--bs-blue);
}

.products-item-thumbs-badges{
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.products-item-thumbs-badges > div{
    width: 10px;
    background: rgba(255, 255, 255, 1);
    height: 10px;
    display: inline-block;
    margin-left: 0px;
    border-radius: 50%;
    margin-right: 3px;
}
.products-item-thumbs-badges > div.active{
    background: rgba(102, 153, 222, 1);
}

.products-item-badges {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2;
    right: 0px;
    -webkit-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: 30px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    padding: 6px 15px 6px;
}
.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;
    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: 15px 0 10px;
}
.products-item-name a{
    line-height: 1.4;
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.products-item-name a:hover{
    color: var(--bs-blue);
}

.products-item-chart{
    margin-bottom: 5px;
}
.products-item-chart > div{
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
.products-item-chart > div span{
    color: rgba(108, 122, 135, 1);
    font-size: 16px;
    font-weight: 400;
}
.products-item-chart > div:nth-child(1){
    margin-right: 40px;
}

.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;
    margin-bottom: 10px;
}
.products-item-price{
    font-size: 24px;
    font-weight: 700;
    margin-right: 7px;
}
.products-item-price-n{
    margin-right: 5px;
}
.products-item-price-z{
    font-size: 22px;
    font-weight: 600;
}
.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;
}


.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;
}
.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{}

.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;
    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: 20px;}
.h3-header-title{display: inline-block; padding-right: 30px;}
.h3-header-title h3{margin: 0;}
.h3-header-link{}

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

.news-widget-items{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;}
.news-widget-items > div{width: 19%;}

.tracking{
    overflow: auto;
    width: 100%;
    margin-top: 10px;
}
.tracking-box{
    min-width: 700px;
}
.tracking-time{
    position: relative;
    height: 32px;
    min-width: 700px;
}
.tracking-time:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #2C2C2C;
}
.tracking-time > div{
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tracking-time > div > div:nth-child(1){
    width: 1px;
    height: 8px;
    background-color: #2C2C2C;
}
.tracking-time > div > div:nth-child(2){
    font-size: 11px;
    color: #4A4A4A;
    margin-top: 3px;
    white-space: nowrap;
    font-weight: 400;
}

.tracking-time > div:nth-child(1){
    left: 8.333333333333332%;
}
.tracking-time > div:nth-child(2){
    left: 25%;
}
.tracking-time > div:nth-child(3){
    left: 41.66666666666667%;
}
.tracking-time > div:nth-child(4){
    left: 58.333333333333336%;
}
.tracking-time > div:nth-child(5){
    left: 75%;
}
.tracking-time > div:nth-child(6){
    left: 91.66666666666666%;
}

.tracking-box-top{
    height: 80px;
    position: relative;
}
.tracking-box-top > div{
    position: absolute;
    bottom: 0;
    width: 16.666666666666664%;
    padding-right: 6px;
}
.tracking-box-top > div:nth-child(1){
    left: 0%;
}
.tracking-box-top > div:nth-child(2){
    left: 16.666666666666664%;
}
.tracking-box-top > div:nth-child(3){
    left: 33.33333333333333%;
}
.tracking-box-top > div:nth-child(4){
    left: 83.33333333333334%;
}

.track-block{
    position: relative;
    height: 80px;
    background-color: rgb(44, 44, 44);
    border-radius: 5px;
}
.track-block span{
    position:absolute;inset:0;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;padding:0 8px;font-size:12px;line-height:1.35;font-weight:500;
    color:#fff;
    white-space:pre-wrap;
}

.tracking-box{
    margin-bottom: 20px;
}

.tracking-box-bottom{
    height: 85px;
    position: relative;
}
.tracking-box-bottom > div{
    position: absolute;
    bottom: 0;
    width: 16.666666666666664%;
    padding-right: 6px;
}

.tracking-box-bottom > div:nth-child(1){
    left: 0%;
}
.tracking-box-bottom > div:nth-child(2){
    left: 16.666666666666664%;
}
.tracking-box-bottom > div:nth-child(3){
    left: 50%;
    width: 33.33333333333333%;
}
.tracking-box-bottom > div .track-block{
    background-color: rgb(107, 107, 107);
}

.ustroistvo-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    padding-top: 50px;
}
.ustroistvo-wrapper > div{
    padding: 10px;
    width: 25%;
}

.ustroistvo{
    background: #E3EEF8;
    height: 100%;
    border-radius: 10px;
    padding: 20px;
}
.ustroistvo__number{
    color: #828282;
    font-size: 14px;
    font-weight: 500;
}
.ustroistvo__title{
    font-size: 14px;
    padding: 5px 0;
    font-weight: 600;
}
.ustroistvo__text{
    font-size: 14px;
}





.team-lists{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.team-lists > div{
    padding: 15px;
    width: 25%;
}

.team-list{}
.team-list__img{}
.team-list__img a{
    display: block;
}
.team-list__img a img{
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.team-list__data{
    padding-top: 10px;
    padding-bottom: 20px;
}
.team-list__name{}
.team-list__name a{
    line-height: 1.4;
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.team-list__name a:hover{
    color: var(--bs-blue);
}
.team-list__text{}







.news-widget-item{border: 1px solid var(--bs-gray-dark); height: 100%;}
.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{border-bottom: 1px solid var(--bs-gray-dark); height: 150px;}
.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{padding: 20px; background: var(--bs-white);}
.news-widget-date{font-size: 13px; color: var(--bs-gray-vdark); padding-bottom: 10px;}
.news-widget-link{}
.news-widget-link a{color: var(--bs-black); font-weight: 300; display: block; text-decoration: none;}
.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; 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: rgb(181, 181, 181);
    font-size: 14px;
    font-weight: 400;
}

.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;
}

.ppr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ppr__gallery{
    width: 55%;
}
.ppr__data{
    width: 45%;
    padding-left: 50px;
}

.ppr__title{
    font-size: 20px;
    line-height: 20px;
}

.ppr__dimensions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    gap: 30px;
    padding: 20px 0;
}
.ppr__dimensions div{
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}
.ppr__dimensions div:before{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: rgb(67, 98, 140);
    -webkit-mask-size: contain;
    mask-size: contain;
}

.ppr__dimensions div span{
    color: rgba(108, 122, 135, 1);
    font-size: 16px;
    font-weight: 400;
}

.ppr__dimensions div.icon-square:before{
    -webkit-mask-image: url("../img/square-dashed-svgrepo-com.svg");
    mask-image: url("../img/square-dashed-svgrepo-com.svg");
    width: 24px;
    height: 24px;
    margin-top: -12px;
}
.ppr__dimensions div.icon-ratio:before{
    -webkit-mask-image: url("../img/size-fullscreen-svgrepo-com.svg");
    mask-image: url("../img/size-fullscreen-svgrepo-com.svg");
}
.ppr__dimensions div.icon-floors:before{
    -webkit-mask-image: url("../img/size-height-svgrepo-com.svg");
    mask-image: url("../img/size-height-svgrepo-com.svg");
}

.ppr__variants{
    padding: 20px 0;
    margin-bottom: 5px;
    margin-top: -15px;
}

.ppr__variant{
    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 #C1D0DE;
    padding: 15px 0;
}
.ppr__variants .ppr__variant:last-child{
    border-bottom: 0;
}

.ppr__variant_title{
    color: rgba(108, 122, 135, 1);
    font-size: 16px;
    font-weight: 400;
}
.ppr__variant_price{
    font-size: 18px;
    font-weight: 700;
}
.ppr__variant_price span{
    font-size: 18px;
    font-weight: 500;
    margin-left: 3px;
}

.ppr__btn{
    margin-bottom: 40px;
}
.ppr__btn a{
    width: 100%;
}
.ppr__property{
    margin-bottom: 30px;
}





.ppr-gallery{
    position: relative;
}

.ppr-gallery__img{}
.ppr-gallery__img img{
    border-radius: 5px;
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}
.ppr-gallery__img{
    margin-bottom: 10px;
}
.ppr-gallery__imgs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
}
.ppr-gallery__imgs > div{
    padding: 5px;
    width: 20%;
}
.ppr-gallery__imgs > div a{
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.ppr-gallery__imgs > div a img{
    border-radius: 5px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100px;
    -webkit-transition: 1s;
    transition: 1s;
}
.ppr-gallery__imgs > div a:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ppr__content{
    padding-top: 50px;
}

.portfolio-box{}
.portfolio-box a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.portfolio-box a img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
    -webkit-transition: 1s;
    transition: 1s;
    -o-object-fit: cover;
    object-fit: cover;
}
.portfolio-box a:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.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;
}

.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);
    border-radius: 5px;
    border: 3px solid #6699DE;
    position: relative;
    z-index: 100;
}
.w-filter-header{
    border-bottom: 1px solid var(--bs-gray-dark);
    font-weight: 600;
    padding: 15px 20px;
    font-size: 16px;
    position: relative;
    display: none;
}
.w-filter-data{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
}

.w-filter-item-select{
    padding: 10px;
    position: relative;
    width: 33.33333%;
}
.w-filter-item-select .w-filter-item-header{
    border: 1px solid #EEE;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}
.w-filter-item-select .w-filter-item-header:hover{
    background: #EEE;
}
.w-filter-item-select .w-filter-item-body{
    display: none;
    border-radius: 0 0 5px 5px;
    z-index: 3;
    -webkit-box-shadow: 5px 10px 10px rgba(0,0,0,.1);
    box-shadow: 5px 10px 10px rgba(0,0,0,.1);
    position: absolute;
    left: 10px;
    right: 10px;
    top: 55px;
    background: #FFF;
    border: 1px solid #EEE;
    border-top: 0;
    padding: 15px 20px;
}

.w-filter-item-ot-do{
    width: 50%;
    width: 100%;
}

.w-filter-footer{padding: 20px; padding-top: 0;}
.w-filter-footer > div:first-child{padding-bottom: 10px;}
.w-filter-footer .btn{width: 100%;}

.w-filter-item{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.w-filter-item:hover{background: var(--bs-white);}
.w-filter-item-header{
    position: relative;
    padding: 15px 20px 15px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}
.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-item-body-top{
    padding-left: 10px;
    padding-right: 10px;
}

.w-filter-item-header-none{
    padding-left: 10px;
    padding-right: 10px;
}

.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.w-f-badge .w-filter-item-header{
    background: #6699DE;
    color: #FFF;
}
.w-filter-item.w-f-badge .w-filter-item-header::before {
    background: #FFF;
}

.w-filter-item{}

.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;
    right: -10px;
}
.noUi-handle.noUi-handle-upper{
    right: 0;
    right: -10px;
}

.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;
    width: calc(100% - 10px);
    margin-left: 5px;
}
.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;
}

.btn-filter{
    background: #E5E5E5; height: 46px; 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;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 18px;
    top: 15px;
    background-color: var(--bs-blue);
}

.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;}
.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;
    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;
    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);
}


.box-modal-text2{
    margin-bottom: 20px;
}

.box-modal-cities{
    padding-bottom: 20px;
}
.box-modal-cities ul{
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.box-modal-cities ul li{
    page-break-inside: avoid;
    width: 100%;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 5px;
}
.box-modal-cities ul li a{
    color: #000;
    padding: 3px 5px;
    text-decoration: none;
}
.box-modal-cities ul li a:hover{
    background: var(--bs-blue);
    color: #FFF;
}


.swiper-thumb{width: 360px; 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-content{
    position: relative;
}
.contacts-content__info{}
.contacts-content__map{}

.contacts-items{
    border: 1px solid var(--bs-gray-dark);
    padding: 25px;
    position: absolute;
    background: #FFF;
    max-width: 350px;
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 5px 10px 10px rgba(0,0,0,.2);
    box-shadow: 5px 10px 10px rgba(0,0,0,.2);
    left: 30px;
    top: 30px;
}
.contacts-item{
    width: 100%;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
    margin-bottom: 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{
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
}
.contacts-item-body{
    color: #111;
    font-size: 16px;
    font-weight: 500;
}
.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{
    margin-bottom: 20px;
}
.submenu > ul{
    border-top: 1px solid #E8E8E8;
    list-style: none;
    padding: 0;
    margin: 0;
}
.submenu > ul > li{
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}
.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;
    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{
    color: #FFF !important;
    background: var(--bs-blue);
}
.submenu > ul > li.active .submenu-wrapper{
    display: block;
}
.submenu > ul > li > a{
    font-size: 14px;
    position: relative;
    display: block;
    text-decoration: none;
    padding: 10px 40px 10px 15px;
    font-weight: 400;
    text-decoration: none;
    color: #222;
}
.submenu > ul > li > a:hover{
    color: #454749;
}
.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{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-list{
    border: 1px solid var(--bs-gray-dark);
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px;
}
.news-list-img{
    padding-right: 25px;
    max-width: 260px;
    width: 100%;
}
.news-list-img a{
    position: relative;
    overflow: hidden;
    display: block;
    width: 235px
}
.news-list-img a img{

}
.news-list-data{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.news-list-date{
    color: var(--bs-gray-vdark);
}
.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-lists .faq-list:first-child{
    border-top: 0;
}
.faq-list{
    border-top: 1px solid rgba(227, 238, 248, 1);
}
.faq-list-question{
    position: relative;
    font-size: 16px;
    padding: 30px 0;
    cursor: pointer;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}
.faq-list.open .faq-list-question::before {
    background: url("../img/arrow-2.png");
}

.team-box{}
.team-box__img{
    float: left;
    width: 300px;
}
.team-box__img img{
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}
.team-box__annot{
    padding: 15px;
}
.team-box__data{
    margin-left: 350px;
}






.faq-list-question::before {
    content: "";
    width: 60px;
    height: 60px;
    background: url("../img/arrow-1.png");

    position: absolute;

    display: block;
    z-index: 10;
    right: 0px;

    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.faq-list-content{
    padding: 0 0 30px;
    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);}

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

.portfolios25 > div{
    width: 25%;
}

.kalkulyator{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.kalkulyator > div{
    width: 25%;
}

.kalkulyator__title{
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
}
.kalkulyator__box{
    padding-top: 15px;
}
.kalkulyator__box > div{
    padding: 7px 0;
}

.kalkulyator__btn{}
.kalkulyator__btn button{
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    border: 1px solid rgba(102, 153, 222, 1);
    border-radius: 5px;
    padding: 7px 20px;
    background: transparent;
    cursor: pointer;
}
.kalkulyator__btn button:hover{
    opacity: .9;
}
.kalkulyator__btn button.active{
    color: rgba(67, 98, 140, 1);
    background: #FFF;
}

.kalkulyator__box > .kalkulyator__submit{
    padding-top: 15px;
}
.kalkulyator__submit button{
    width: 100%;
    white-space: normal;
    line-height: 1.2;
}

.js-kalkulyator-load{
    position: relative;
}





.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;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear;
    opacity:0;
    -webkit-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;
    text-overflow: ellipsis;
}
.compare-features-value{
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    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{
    margin-bottom: 20px;
}
.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, .js-kalkulyator-load .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);
}

.video-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
}
.video-item{
    width: 33.333333%;
    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%;}

    .footer__center > .footer-nav:nth-child(1){
        display: none;
    }

    .showcase__title {
        font-size: 32px;
    }
    .showcase__subtitle, .showcase__subtitle2 {
        font-size: 16px;
    }
    .showcase__benefit ul {
        font-size: 16px;
    }
    .showcase-form__subtitle {
        font-size: 16px;
    }
    .showcase-form__input input {
        font-size: 16px;
    }
    .header__phone a {
        font-weight: 600;
    }
    .site-menu > li > a {
        font-size: 16px;
    }
    .showcase-wrapper, .showcase-wrapper2 {
        padding: 100px 0;
    }
    .team-list__name a {
        font-size: 16px;
    }

    .footer__boot{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }












}

@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-wrap {height: 50px;}
    .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: 24%;}
    .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%;
    }


    .kalkulyator > div {
        width: 33.333333%;
    }
    .kalkulyator > div:last-child {
        width: 100%;
        padding-top: 30px;
    }
    .kalkulyator__title {
        font-size: 18px;
    }
    .kalkulyator__btn button {
        font-size: 16px;
    }

    .video-item{
        width: 50%;
    }
    .team-box__data {
        margin-left: 330px;
    }
    .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;
    }


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

    .header {
        width: 300px;
        left: 0;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        position: fixed;
        background: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        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;
        border-radius: 0;
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header.open {
        left: 0;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .header .container{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .header .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;
    }
    .header .header-wrapper .header-logo{
        border-bottom: 1px solid #f2f2f2;
        padding: 15px 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .header .header-wrapper .header-search{-webkit-box-ordinal-group: 7;-ms-flex-order: 6;order: 6; border-bottom: 1px solid #f2f2f2; padding: 10px 20px;}
    .header .header-wrapper .header-phone{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;border-bottom: 1px solid #f2f2f2;}
    .header .header-wrapper .header-account{-webkit-box-ordinal-group: 8;-ms-flex-order: 7;order: 7;}
    .header .header-wrapper .header-cdb{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
    .header .header-wrapper .header-category{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;border-bottom: 1px solid #f2f2f2; background: #f2f2f2;}
    .header .header-wrapper .header-menu{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}

    .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);
    }

    .header-mobile{
        display: block;
    }
    .header-mobile-wrapper{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;
        background: #FFF;
        border-radius: 0 0 10px 10px;
        padding: 15px 25px;

    }
    .callback-personal, .callback-personal a {
        font-size: 13px;
    }
    .showcase-form__input input {
        height: 50px;
    }
    .showcase-form__btn button {
        height: 50px;
    }
    .btn {
        font-size: 14px;
    }
    .showcase-form__text {
        font-size: 14px;
    }
    .showcase-form__subtitle {
        font-size: 14px;
    }
    .showcase-form__title {
        font-size: 18px;
        font-weight: 600;
    }
    .showcase {
        max-width: 550px;
    }
    .showcase__title {
        font-size: 26px;
    }
    html, body {
        font-size: 14px;
    }
    .showcase {
        padding: 15px 25px 30px 25px;
    }
    .showcase__benefit ul {
        font-size: 14px;
    }
    .showcase__subtitle, .showcase__subtitle2 {
        font-size: 14px;
    }
    .portfolios > div {
        width: 50%;
    }
    .header-mobile-phone a {
        color: rgba(0, 0, 0, 1);
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
    }
    .header-mobile-phone a:hover {
        color: #6699DE;
    }
    .showcase-wrapper, .showcase-wrapper2 {
        padding: 50px 0;
    }
    .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;}

    .header-logo{
        position: relative;
    }
    .header-logo a img {
        width: 140px;
    }
    .header-close {
        height: 44px;
        width: 44px;
        display: block;
        -webkit-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__logo{
        position: relative;
        width: 100%;
        border-bottom: 1px solid #DBDBDB;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .header__local{
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        width: 100%;
        text-align: center;
    }
    .header__mess{
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%;
        text-align: center;
    }
    .header__phone{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        text-align: center;
    }
    .header__call{
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
    }
    .header__menu{
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
    }
    .footer__boot > div {
        display: block;
        text-align: center;
    }
    .footer__boot > div > div {
        padding: 3px 0;
    }
    .header .header__call{
        padding: 0;
        text-align: center;
        padding-bottom: 20px;
    }
    .header .header__call .btn-feedback {}
    .btn-feedback {
        padding: 5px 15px 5px 35px;
        font-size: 12px;
    }
    .btn-feedback::before {
        left: 10px;
    }
    .header__phone a {
        font-size: 16px;
    }
    .logo {
        padding-left: 40px;
        background-size: 30px;
        display: inline-block;
    }
    .logo span:nth-child(1) {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 4px;
    }
    .logo span:nth-child(2) {
        letter-spacing: -.3px;
    }
    .logo span {
        padding: 1px 0;
    }
    .header .header__menu {
        padding: 0;
    }
    .logo.logo_footer span:nth-child(2) {
        letter-spacing: 1px;
        text-align: left;
    }
    .site-menu > li > a {
        padding-left: 15px;
    }
    .site-menu > li.dropdown > a::after {
        position: absolute;
        right: 15px;
    }
    .site-menu > li > ul > li > a {
        padding: 5px 0 5px 20px;
    }
    .site-menu > li > ul {
        position: static;
        padding: 0 0 15px;
    }
    .header .header__local{
        padding-top: 0;
    }
    .header .header__phone{
        padding: 15px 10px 10px 10px;
    }
    .header__menu {
        border-top: 1px solid #f2f2f2;
    }
    .header__logo{
        border-bottom: 1px solid #f2f2f2;
    }
    .header .header__mess{
        padding-bottom: 5px;
    }
    .link-local {
        font-size: 12px;
    }
    .footer__left {
        width: 100%;
        text-align: center;
    }
    .footer__copy{
        display: none;
    }
    .footer__center{
        display: none;
    }
    .footer__right{
        width: 100%;
        text-align: center;
    }
    .footer__boot{
        display: block;
        text-align: center;
    }
    .footer__boot {
        font-size: 12px;
        line-height: 150%;
    }
    .footer__boot {
        padding: 15px 0;
    }
    .footer {
        padding-top: 30px;
    }
    .footer__left {
        padding-bottom: 30px;
    }
    .footer__mess{
        padding-bottom: 30px;
    }
    .footer__mess .social a[class*="social-"] {
        width: 30px;
        height: 30px;
    }
    .footer__mess .social .social-tl::before {
        background-image: url("../img/ic_round-telegram.png");
    }
    .footer__mess .social .social-ws::before {
        background-image: url("../img/ri_whatsapp-fill.png");
    }
    .footer__mess .social .social-ok::before {
        background-image: url("../img/max_logo_black.png");
    }
    .footer__mess .social .social-item {
        margin-right: 5px;
        margin-left: 5px;
    }
    .box-modal-title {
        font-size: 18px;
    }
    .form-group .form-label {
        font-size: 14px;
    }
    input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
        font-size: 14px;
        padding: 9px 13px 10px;
    }
    .ustroistvo-wrapper > div {
        width: 33.333333%;
    }
    .help > div:nth-child(1) {
        padding-right: 50px;
        padding-left: 0px;
    }
    .help__title {
        font-size: 26px;
        line-height: 30px;
    }
    .help__subtitle {
        font-size: 14px;
        line-height: 20px;
    }
    .btn.btn-big {
        font-size: 14px;
        font-weight: 500;
        padding: 14px 15px;
    }
    .help-form__input {
        margin-bottom: 10px;
    }
    .help-form__input input {
        height: 50px;
    }
    .section__title {
        font-size: 26px;
    }
    .build__title {
        font-size: 18px;
    }
    .build__text {
        font-size: 14px;
    }
    .section {
        padding: 30px 0;
    }
    .section__title {
        padding-bottom: 20px;
    }
    .conditions-btn, .builds-btn, .portfolios-btn {
        padding-top: 30px;
    }
    .constructed__title {
        font-size: 16px;
    }
    .slider-margins {
        padding: 0 50px;
    }
    .constructeds {
        padding-bottom: 20px;
    }
    .constructed__slider a {
        height: 260px;
    }
    .condition__title {
        font-size: 18px;
        line-height: 22px;
    }
    .condition__text {
        font-size: 14px;
    }
    .ppr__dimensions div {
        font-size: 14px;
    }
    .ppr__title {
        font-size: 16px;
    }
    .ppr__gallery {
        width: 45%;
    }
    .ppr__variant_title {
        font-size: 14px;
    }
    .ppr-gallery__imgs > div a img {
        height: 70px;
    }
    .ppr__variant_price {
        font-size: 16px;
    }
    .ppr__data {
        width: 55%;
        padding-left: 30px;
    }
    .stages-section__title {
        font-size: 26px;
    }
    .stages > div {
        width: 33.3333333%;
        margin-bottom: 30px;
    }
    .stages-section__body {
        padding: 30px 0;
        padding-left: 30px;
    }
    .stage__name {
        font-size: 14px;
    }
    .review-slider__name {
        font-size: 16px;
    }
    .faq-list-question {
        font-size: 16px;
    }

    .faq-list-question::before {
        width: 40px;
        height: 40px;
        background-size: contain;
    }
    .faq-list.open .faq-list-question::before {
        background-size: contain;
    }
    .faq-list-question {
        padding: 20px 0;
    }

    .products-item-name a {
        line-height: 1.2;
        font-size: 16px;
    }
    .products-item-badges .badge {
        font-size: 10px;
        line-height: 12px;
        padding: 6px 10px 6px;
    }
    .products-item-chart > div span {
        font-size: 14px;
    }
    .products-item-chart > div:nth-child(1) {
        margin-right: 20px;
    }
    .products-item-chart > div {
        font-size: 14px;
    }
    .products-item-price {
        font-size: 18px;
    }
    .products-item-price-z {
        font-size: 16px;
    }
    .products-item-price-n {
        margin-right: 3px;
    }
    .products-item-thumbs-badges > div {
        width: 6px;
        height: 6px;
        margin-left: 0px;
        margin-right: 2px;
    }
    .btn-filter{
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid var(--bs-blue);
        background: transparent;
        border-radius: 5px;
        color: var(--bs-blue);
        padding-right: 20px;
        padding-left: 40px;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .btn-filter:hover{
        background: var(--bs-blue);
        color: #FFF;
    }
    .btn-filter:hover::before {
        background: #FFF;
    }
    .footer-wrapper {
        margin-top: 70px;
    }
    .w-filter-header{
        display: block;
    }
    .w-filter{
        position: fixed;
        left: 0px;
        top: 0;
        bottom: 0;
        width: 320px;
        z-index: 11;
        -webkit-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;
        transition: 0.4s;
        border: 0;
    }
    .w-filter form{
        display: block;
        height: 100%;
    }
    .w-filter-item-ot-do {
        width: 100%;
    }
    .w-filter-item {
        border-bottom: 1px solid var(--bs-gray-dark);
    }
    .w-filter-item-select {
        width: 100%;
    }
    .w-filter-data {
        padding: 0;
        padding-bottom: 110px;
    }
    .w-filter-item {
        border-bottom: 1px solid var(--bs-gray-dark);
        padding: 0;
    }
    .w-filter-item-header-none {
        padding-left: 20px;
        font-size: 13px;
        padding-right: 20px;
    }
    .w-filter-header{
        background: #FFF;
    }
    .w-filter-data {
        overflow: auto;
        display: block;
        height: 100%;
        padding-bottom: 110px;
    }
    .w-filter-item-select .w-filter-item-header {
        border: 0;
        border-radius: 5px;
        -webkit-transition: .3s;
        transition: .3s;
        font-size: 13px;
    }
    .w-filter-item-select .w-filter-item-header:hover {
        background: #FFF;
    }

    .w-filter-item-select .w-filter-item-body {
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .w-filter-item-select .w-filter-item-header {
        border-radius: 0px;
    }
    .w-filter-item.w-f-badge .w-filter-item-header:hover {
        background: #6699DE;
        color: #FFF;
    }
    .w-filter-item-body-top {
        padding-left: 20px;
        padding-right: 20px;
    }
    .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%;}

    .chooses > div {
        width: 50%;
    }

    .chooses > div:nth-child(3) {
        border-right: 1px solid #E7F0F8;
        border-left: 0;
    }
    .chooses > div:nth-child(4) {
        border-bottom: 1px solid #E7F0F8;
    }
    .vlues > div {
        width: 33.33333%;
    }











}

@media (max-width: 991.98px) { /* lg */

    .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);
    }

    .stages-section-kalkulyator{
        padding: 30px;
    }
    .kalkulyator__btn button {
        font-size: 14px;
        padding: 5px 10px;
    }
    .team-lists > div {
        width: 33.3333333%;
    }
    .kalkulyator__box {
        padding-top: 5px;
    }
    .team-list__name a {
        font-size: 15px;
    }
    .slide-section-center {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 10px;
    }
    .ustroistvo-wrapper > div {
        width: 50%;
    }

    .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;
    }
    .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;}

    .index-slide-data {left: 12%;}
    .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;
    }

    .ppr__gallery {
        width: 100%;
        margin-bottom: 50px;
    }
    .ppr__data {
        width: 100%;
        padding-left: 0px;
    }




    .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;
    }
    .news-widget-items > div:nth-child(4) {
        display: none;
    }
    .news-widget-items > div {
        width: 32%;
    }
    .footer-data-mailing {
        padding-right: 0px;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .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;
    }
    .footer-data {padding: 0px 0 30px 0;}
    .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;
    }

    .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 {
        position: static;
        margin-bottom: 15px;
        max-width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .brands-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
    }
    .contacts-item-header {
        font-size: 15px;
    }
    .contacts-item-body {
        font-size: 14px;
    }
    .map {
        height: 400px;
    }
    .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;
    }

    .help > div:nth-child(1) {
        width: 65%;
    }
    .help > div:nth-child(2) {
        width: 35%;
    }
    .help > div:nth-child(2) img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .build__img {
        height: 100px;
    }
    .builds > div {
        padding: 0 10px;
    }
    .build__title {
        font-size: 16px;
    }
    .build__text {
        min-height: 60px;
    }

    .condition__title {
        font-size: 16px;
        line-height: 20px;
    }
    .condition {
        text-align: center;
        padding: 0 10px;
    }
    .products-list.products-list-3 .products-item {
        width: 50%;
    }

    .vlue__name {
        font-size: 16px;
    }
    .teams__left {
        width: 55%;
        padding-right: 50px;
    }
    .teams__right {
        width: 45%;
    }
    .teams__title {
        font-size: 26px;
    }




}

@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;
    }
    .index-offers-header {
        margin-bottom: 20px;
        display: block;
    }
    .index-offers-btn{
        padding-top: 10px;
    }
    .index-offers-btn div {
        margin-left: 0px;
        margin-right: 10px;
        padding: 4px 12px;
    }
    .index-slide-data {
        left: 15%;
    }
    .ppr-gallery__imgs > div {
        width: 25%;
    }
    .ppr__dimensions div {
        font-size: 13px;
        white-space: nowrap;
    }
    .ppr__variant_price {
        font-size: 15px;
    }



    .property-name {
        width: 55%;
    }
    .contacts-item-body {
        font-size: 13px;
    }
    .contacts-item-header {
        font-size: 14px;
    }
    .contacts-item::before {
        width: 22px;
        height: 22px;
    }
    .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:nth-child(3) {
        display: none;
    }
    .news-widget-items > div {
        width: 49%;
    }
    .news-widget {padding: 30px 0;}
    .reviews-slider {
        padding: 30px 0;
    }
    .brands-slider {
        padding: 30px 0;
    }
    .team-lists > div {
        width: 50%;
    }
    .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;}

    .team-box__img {
        float: none;
        padding-bottom: 20px;
        width: 100%;
    }
    .team-box__img img {
        width: 100%;
        max-width: 300px;
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .team-box__data {
        margin-left: 0px;
    }


    .news-list{
        display: block;
    }
    .news-list-img{
        padding-right: 0px;
        max-width: 100%;
        height: 260px;
        padding-bottom: 25px;
    }
    .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%;
    }
    .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;
    }
    .showcase {
        max-width: 450px;
    }
    .showcase-form__btn button {
        padding-left: 0;
        padding-right: 0;
    }
    .help > div:nth-child(1) {
        width: 100%;
    }
    .help > div:nth-child(2) {
        display: none;
    }
    .products-item-name a {
        line-height: 1.1;
        font-size: 14px;
    }
    .help > div:nth-child(1) {
        padding-right: 0px;
    }
    .builds > div {
        width: 100%;
    }
    .build__picture {
        display: none;
    }
    .build__text {
        min-height: auto;
    }
    .conditions > div {
        width: 100%;
    }
    .condition__img {
        height: 80px;
        background-size: 80px;
    }
    .condition__img_2 {
        background-size: 40px;
    }
    .condition__title {
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .conditions > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .stages > div {
        width: 50%;
    }
    .stages-section {
        padding: 30px;
    }
    .section__title {
        font-size: 22px;
    }
    .stages-section__title {
        font-size: 22px;
        line-height: 26px;
    }
    .constructed__slider a > span > span {
        font-size: 14px;
        padding: 5px 30px 7px;
    }
    html, body {
        font-size: 13px;
    }
    .site-menu > li > ul {
        font-size: 13px;
    }
    .chooses > div {
        width: 100%;
        border: 0 !important;
    }
    .chooses > div {
        padding-bottom: 15px;
    }
    .choose__name {
        font-size: 16px;
    }
    .chooses {
        padding-top: 0px;
    }
    .vlues > div {
        width: 100%;
    }
    .teams__title {
        font-size: 20px;
    }
    .teams__left {
        width: 100%;
        padding-right: 0px;
    }
    .teams__right {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    .teams__number > div:nth-child(2) {
        padding-right: 10px;
    }
    .teams__right img{
        width: auto;
        height: auto;
    }
    .teams__number > div:nth-child(1) {
        color: rgba(102, 153, 222, 1);
        font-size: 26px;
    }
    .teams {
        padding-top: 30px;
    }
    .stages-section-kalkulyator {
        padding: 15px;
        padding-top: 30px;
    }
    .kalkulyator > div {
        width: 100%;
    }
    .stages-section-kalkulyator .stages-section__body {
        padding: 15px 0;
        padding-bottom: 0;
    }
    .kalkulyator__title {
        font-size: 16px;
    }
    .kalkulyator__box{
        padding-bottom: 20px;
    }
    .kalkulyator__box > div {
        padding: 5px 0;
        display: inline-block;
        margin-right: 4px;
    }
    .kalkulyator > div:last-child {
        width: 100%;
        padding-top: 0px;
    }
    .kalkulyator__box .kalkulyator__input{
        display: block;
    }


}

@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;
    }

    .index-slide-data {
        left: 16%; max-width: 50%;
    }
    .index-slide-h1 {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    .index-slide-text {
        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-status::after {
        width: 4px;
        height: 4px;
        margin-top: -2px;
    }
    .tracking {
        margin-top: 30px;
    }
    .ustroistvo__text {
        font-size: 13px;
    }
    .team-lists > div {
        width: 100%;
    }
    .ustroistvo-wrapper > div {
        width: 100%;
    }
    .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;
    }
    .portfolios > div {
        padding: 8px 15px;
    }
    .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;
    }
    .news-widget-name {padding: 10px;}
    .footer-data {
        padding: 0px 0 20px 0;
    }
    .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;}

    .w-sort-display{display: none;}
    .w-sort-filter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .btn-filter {
        height: 36px;
    }
    .btn-filter::before {
        top: 10px;
    }
    .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;
    }
    .footer-wrapper {
        margin-top: 50px;
    }
    .js-tabs__title {
        padding: 10px;
        font-weight: 400;
        font-size: 14px;
    }
    .contacts-item {
        width: 100%;
    }
    .brands-list a > span img {
        max-width: 100px;
    }

    .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;
    }
    .portfolios > div {
        width: 100%;
    }
    .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;
    }
    .header-mobile .logo span:nth-child(2) {
        display: none;
    }
    .logo.logo_footer span:nth-child(2) {
        display: block;
    }
    .header-mobile-wrapper {
        padding: 10px 15px;
    }
    .header-mobile-phone a {
        white-space: nowrap;
        font-size: 14px;
    }
    .header-mobile .logo span:nth-child(1) {
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: 500;
    }

    .builds {
        padding: 0 0px;
    }

    .header-mobile .logo {
        padding-left: 30px;
        background-size: 25px;
        padding-right: 20px;
    }
    .showcase__title {
        font-size: 22px;
    }
    .products-list {
        margin-right: 0;
        margin-left: 0;
    }
    .showcase__benefit {
        padding: 15px 0;
    }
    .showcase-form__title {
        font-size: 16px;
    }
    .showcase-form__input {
        width: 100%;
    }
    .showcase-form__btn {
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
    }
    .showcase-wrapper, .showcase-wrapper2 {
        padding: 15px 0;
    }
    .products-list.products-list-3 .products-item {
        width: 100%;
    }
    .products-item {
        width: 100%;
        border: 1px solid rgba(198, 217, 236, 1);
        border-radius: 10px;
        margin-bottom: 15px;
        padding: 15px;
    }
    .products-item-click{
        display: none;
    }
    .section__btn {
        padding-top: 0px;
    }
    .help__title {
        font-size: 22px;
        line-height: 24px;
    }
    .help {
        padding: 0 30px;
    }
    .section {
        padding: 20px 0;
    }

    .section__title {
        font-size: 20px;
    }
    .conditions > div {
        margin-bottom: 30px;
    }
    .stages > div {
        width: 100%;
    }
    .stages > div:nth-child(5) .stage::before {
        display: block;
    }
    .stages-section__title {
        font-size: 20px;
        line-height: 22px;
    }
    .faq-list-question {
        font-size: 14px;
    }
    .faq-list-question {
        padding-right: 50px;
    }
    .slider-margins {
        padding: 0 20px;
    }
    .slider-next, .slider-prev {
        z-index: 1;
        width: 12px;
        height: 21px;
        background-size: contain !important;
    }
    .condition__img_3 {
        background-size: 60px !important;
    }
    .constructeds {
        padding: 0 20px;
        padding-bottom: 20px;
    }
    .constructeds-btn {
        padding-top: 0px;
    }
    .constructed__slider a {
        height: 220px;
    }
    .reviews-page-item{
        margin-bottom: 15px;
    }

    .showcase__catalog{
        display: block;
        text-align: center;
    }
    .showcase__catalog a{
        display: block;
        width: 100%;
    }
    .showcase__subtitle, .showcase__benefit, .showcase__form{
        display: none;
    }
    .showcase__subtitle2{
        display: block;
    }
    .header-wrapper {
        background: url("../img/trees580.jpg") center center no-repeat;
        background-size: cover;
    }

    .header-wrapper-page{
        background: url("../img/kompan.jpg") center top no-repeat;
        background-size: cover;
    }

    .showcase-wrapper2 .showcase{
        margin-top: 0px;
    }

    .showcase {
        margin-top: 300px;
    }

    .showcase {
        padding: 10px 25px 30px 25px;
    }
    .showcase__title h1 {
        font-size: 18px;
        color: #FFF;
        text-align: center;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 5px;
    }







}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 1200px) {
    .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;}
}