@charset "UTF-8";
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Black.ttf);font-weight:900}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-ExtraBold.ttf);font-weight:800}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Bold.ttf);font-weight:700}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-SemiBold.ttf);font-weight:600}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Medium.ttf);font-weight:500}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Regular.ttf);font-weight:400}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Light.ttf);font-weight:300}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-ExtraLight.ttf);font-weight:200}
@font-face{font-family:'Inter';src:url(../fonts/inter/Inter-Thin.ttf);font-weight:100}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{width:100%;height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}

blockquote {
    font-style: italic;
    padding: 8px 0 8px 14px;
    margin: 15px 0;
    border-left: 3px solid #ddd;
}
blockquote:last-child{margin-bottom: 0}


body{
    --green: #32cb5d;
    --green_text: #fff;
    --yellow: #ffd600;
    --yellow_text: #222;
    --orange: #ff6565;
    --orange_text: #fff;
    --red: #ff0000;
    --red_text: #fff;
    --blue: #5b7fff;
    --blue_text: #fff;
    --purple: #a56ffd;
    --purple_text: #fff;
    --grey: #f7f7f7;
    --grey_text: #222;
}

.sticker_green{background: var(--green);color: var(--green_text);font-weight: 500}
.sticker_yellow{background: var(--yellow);color: var(--yellow_text);}
.sticker_orange{background: var(--orange);color: var(--orange_text);font-weight: 500}
.sticker_red{background: var(--red);color: var(--red_text);}
.sticker_blue{background: var(--blue);color: var(--blue_text);}
.sticker_purple{background: var(--purple);color: var(--purple_text);font-weight: 500}
.sticker_grey{background: var(--grey);color: var(--grey_text);font-weight: 500}
.sticker_fire i{color: #f00;}

body{margin:0;font-size: 15px;font-family: 'Inter', sans-serif;font-weight:400;line-height:1.25;color:#222;text-align:left;background:#fff}
strong{font-weight: 600;}
*,::after,::before{box-sizing:border-box}
a{color:#4f66c0;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}

h1{font-size: 32px;}
h1,h2,h3,h4{font-weight: 500;margin: 0;line-height: 1.25}
p:last-child{margin-bottom: 0}

:focus {outline: 0;}
a:hover {text-decoration: none;}

.b_image_box{position:relative;width:100%;height:0}
.b_image_box .b_image{position:absolute;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0;padding:0;list-style-type:none;z-index:0}
.b_image_box .b_image img{position:relative;top:50%;left:50%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.b_img_34_9{padding-bottom: 31%;}
.b_img_27_9{padding-bottom: 40%;}
.b_img_18_9{padding-bottom: 50%;}
.b_img_16_9{padding-bottom: 56%;}
.b_img_4_3{padding-bottom: 75%;}
.b_img_3_2{padding-bottom: 66%;}
.b_img_1_1{padding-bottom: 100%;}
.b_img_2_3{padding-bottom: 150%;}
.b_img_3_4{padding-bottom: 133%;}
.b_img_9_16{padding-bottom: 177%;}

body .font_12{font-size: 12px!important;}
body .font_13{font-size: 13px!important;}
body .font_14{font-size: 14px!important;}
body .font_15{font-size: 15px!important;}
body .font_16{font-size: 16px!important;}
body .font_18{font-size: 18px!important;}
body .font_20{font-size: 20px!important;}
body .font_24{font-size: 24px!important;}
body .font_26{font-size: 26px!important;}
body .font_30{font-size: 30px!important;}
body .font_34{font-size: 34px!important;}

p{margin:0 0 10px}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;line-height:inherit}
.form-control{display:block;width:100%;font-size:14px;line-height:1.5}
.clearfix:after,.clearfix:before{content:" ";display:table}
ol,ul{margin-top:0;margin-bottom:10px}

.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}
.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0}

.linecamp-6{-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;-moz-box-orient: vertical;-moz-line-clamp: 6;overflow: hidden;}
.linecamp-4{-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;-moz-box-orient: vertical;-moz-line-clamp: 4;overflow: hidden;}
.linecamp-3{-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;-moz-box-orient: vertical;-moz-line-clamp: 3;overflow: hidden;}
.linecamp-2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;-moz-box-orient: vertical;-moz-line-clamp: 2;overflow: hidden;}
.linecamp-1{-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;-moz-box-orient: vertical;-moz-line-clamp: 1;overflow: hidden;}

.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width: 576px) {
    .col-sm{flex:1 0 0}
    .col-sm-auto{flex:0 0 auto;width:auto}
    .col-sm-1{flex:0 0 auto;width:8.33333333%}
    .col-sm-2{flex:0 0 auto;width:16.66666667%}
    .col-sm-3{flex:0 0 auto;width:25%}
    .col-sm-4{flex:0 0 auto;width:33.33333333%}
    .col-sm-5{flex:0 0 auto;width:41.66666667%}
    .col-sm-6{flex:0 0 auto;width:50%}
    .col-sm-7{flex:0 0 auto;width:58.33333333%}
    .col-sm-8{flex:0 0 auto;width:66.66666667%}
    .col-sm-9{flex:0 0 auto;width:75%}
    .col-sm-10{flex:0 0 auto;width:83.33333333%}
    .col-sm-11{flex:0 0 auto;width:91.66666667%}
    .col-sm-12{flex:0 0 auto;width:100%}
}
@media (min-width: 768px) {
    .col-md{flex:1 0 0}
    .col-md-auto{flex:0 0 auto;width:auto}
    .col-md-1{flex:0 0 auto;width:8.33333333%}
    .col-md-2{flex:0 0 auto;width:16.66666667%}
    .col-md-3{flex:0 0 auto;width:25%}
    .col-md-4{flex:0 0 auto;width:33.33333333%}
    .col-md-5{flex:0 0 auto;width:41.66666667%}
    .col-md-6{flex:0 0 auto;width:50%}
    .col-md-7{flex:0 0 auto;width:58.33333333%}
    .col-md-8{flex:0 0 auto;width:66.66666667%}
    .col-md-9{flex:0 0 auto;width:75%}
    .col-md-10{flex:0 0 auto;width:83.33333333%}
    .col-md-11{flex:0 0 auto;width:91.66666667%}
    .col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width: 992px) {
    .col-lg{flex:1 0 0}
    .col-lg-auto{flex:0 0 auto;width:auto}
    .col-lg-1{flex:0 0 auto;width:8.33333333%}
    .col-lg-2{flex:0 0 auto;width:16.66666667%}
    .col-lg-3{flex:0 0 auto;width:25%}
    .col-lg-4{flex:0 0 auto;width:33.33333333%}
    .col-lg-5{flex:0 0 auto;width:41.66666667%}
    .col-lg-6{flex:0 0 auto;width:50%}
    .col-lg-7{flex:0 0 auto;width:58.33333333%}
    .col-lg-8{flex:0 0 auto;width:66.66666667%}
    .col-lg-9{flex:0 0 auto;width:75%}
    .col-lg-10{flex:0 0 auto;width:83.33333333%}
    .col-lg-11{flex:0 0 auto;width:91.66666667%}
    .col-lg-12{flex:0 0 auto;width:100%}
}


.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 1320px;
}
@media (min-width: 992px) {
    .container{padding-right: var(--bs-gutter-x, 1.25rem);
        padding-left: var(--bs-gutter-x, 1.25rem);}
}

/*@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}*/
/*@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container {
        max-width: 1320px;
    }
}
@media (min-width: 1580px) {
    .container-xxl, .container{
        max-width: 1480px;
    }
}*/

.modal_fixed{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);overflow:auto;width:100%;height:100%;z-index:1000}
.modal_100{display:table;width:100%;height:100%}
.modal_table_cell{display:table-cell;padding:0 1em;vertical-align:middle;text-align:center}
.modal_overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.modal_content_wrap{margin:30px 0;display:inline-block;position:relative;padding:30px 60px;width:100%;z-index:200;border-radius:5px;background:#fff}
.modal_content_wrap.click{max-width: 450px;}
.modal_content_wrap.regions{max-width: 900px;padding: 60px}
.modal_content_wrap.personal{max-width: 550px;}
.modal_content_wrap.review_modal{max-width: 400px;padding: 30px 40px}

@media (max-width: 768px) {
    .modal_content_wrap {
        padding: 30px 20px;
    }
}

.modal_close{position:absolute;z-index:210;top:20px;right:20px;display:inline-block;overflow:hidden;width:30px;height:30px;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.modal_close::after,.modal_close::before{position:absolute;content:'';-webkit-transition:all .15s;transition:all .15s;border-radius:5px;background:#959595}
.modal_close::before{top:50%;right:0;left:0;height:3px;margin-top:-1.5px}
.modal_close::after{top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px}


.breadcrumb_mobile{font-size: 13px;font-weight: 300;}
.breadcrumb_mobile_link{display: flex;align-items: center;gap: 6px;color: #999;}

.bc1{margin: 0}
.bc1_item{display: inline-block;position: relative;}
.bc1_link{position: relative}
.bc1_title{color: #999;font-size: 13px;}
.bc1_separator{position: relative;display: inline-block;font-size: 13px;margin: 0 12px;color: #bbb;}
@media(max-width:991px) {
    .breadcrumb_mobile + .bc1{display: none}
    .bc1_title{font-size: 12px}
    .bc1_separator{font-size: 12px}
}
@media(min-width:992px) {
    .breadcrumb_mobile{display: none}
}
.catalog1{margin: 20px 0;display: flex;flex-direction: column;gap: 20px}
.catalog1_header{display: flex;flex-wrap: wrap;gap: 4px 8px;align-items: baseline;}
.catalog1_title{display: inline-block;}
.catalog1_items{display: inline-block;color: #999}
.catalog1_body{position: relative}
.catalog1_subtitle{color: #666}

.main_block{display: -webkit-box;display: -ms-flexbox;display: flex;gap: 40px;}
.aside{width: 250px;}
.aside_title{font-size: 18px;font-weight: 500;margin-bottom: 10px;line-height: 1.25}
.section_content{flex: 1;max-width: 1110px}

.blocks_aside > div{margin: 40px 0}
.blocks_aside > div:first-child{margin-top: 0}
.blocks_content > div{margin: 60px 0}
.blocks_content > div:first-child{margin-top: 0}
.blocks_full > div{margin: 80px 0}
.blocks_full > div:first-child{margin-top: 0}
.blocks_head > div{margin: 20px 0}
.view_footer > div{margin: 80px 0}

@media screen and (max-width: 991px) {
    .blocks_aside > div{margin: 30px 0}
    .blocks_aside > div:first-child{margin-top: 0}
    .blocks_content > div{margin: 40px 0}
    .blocks_content > div:first-child{margin-top: 0}
    .blocks_full > div{margin: 60px 0}
    .blocks_full > div:first-child{margin-top: 0}
    .blocks_head > div{margin: 20px 0 15px}
    .view_footer > div{margin: 60px 0}
    .view_footer > div:first-child{margin-top: 0}
}
@media screen and (max-width: 576px) {
    .blocks_aside > div {margin: 20px 0}
    .blocks_aside > div:first-child {margin-top: 0}
    .blocks_content > div {margin: 40px 0}
    .blocks_content > div:first-child {margin-top: 0}
    .blocks_full > div {margin: 60px 0}
    .blocks_full > div:first-child {margin-top: 0}
    .blocks_head > div {margin: 15px 0 10px}
    .view_footer > div{margin: 60px 0}
    .view_footer > div:first-child{margin-top: 0}
}
.aside_mobile_close{display: none}
@media screen and (max-width: 991px) {
    .aside.open > div{display: inline}
    .aside{background-color:#fff;padding:35px 40px;width:100%;max-width: 375px;box-shadow:2px 0 2px 0 #000;position:fixed;top:0;right:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;z-index:120;opacity:0;transform:translateX(100%);transition:all .3s;will-change:transform,opacity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .aside.open{transform:translateX(0);opacity:1;display:block;margin-right:0;}
    .aside_mobile_close{position:absolute;right:30px;top:30px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#999}
    .aside_title{margin-bottom:15px}
    .aside_hide{width:100%;height:100%;position:fixed;top:0;z-index:20;left:0;opacity:0;visibility:hidden;background:rgba(0,0,0,.75);transition:visibility 0s,opacity .25s linear}
    .aside.open + .aside_hide{opacity:1;visibility:visible}
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
ul{
    padding-left: 18px;
}
input {
    border: none;
    background: transparent;
    width: auto;
}

body{display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow-x: hidden;
    position: relative;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;}
body .left{text-align: left}
.js_callback{cursor: pointer}
.js_click{cursor: pointer}
.block_title{font-size: 32px;font-weight: 700;margin-bottom: 20px;line-height: 1.25;}
.block_subtitle{font-size: 16px;line-height: 1.25;margin-bottom: 20px}

.block_wrap .block_title{margin-bottom: 0}
.block_title_count_items{color: #999;font-size: 14px;font-weight: 300;margin-top: 4px}
.content_header_count_items{color: #999;font-size: 14px;font-weight: 300;margin-top: 4px}

.text1{font-size: 16px;line-height: 1.6;}
.text1 h2{font-size: 28px;font-weight: 700;margin-top: 25px;margin-bottom: 20px;line-height: 1.25;}
.text1 h2:first-child{margin-top: 0}
.text1 h3{font-size: 22px;font-weight: 600;margin-top: 25px;margin-bottom: 10px;line-height: 1.25;}
.text1 h3:first-child{margin-top: 0}
.text1 h4{font-size: 18px;font-weight: 600;margin-top: 20px;margin-bottom: 10px;line-height: 1.25;}
.text1 h4:first-child{margin-top: 0}

@media(max-width:992px) {
    .block_title{font-size: 28px;line-height: 1.25}
    .text1{font-size: 15px;line-height: 1.5;}
    .text1 h2{font-size: 26px;margin-top: 20px;margin-bottom: 15px;}
    .text1 h3{font-size: 20px;margin-top: 20px;margin-bottom: 10px;}
    .text1 h4{font-size: 16px;margin-top: 15px;margin-bottom: 10px;}
}

.mobile-offset{margin:0 -16px;padding:0 0 0 16px;flex-wrap:nowrap}
.mobile-offset>div{padding-right: 16px}
.tags .tag{flex-shrink: 0;}
.scrollbar::-webkit-scrollbar {width: 6px;height: 6px}
.scrollbar::-webkit-scrollbar-track{border-radius: 5px}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 5px;background: #ccc;border: 1px solid #fff;}

.tags_wrap{margin-bottom: 25px;margin-top: 20px}
.tags{}
.tags_title{margin-right: 8px;font-size: 14px}
.tags{font-size: 13px;display: flex;align-items: center;gap: 6px;flex-wrap: wrap;}
.tag{display: block;background: #EFF3F6;font-size: 14px;padding: 8px 12px;border-radius: 25px;cursor: pointer;color: #222;line-height: 1.25;transition: all .3s;}
.tag:hover{background:var(--bg);color: #fff;}
.tag.active{background:var(--bg);color: #fff;}
@media  screen and (max-width: 991px){
    .tag {font-size: 13px;gap: 4px}
    .tags{display: flex;flex-wrap: nowrap;overflow: auto;padding-bottom: 4px!important;margin-bottom: -4px!important;padding-top: 4px!important;margin-top: -4px!important;}
}

.video{}
.video__link{position:relative;display:inline-flex}
.video__link::after{content:url('data:image/svg+xml;charset=UTF-8,<svg width="68" height="48" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="%23f00"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');position:absolute;top:50%;left:50%;display:inline-block;width:68px;height:48px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.video__link:hover img{filter:brightness(0.5);-webkit-filter:brightness(0.5)}
.video__img2{transition:filter .3s;-webkit-transition:filter .3s;-moz-transition:filter .3s;-ms-transition:filter .3s;-o-transition:filter .3s}
.video__card_info{display: flex;flex-direction: column;gap: 10px;margin-top: 20px}
.video__card-title{font-weight:600;font-size:18px;}
.video__card-descr{font-size:14px;}
.price1{}
.price1__asphalting{margin-bottom:12px;padding:0 25px;border:1px solid #e6e6e6;border-radius: 8px;}
.price1__asphalting:last-child{margin-bottom: 0}
.price1__asphalting .price1__list{display: none}
.price1__asphalting.active .price1__list{display: block}
.price1__list{padding: 0;margin: 0}
.price1__btn{position:relative;padding:26px 56px 26px 0;width:100%;font-weight:600;font-size:18px;text-align:left}
.price1__asphalting.active{padding-bottom:7px}
.price1__asphalting.active .price1__icon--down{top:19px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
.price1__icon--down{position:absolute;right:0;top:50%;display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:#bbb;border:1px solid #ddd;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.price1__item{position:relative;padding:17px 0 17px 30px;display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#444;border-bottom:1px solid #ddd;gap: 20px}
.price1__item:last-of-type{border-bottom:none}
.price1__text{max-width: 600px;flex: 1}
.price1__units{}
.price1__num{text-align: right}
.price1__num--red{color:#d50000}
.price1__icon--right{display:inline-block;position:absolute;left:0;color:#5b7fff}
.portfolio2{}
.portfolio2__card{margin-bottom:40px;padding-bottom:40px;display:flex;justify-content:space-between;border-bottom:1px solid #d9d9d9;gap: 30px}
.portfolio2__card:last-child{margin-bottom:0;border-bottom:0;padding-bottom: 0}
.portfolio2__galery{max-width:345px;overflow:hidden;width: 100%}
.portfolio2__swiper{width:100%}
.portfolio2__slide{margin-bottom:10px;display:flex;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;overflow:hidden}
.portfolio2__slide_image{position: relative;padding-bottom: 66%;overflow: hidden;width: 100%}
.portfolio2__slide img{object-fit: cover;width: 100%;position: absolute;top: 0;left: 0;
    height: 100%;}
.portfolio2__img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.swiper-button-next,.swiper-button-prev{width:30px;height:30px;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}
.swiper-button-next::after,.swiper-button-prev::after{font-size:10px;color:#5b7fff}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:.7}
.swiper-button-next::after{margin-left:2px}
.swiper-button-prev::after{margin-right:2px}
.portfolio2__thumbs{margin-right:-46px}
.portfolio2__thumb{display:flex;overflow:hidden;cursor:pointer}
.portfolio2__thumb_image{position: relative;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;overflow: hidden;padding-bottom: 66%;width: 100%}
.portfolio2__thumb_image img{object-fit:cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.portfolio2__text{width: 100%}
.portfolio2__title{margin-bottom:15px;font-weight:600;font-size:18px;}
.portfolio2__descr{margin-bottom:20px;font-size:14px;}
.portfolio2__list{margin-bottom:22px;padding: 0;    display: flex;flex-direction: column;gap: 10px;}
.portfolio2__item{display:flex;align-items:center;font-weight:500;font-size:14px;}
.portfolio2__item_icon{width: 30px;font-size: 17px;color: #444;line-height: initial}
.portfolio2__item-text{min-width:130px;margin-right:20px;font-weight:400;color: #444}
.portfolio2__units{font-size:14px;margin-left:6px}
.portfolio2__btn{padding:0 26px;display:inline-block;font-size:14px;color:#000;line-height:48px;border-radius:8px;background-color:#e6e6e6;border:1px solid #e6e6e6;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.portfolio2__btn:hover{border: none;background: var(--bg);color: var(--bg_text);border:1px solid var(--bg);}
.reviewes1{}
.reviewes1__cards{}
.reviewes1__card{position:relative;padding:25px 30px;border:1px solid #e6e6e6}
.reviewes1__icon{position: absolute;
    left: -15px;
    top: -10px;
    font-size: 25px;
    color: #e6e6e6;
    z-index: -1;}
.reviewes1__top{margin-bottom:15px;display:flex;align-items:center}
.reviewes1__img{margin-right:15px;width:50px;height:50px;object-fit: cover;border-radius: 50%}
.reviewes1__client{margin-bottom:2px;font-weight:600}
.reviewes1__speciality{color:#7f7f7f;font-size: 13px;}
.reviewes1__text{margin-bottom:15px;position: relative;font-size: 13px;color: #333;line-height: 1.75}
.reviewes1__btn{padding:0 16px;display:inline-block;line-height:36px;border:1px solid #999;border-radius:4px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;font-size: 13px;color: #333}
.reviewes1__btn:hover{background:var(--bg);color:#fff;border-color: var(--border)}
.form2{padding:35px 40px;background:#f7f7f7;border-radius:8px;}
.form2__top{margin-bottom:35px;max-width:750px}
.form2__title{margin-bottom:10px;line-height: 1.25}
.form2__content{display: flex;gap: 60px;}
.form2__friend{display: flex;align-items: center;gap: 30px;}
.form2_image_wrap{width: 140px;min-width: 140px}
.form2__friend_image{border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;padding-bottom: 166%;position: relative;overflow: hidden}
.form2__friend_image img{object-fit:cover;width: 100%;height: 100%;top: 0;left: 0;position: absolute}
.form2__descr{max-width: 300px}
.form2__name{margin-bottom:15px;font-weight:700;font-size:18px;line-height: 1.25}
.form2__speciality{font-size:14px;}
.form2__projects{margin-bottom:22px;display:block;font-weight:500;font-size:14px;text-decoration-line:underline;color:#bd2327}
.form2__text{font-size:14px;}
.form2__form{padding:0 65px 0 0}
.form2__label{display:block;margin-bottom:10px;display:flex;flex-direction:column}
.form2__value{margin-top:2px;padding:12px;max-width:315px;width:100%;background-color:#fff;border:1px solid #ddd;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}
.form2__form_footer{margin-top: 25px}
.form2__btn{margin-bottom:10px;padding:0 30px;min-width:218px;line-height:48px;background:#ffcb57;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}
.form2__consent{font-size:12px;color:#999}
@media screen and (min-width: 991px) {
    .main_wrapper{grid-gap:3rem;display:grid;gap:40px;grid-template-columns:minmax(0,300px) minmax(0,1100px);max-width:1450px}
}
@media screen and (max-width: 1200px) {
    .form2__content {flex-direction: column;}
    .form2__form{padding: 0;margin-top: 30px}
    .form2__form_inputs{display: grid;gap: 40px 25px;grid-template-columns: repeat(2,1fr);flex-wrap: wrap;}
    .form2__label{margin-bottom: 0}
    .form2__btn{margin-bottom: 0}
    .form2__form_footer{display: grid;align-items: center;gap: 25px;grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width: 991px) {
    .section_content {width: 100%}
    .price1__units{display:none}
}
@media screen and (max-width: 768px) {


    .portfolio2__galery{max-width: none}
    .portfolio2__card{flex-direction: column}
    .price1__free, .price1__asphalting{padding: 0 15px;margin-bottom: 12px}
    .price1__btn{font-size: 16px;padding: 20px 50px 20px 0}
    .price1__icon--down{width: 30px;height: 30px;font-size: 14px}
    .price1__item{padding: 15px 0;font-size: 14px}
    .price1__icon--right{display: none}

    .form2 {
        padding: 25px 20px;
        border-radius: 16px;
    }
    .form2__friend{gap: 20px}
    .form2__text{font-size: 12px}
    .form2__projects{font-size: 12px;margin-bottom: 15px;}
    .form2__speciality {
        font-size: 12px;
    }
    .form2__name {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .form2__form_inputs {
        display: flex;
        gap: 15px;
    }
    .form2__label{width: 100%}
    .form2__value{width: 100%;max-width: inherit}
    .form2__form_footer {
        display: flex;
        flex-direction: column;
        align-items: inherit;
        gap: 15px;
        grid-template-columns: repeat(2,1fr);
    }
    .form2__consent{text-align: center}
}
/*@media screen and (max-width: 991px) {
    aside{display:none}

    .portfolio2__galery{width:100%}
    .portfolio2__cards{gap:40px;overflow-x:auto}
    .portfolio2__card{margin-bottom:0;max-width:250px;flex:0 0 250px;flex-direction:column;align-items:center;border-bottom:none}
    .portfolio2__galery{margin-bottom:30px}
    .portfolio2__title{font-size:16px}
    .portfolio2__descr{font-size:13px}
    .portfolio2__item{margin-right:8px;font-size:12px}
    .portfolio2__item-text{min-width:95px}
    .portfolio2__item::before{margin-right:8px;width:17px;height:12px}
    .portfolio2__text{padding:0}
    .form2{padding:40px 20px}
    .form2__projects{display:none}
    .form2__text{display:none}
    .form2__top{max-width:100%;text-align:center}
    .form2__promo{display:flex;flex-direction:column;align-items:center}
    .form2__friend{flex-direction:column;align-items:center}
    .form2__descr{padding-left:0;padding-right:0;text-align:center}
    .form2__img{width:150px;height:150px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;object-fit:cover}
    .form2__form{padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
}*/
/*@media screen and (max-width: 1200px) {
    .header{min-height:50px}
    aside{display:none}
    .price1__item{padding-left:0}
    .price1__icon--right{display:none}
    .price1__text{max-width:195px}
    .portfolio2__cards{display:flex;gap:20px}
    .reviewes1__cards{display:flex;flex-direction:row;overflow-x:auto}
    .reviewes1__card{flex:0 0 350px}
    .form2__descr{padding:20px;align-items:center}
    .form2__friend{align-items:center}
}*/


.aside_title{font-size: 28px;position: relative;font-weight: 700;}
.aside_nav1{margin-bottom: 40px}
.aside_nav1_items{margin: 0;list-style-type: none;padding-left: 16px}
.aside_nav1_item{position: relative;line-height: 1.25;}
.aside_nav1_item.active .aside_nav1_item_link{font-weight: 600}
.aside_nav1_item_link{color: #222;font-size: 14px;padding: 8px 0;display: block;position: relative}

.aside_nav1_item_link:hover{color: var(--text_hover)}
.aside_nav1_subitems{margin: 0;list-style-type: none;padding-left: 16px}
.aside_nav1_subitem{position: relative;line-height: 1.25;}
.aside_nav1_subitem.active > .aside_nav1_subitem_link{font-weight: 600;}
.aside_nav1_subitem_link{color: #222;font-size: 15px;padding: 8px 0;display: table;position: relative}
.aside_nav1_subitem_link:hover{color: var(--text_hover)}
.aside_nav1_arrow{position: absolute;left: -16px;font-size: 12px;color: #888;top: 50%;transform: translateY(-50%);}

.aside_nav1_items_title{display: none}
@media(max-width:991px) {
    .aside_nav1_items_title{display: block;line-height: 1.25;margin-bottom: 14px;font-size: 17px;font-weight: 600}
    .aside_nav1_items{margin-bottom: 30px}
    .aside_nav1_item:first-child{border-top: 1px solid #ddd}
    .aside_nav1_item{border-bottom: 1px solid #ddd;}
    .aside_nav1_item_link{font-size: 15px;padding: 12px 0}
    .aside_nav1_items{padding: 0}
    .aside_nav1_arrow{display: none}
    .aside_nav1_item.active:before{font-family: 'Font Awesome 5 Pro';content: "\f00c";background-color: #0b76ef;border-radius: 25px;color: #fff;position: absolute;;right: 0;top: 10px;font-size: 10px;font-weight: 600;padding-top: 1px;display: flex;width: 22px;height: 22px;align-items: center;justify-content: center;}
    .aside_title{display: none}
    .aside_nav1{display: inline;position: relative}
}




.params2_wrap{margin-bottom: 30px;display: flex;flex-direction: column;gap: 12px}
.params2_title{font-size: 17px;color: #222;font-weight: 600}
.params2{display: flex;flex-wrap: wrap;gap: 8px;}
.param2{padding: 12px 12px;font-size: 15px;background: var(--bg);color: var(--bg_text);border-radius: 10px;cursor: pointer;display: flex;border: 1px solid #fff;align-items: center;transition: all .3s;gap: 6px;line-height: 1}
.param2:hover{border: 1px solid #ddd}
.param2_delete{display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 50%;color:#fff;transition: all .3s;}
.param2:hover .param2_delete{background: var(--bg);color: var(-bg_text)}

@media(max-width:991px) {
    .params2{gap: 4px 3px}
    .param2_delete{width: 16px;height: 16px;font-size: 12px}
}

@media(min-width:992px) {
    .params2_wrap{display: none}
}


.custom-checkbox{position:absolute;z-index:-1;opacity:0}
.custom-checkbox+span{display:inline-flex;align-items:center;user-select:none}
.custom-checkbox+span::before{content:'';display:inline-block;width:20px;height:20px;flex-shrink:0;flex-grow:0;border:1px solid #bbb;border-radius:4px;margin-right:8px;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}
.custom-checkbox:not(:disabled):not(:checked)+span:hover::before{border-color:#b3d7ff}
.custom-checkbox:not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}
.custom-checkbox:focus+span::before{box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}
.custom-checkbox:focus:not(:checked)+span::before{border-color:#80bdff}
.custom-checkbox:checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}
.custom-checkbox:disabled+span::before{background-color:#e9ecef}

.filters1{}

.filter1.hide{display:none}
.filter1_more{margin-bottom:30px;color:#008B00;text-decoration:underline;font-size:16px}
.filter1_apply_btn{width:100%;text-align:center;padding:14px;border-radius:4px;color:#fff;background:var(--bg);font-size:15px;cursor: pointer}
.filter1_reset{text-align:center;width:100%;display:block;font-size:14px;color:#666;margin-top:8px;background:#fff;padding:14px;border-radius:4px}

.checkboxes{display:flex;width:100%;flex-wrap: wrap;gap: 4px 4px}
.filter1_chips{}
.filter1_chips input[type=checkbox]{display:none}
.filter1_chips label{cursor: pointer;border: 1px solid #bbb;border-radius: 25px;padding: 6px 14px 5px;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.filter1_chips input[type=checkbox]:checked + label{background:var(--bg);border-color:var(--border);color:#fff}
.filter1_chips label:hover{color:#666}
.filter1s .filter1{margin-bottom:15px}
.filter1s .filter1:last-child{margin-bottom:0}
.filter1s .filter1_title{margin-bottom:12px}

@media(max-width:991px) {
    .aside.open {
        transform: translateX(0);
        opacity: 1;
    }

    .aside.open .filters {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding-top: 75px;
        padding-bottom: 90px;
    }

    .aside_hide {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 20;
        left: 0;
        opacity: 0;
        visibility: hidden;
        background: rgba(0, 0, 0, .60);
        transition: visibility 0s, opacity 0.25s linear;
    }

    .aside.open + .aside_hide {
        opacity: 1;
        visibility: visible;
    }
}

.filters1{position:relative}
.filter1_group{margin:20px 0;position:relative;border-bottom:1px solid #eee;padding-bottom:20px}
.filter1_group_title{font-size:16px;font-weight:600;line-height:1.25;margin-bottom:14px}
.filter1_group_content{max-height:170px;overflow:auto}
.filter1_group_content::-webkit-scrollbar{width:6px;height:8px;background-color:#f8f8f8;border-radius:25px}
.filter1_group_content::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:25px;box-shadow:inset 1px 1px 10px #eee}
.filter1_group_content::-webkit-scrollbar-thumb:hover{background-color:#253861}
.filter1_checkbox{margin-bottom:12px}
.input-column{display:flex;gap:6px;align-items:center}
.filter1_checkbox_color{display:flex;width:16px;height:16px;border-radius:50%;border:1px solid #ddd}
.filter1_checkbox_img{display: block;height: 32px;border-radius: 0;padding: 0;border: none;margin: 0px 6px 0 6px;object-fit: contain;}
.filter1_checkbox span{font-size:14px}
.filter1_checkbox:last-child{margin-bottom:0}
.filter1_checkbox_count{color:#999;margin-left:6px}
.price-range-container{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:30px}
#price-slider{margin:16px 12px 0 8px}
#min-price,#max-price{width:100%;border:1px solid #ccc;border-radius:6px;padding:10px 30px;line-height:1;color:#444;font-size:15px}
.ui-slider .ui-slider-handle{width:20px;height:20px;border-radius:50%;background-color:#fff;border:4px solid var(--border);cursor:pointer;margin-top:-3px}
.ui-widget.ui-widget-content{border:none;background:#ddd;height:6px;top:3px;border:none}
.ui-slider-horizontal .ui-slider-range{top:0;height:6px}
.ui-slider .ui-slider-range{background-color:var(--border)}
.price_inputs{display:flex;align-items:center;justify-content:space-between;gap: 12px}
.price_input_wrap{width: 50%;position: relative}
.price_delimetr{color:#bbb}
.price_input_from{color: #999;position: absolute;bottom: 13px;line-height: 1;left: 9px;font-weight: 300;}
.price_input_rub{color: #999;position: absolute;bottom: 13px;line-height: 1;right: 9px;font-weight: 300;}

.filters_title_wrap{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 10px;}
.filters_title{font-size: 28px;position: relative;font-weight: 700;}
.filters_title_clear{font-size: 15px;text-decoration: underline;color: #999;cursor: pointer}

.filters::-webkit-scrollbar {width: 10px;}

.filter_top_wrap{background: #fff;top: 0;position: absolute;width: 100%;padding: 18px 5px;display: flex;gap: 20px;justify-content: space-between;left: 0;align-items: center;z-index: 1}

.filter_top_left{display: flex;gap: 30px;align-items: center}
.filter_top_close{font-size: 24px;line-height: 1;color: #999}
.filter_top_title{font-size: 20px;font-weight: 500;line-height: 1.25}
.filters_top_title_clear{display: block;text-decoration: none;color: #999}

.filter_footer_wrap{background: #fff;bottom: 0;position: absolute;width: 100%;padding: 13px 0 14px;z-index: 1}
.filter_footer_btn{background: var(--bg);display: flex;align-items: center;justify-content: center;width: 100%;padding: 14px;bottom: 15px;border-radius: 50px;color: #fff;font-weight: 600;font-size: 16px;line-height: 1.25}

@media(max-width:991px) {
    .filter1_group_title{font-size: 17px}
    .filters_title{font-size: 24px}
    .filter1_group:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0}
    .filter1_group:first-child{margin-top: 0}
}

@media(max-width:991px) {
    .aside{background-color: #fff;padding: 0;padding-left: 25px;padding-right: 25px;width: 100%;max-width: 375px;box-shadow: 2px 0 2px 0 #000;position: fixed;top: 0;right: 0;height: 100%;display: block;opacity: 0;transform: translateX(100%);transition: transform .2s ease-out,opacity .2s ease-out;will-change: transform,opacity;scrollbar-width: none;-webkit-overflow-scrolling: touch;margin-right: 0;border-left: 1px solid #ddd;z-index: 120;display: block}
}

@media(max-width:576px) {
    .aside{padding-right: 20px;padding-left: 20px;}
}

@media(max-width:375px) {
    .aside{padding-right: var(--bs-gutter-x, 0.75rem);padding-left: var(--bs-gutter-x, 0.75rem);}
}

@media(min-width:992px) {
    .filters_title_wrap{display: none}
    .filter_top_wrap{display: none}
    .filter_footer_wrap{display: none}
}





.we{position:fixed;top:0;left:0;z-index:10000;}
.we-table{display:table;width:100%;height:100%}
.we-cell{display:inline-block;position:relative;overflow:auto;padding-bottom:0px;height:100vh;z-index:9999;box-shadow:5px 0 15px rgba(0,0,0,0.25);background:rgba(255,255,255,0.95)}
.we.index .we-cell{width:275px}
.we.edit .we-cell{width:475px}
.we.template .we-cell{width:475px}
.we.action .we-cell{width:475px}
.we.sort .we-cell{width:475px}
.we_close{position:absolute;z-index:30;top:20px;right:20px;display:inline-block;overflow:hidden;width:30px;height:30px;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.we_close::before{top:50%;right:0;left:0;height:3px;margin-top:-1.5px}
.we_close::after,.we_close::before{position:absolute;content:'';-webkit-transition:all .15s;transition:all .15s;border-radius:5px;background:#959595}
.we_close::after{top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px}
@media screen and (max-width: 500px) {
    .we.index .we-cell{width:100%}
    .we.edit .we-cell{width:100%}
    .we.template .we-cell{width:100%}
    .we.action .we-cell{width:100%}
    .we.sort .we-cell{width:100%}
}

.we_header{border-bottom: 1px solid #ccc;}
.we_title{font-size:18px;line-height: 25px;font-weight:600;padding:20px;padding-right:60px;text-transform:uppercase;}

.we_body{margin: 0;padding: 0;}
.we_nav{margin: 0;padding: 0;list-style-type: none;}
.we_link{padding: 15px 20px;border-bottom: 1px solid #ccc;}
.we_nav.bottom .we_link{border-top: 1px solid #ccc;border-bottom: none}
.we_nav.bottom{position: absolute;bottom: 0;width: 100%;}
@media screen and (max-height: 400px) {
    .we_nav.bottom{position: inherit;margin-top: 100px;}
    .we_nav.bottom .we_link{border-bottom: 1px solid #ccc;}
}

.check2{display:inline-block;height:10px;line-height:28px;margin-right:10px;position:relative;vertical-align:middle;font-size:14px;user-select:none;margin-top: -8px;}
.check2 .check2-switch{display:inline-block;width:25px;height:10px;border-radius:20px;position:relative;top:6px;vertical-align:top;background:#9f9f9f;transition:.2s}
.check2 .check2-switch:before{content:'';display:inline-block;width:14px;height:14px;position:absolute;top:-3px;left:-1px;background:#fff;border-radius:50%;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);transition:.15s}
.check2 input[type=checkbox]{display:block;width:0;height:0;position:absolute;z-index:-1;opacity:0}
.check2 input[type=checkbox]:checked + .check2-switch{background:#9ABEF7}
.check2 input[type=checkbox]:checked + .check2-switch:before{background:#1a73e8;transform:translateX(12px)}
.check2 input[type="checkbox"]:not(:disabled) + .check2-switch{cursor:pointer;border-color:rgba(0,0,0,.3)}
.check2 input[type="checkbox"]:not(:disabled):active + .check2-switch:before,.check2 input[type="checkbox"]:not(:disabled):focus + .check2-switch:before{animation:checkbox-active-on .5s forwards linear}
@keyframes checkbox-active-on {
    0%{box-shadow:0 0 0 0 rgba(212,212,212,0)}
    99%{box-shadow:0 0 0 10px rgba(212,212,212,0.5)}
}
.check2 input[type="checkbox"]:not(:disabled):checked:active + .check2-switch:before,.check2 input[type="checkbox"]:not(:disabled):checked:focus + .check2-switch:before{animation:checkbox-active-off .5s forwards linear}
@keyframes checkbox-active-off {
    0%{box-shadow:0 0 0 0 rgba(154,190,247,0)}
    99%{box-shadow:0 0 0 10px rgba(154,190,247,0.5)}
}
.check2 input[type=checkbox]:disabled + .check2-switch{filter:grayscale(60%);border-color:rgba(0,0,0,.1)}
.check2 input[type=checkbox]:disabled + .check2-switch:before{background:#eee}

.items5{margin: -10px}
.items5_item{position: relative;}
.items5_block_item{padding: 10px;background: #fff;height: 100%;border-radius: 0px}
.items5_block_item:hover:after{display: block}
.items5_block_item:after{content:'';-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.10);-moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.10);box-shadow: 0 5px 30px rgba(0, 0, 0, 0.10);position: absolute;top: -2px;left: -2px;border-radius: 4px;overflow: hidden;z-index: -1;background: #fff;width: calc(100% + 4px);display: none;height: calc(100% + 4px);}
.items5_block_item:hover{}
.items5_item[data-hover=true] .items5_block_item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}
.items5_item[data-hover=true] .items5_content{flex-basis: auto;}
.items5_item[data-hover=true] .items5_hovers{display:block}
.items5_item:hover .items5_btn_cart{color:var(--bg_text);background: var(--bg)}
.items5_item:hover .items5_act{opacity: 1;visibility:visible}
.items5_item:hover .items5_act.active{opacity: 1}
.items5_item_flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;position: relative;-ms-flex-direction:column;flex-direction:column;flex:1;height:100%}

.items5_stickers{position:absolute;top:0;left:0;z-index:2}
.items5_sticker{display:inline-block;padding:6px 8px;border-radius:4px;margin-right:4px;margin-bottom:4px;font-size:12px;text-transform:uppercase;line-height:1}

.items5_image_wrap{position:relative;display:block;width:100%;margin-bottom:15px;}
.items5_image_back{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #f7f7f7;border-radius: 8px;}
.items5_image{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}

.items5_image img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto;object-fit: cover;object-position: top;}

.items5_acts{position:absolute;right:12px;top:12px;z-index:2;display: flex}
.items5_acts_row{align-items:end;flex-direction:column}
.items5_act{width:40px;height:40px;align-items:center;display:flex;justify-content:center;font-size:18px;background:#fff;color:#888;border-radius:4px;transition:all .3s ease-in-out;cursor:pointer;opacity:0.6;margin-bottom:4px}
.items5_act.active{background:var(--bg);color:#fff;opacity:.6;visibility:visible}
.items5_act:last-child{margin-right:0}
.items5_act:hover{background:var(--bg);color:#fff;}

.items5_modal{position: absolute;opacity: 0;transition: opacity .3s ease;z-index: 3;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 6px;line-height: 1.25;background: rgba(255,255,255,.75);padding: 8px 12px;white-space: nowrap;font-size: 13px;cursor: pointer;-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
.items5_modal:hover{background:var(--bg_hover);color:var(--bg_hover_text)}
.items5_content{flex:1;-ms-flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-bottom:15px}

.items5_rating{margin-right:8px;color:#444;display:flex;align-items:center;margin-bottom: 8px}
.items5_stars{color: #ddd;font-size: 13px}
.items5_stars i{margin-right: -2px}
.items5_stars i.active{color: var(--yellow)}
.items5_stars i:last-child{margin-right: 0}
.items5_rating_value{font-size: 13px;margin-left: 6px;}
.items5_title{font-size:16px;font-weight:500;margin: 1px 0 10px;line-height: 1.25}
.items5_title a{color:#333;}
.items5_title:hover a{color: var(--text_hover)}
.items5_tech{font-size:13px;font-weight: 300}

.items5_star{color:#ffb45b;font-size:12px;margin-right:2px}
.items5_stock{margin-right:8px;color:#999;display: inline-block;}
.items5_stock.active{color:#69be15;}
.items5_article{color:#999;display: inline-block;}
.items5_footer{position: relative;display: flex;flex-direction: column;gap: 8px;}
.items5_prices{    display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px 8px;}
.items5_price{font-size:16px;font-weight:600;line-height: 1.25}
.items5_price2{color:#999;font-size:13px;line-height:1;text-decoration:line-through;}
.items5_sale{font-size:12px;line-height:1;color: #222;display: flex;font-weight: 300}
.items5_sale_wrap{border-radius:4px;display: flex;overflow: hidden;border: 1px solid #ffd600}
.items5_sale_percent{padding:4px 6px;background: #ffd600;}
.items5_sale_sum{padding:4px 6px;background: #fff8db;}

.items5_btns{}
.items5_count{width: 50%;display: flex;justify-content: space-between;align-items: center;border: 1px solid #eee;background: #f7f7f7;}

.items5_count_icon{width: 34%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #888;cursor: pointer}
.items5_count_icon:hover{color: var(--text_hover)}

.items5_count_qty{width: inherit;flex: 1;height: 100%;text-align: center;background: none;border: none;font-size: 13px;font-weight: 300;}
.items5_count_qty:focus{background: #fff;}

.items5_btn_cart{display: table;cursor: pointer;align-items: center;justify-content: center;width: auto;border: none;text-transform: uppercase;line-height: 1.25;font-size: 12px;padding: 12px 18px;
    border-radius: 8px;font-weight: 500;
    background: var(--bg);color: var(--bg_text);}

.items5_in_cart{display: none;height: 50px;justify-content: center;align-items: center;background: var(--bg);color: var(--bg_text);text-transform: uppercase;font-size: 12px;    margin-top: 20px;}
.items5_in_cart i{margin-right: 8px}
.items5_in_cart.active{display: flex}

.items5_hovers{display:none}
.items5_hovers>div{margin-top:25px}
.items5_hovers>div:last-child{margin-bottom:0}
.items5_hovers>div:last-child.items5_to_cart{}
.items5_hover_title{font-size:12px;color:#888;line-height: 1;}
.items5_hover_items{display:flex;flex-wrap: wrap;}
.items5_hover_item_wrap{display:inline-block;border-radius:6px;padding:2px;border:1px solid #ddd;margin-right:6px;margin-top: 6px;}

.items5_hover_item_wrap.active{border-color:#5b7fff;border-width:2px;padding:1px}
.items5_hover_item{  position: relative;font-size: 13px;display: flex;min-width: 30px;padding: 0 8px;height: 30px;align-items: center;justify-content: center;}
.items5_hover_item_image{position:relative;font-size:0;border-radius:4px;background-position: center;background-repeat: no-repeat;background-size: contain;width: 34px;height: 34px;}

.items5_hover_item_image span{display: none}
.items5_footer_wrap{display: flex;align-items: center;justify-content: space-between;}

.items5_item.border {height: auto;}
.items5_item.border .items5_block_item{box-shadow: none;border-radius: 8px;border: 1px solid #eee;}
.items5_item.border .items5_in_cart_min{    width: 40px;height: 40px;display: none;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 6px;color: #888;}
.items5_item.border .items5_in_cart_min.active{display: flex}
.items5_item.border .items5_to_cart_min{    width: 40px;height: 40px;transition: all .3s ease-in-out;cursor: pointer;font-size: 14px;display: flex;padding-right: 2px;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 6px;color: #888;}
.items5_item.border .items5_to_cart_min:hover{background: var(--bg);color: var(--bg_text);border: none}


.items5_attrs{display: flex;flex-direction: column;gap: 6px}
.items5_attr{font-size: 12px;display: flex;gap: 3px;font-weight: 400;}
.items5_attr_title{color: #999}
.items5_attrs_val{color: #000}

.items5_item_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1}

.item_images_wrap{position: relative}
.item_slides_wrap{width: 100%;padding-bottom: 100%;position: relative}
.item_slides{display: flex;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.item_slide{flex: 1;min-width: 0;}
.item_slide{align-items: flex-end;display: flex;margin-right: 0;min-width: auto;scroll-snap-align: center;scroll-snap-stop: always;flex: 1;height: 100%;position: static;}
.item_slide_image{visibility: hidden;bottom: 0;right: 0;top: 0;transition: all .3s;width: 100%;z-index: -2;height: 100%;background: #fff;left: 0;overflow: hidden;position: absolute;display: none}
.image_sliders_active .item_slide_show .item_slide_image, .item_slide:first-child .item_slide_image{visibility: visible;
    z-index: -1;display: block}

.item_slide_image img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.item_slide_stripe{bottom: 0;flex: 1;min-height: 6px;opacity: 0;width: 100%;position: relative;transition: all .3s;border-radius: 3px;z-index: 4;flex-direction: column;display: flex;height: auto;}
.image_sliders_active .item_slide_stripe {opacity: 1;
}
.item_slide_stripe:after{background: #fff;bottom: 2px;content: "";height: 3px;left: 1px;opacity: .6;position: absolute;right: 1px;transition: background-color .2s;}
.image_sliders_active{}
.item_slide_show .item_slide_stripe:after {background-color: var(--bg);opacity: 1;transition: all .1s;}

.item_image_first{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;object-position: top}
.item_imageDots{position:absolute;top:calc(100% + 2px);left:0;width:100%;text-align:center;overflow:hidden;white-space:nowrap;display:flex;justify-content:space-between}
.item_imageDot{width:100%;height:3px;border:0;margin:0 2px;background:#ddd}
.item_imageDot.active{background:#d01908}
.item:hover .item_imageDot{display: block}


.items4_item .item_imageDots{    width: 100%;justify-content: center;margin-top: 10px;}
.items4_item .item_imageDot{width: 6px;height: 6px;border-radius: 25px;margin: 0 1px;background: #ccc}
.items4_item .item_imageDot.active{background:#d01908}

@media screen and (max-width: 768px) {
    .items_list{gap: 0;display: flex;flex-flow: row wrap;}
    .items5_item{margin: 0 -1px -1px 0;}
    .items5_stars i{display: none}
    .items5_stars i:first-child{display: block}
    .items5_title {font-size: 14px;font-weight: 600;}
    .items5_price{font-size: 15px}
}
@media screen and (max-width: 576px) {

}
@media screen and (max-width: 425px) {
    .items5_sale{font-size: 10px}
    .items5_title {font-weight: 500;}
    .items5_price{font-weight: 500}
    .items5_price2{font-size: 12px}
    .items5_tech {font-size: 12px;}
}
