@font-face {
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    src: url('../fonts/SBSansDisplay-Regular.eot');
    src: local('SBSansDisplay-Regular'), local('SBSansDisplay-Regular'),
        url('fonts/SBSansDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SBSansDisplay-Regular.woff2') format('woff2'),
        url('fonts/SBSansDisplay-Regular.woff') format('woff'),
        url('fonts/SBSansDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SBSansDisplay-SemiBold';
    src: url('../fonts/SBSansDisplay-SemiBold.eot');
    src: local('SBSansDisplay-SemiBold'), local('SBSansDisplay-SemiBold'),
        url('fonts/SBSansDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SBSansDisplay-SemiBold.woff2') format('woff2'),
        url('fonts/SBSansDisplay-SemiBold.woff') format('woff'),
        url('fonts/SBSansDisplay-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SBSansDisplay-Bold';
    src: url('../fonts/SBSansDisplay-Bold.eot');
    src: local('SBSansDisplay-Bold'), local('SBSansDisplay-Bold'),
        url('fonts/SBSansDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SBSansDisplay-Bold.woff2') format('woff2'),
        url('fonts/SBSansDisplay-Bold.woff') format('woff'),
        url('fonts/SBSansDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gothampro/GothamPro-Light.eot');
    src: local('Gotham Pro Light'), local('GothamPro-Light'), 
      url('fonts/gothampro/GothamPro-Light.eot?#iefix') format('embedded-opentype'), 
      url('fonts/gothampro/GothamPro-Light.woff') format('woff'), 
      url('fonts/gothampro/GothamPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gothampro/GothamPro.eot');
    src: local('Gotham Pro'), local('GothamPro'), url('fonts/gothampro/GothamPro.eot?#iefix') format('embedded-opentype'), url('fonts/gothampro/GothamPro.woff') format('woff'), url('fonts/gothampro/GothamPro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gothampro/GothamPro-Medium.eot');
    src: local('Gotham Pro Medium'), local('GothamPro-Medium'), url('fonts/gothampro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/gothampro/GothamPro-Medium.woff') format('woff'), url('fonts/gothampro/GothamPro-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gothampro/GothamPro-Bold.eot');
    src: local('Gotham Pro Bold'), local('GothamPro-Bold'), url('fonts/gothampro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/gothampro/GothamPro-Bold.woff') format('woff'), url('fonts/gothampro/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gothampro/GothamPro-Black.eot');
    src: local('Gotham Pro Black'), local('GothamPro-Black'), url('fonts/gothampro/GothamPro-Black.eot?#iefix') format('embedded-opentype'), url('fonts/gothampro/GothamPro-Black.woff') format('woff'), url('fonts/gothampro/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

*, *::after, *::before {margin: 0;padding: 0;box-sizing: inherit;}
p, a, span, div, body {font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}
.owl-prev span, .owl-next span {display: none;}
.owl-prev:before {content: ""; width: 15px; height: 15px; background: url(img/left_arrow.svg) no-repeat center center;}
.owl-next:before {content: ""; width: 15px; height: 15px; background: url(img/right_arrow.svg) no-repeat center center;}
.container {max-width: 1400px; margin: 0 auto;}
body h1 {color: #444; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 38px; font-weight: 300; padding-bottom: 35px;padding-top: 25px;}
.blog, .basket, .catalog_production, .content_wrap, .common-block, .catalog_razvod, .detail_page, .akcii, .project_razvod {background: #F8F8F8;}
.breadcrumb span {color: #000; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300;}
.breadcrumb {display: flex; gap: 10px; padding-top: 37px;}

#modal-callback .modal-dialog {max-width: 430px;}
#modal-callback .modal-dialog .modal-content .modal-header .modal-title {font-size: 18px;}
#modal-callback .modal-dialog .modal-content .modal-body .form-group input {padding: 1.375rem 0.75rem;}
#modal-callback .modal-dialog .modal-content .modal-body .text-sm {font-size: 15px;padding-bottom: 15px; color: #555;}
#modal-callback .modal-dialog .modal-content .modal-body .text-sm a {color: #333; text-decoration: underline;}
#modal-callback .modal-dialog .modal-content .modal-body .form-group .btn {padding: 15px 50px; margin: 0 auto;}


.content-block a {
    color: #ca131e;
    text-decoration: underline;
}
.content-block ul, .content-block ol {
    margin-left: 35px;
    padding-bottom: 20px;
}

.content-block .content_right .text.text_charakteristic { list-style:none; margin-left:0; padding-bottom:0}
.content-block .content_right .text.text_charakteristic li {  list-style:none; }
.pagination ul {list-style:none}
.pagination .page-item {list-style:none;}
.pagination.justify-content-center .pagination { margin-left: 0px; }
.pagination.justify-content-center .pagination {}
.content-block li {padding-bottom: 5px;}
.content-block ol li {
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
}
.content-block ul li {
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    list-style-type: disc;
}
.content-block p {
    padding-bottom: 20px;
}
.content-block p iframe {
    width: 50%;
    margin: 0 auto;
    display: block;
    height: 400px;
}
.content-block p .img_right {
    float: right;
    width: 390px;
    height: 260px;
    object-fit: cover;
    margin-left: 25px;
}

.content-block p .img_left {
    float: left;
    width: 390px;
    height: 260px;
    object-fit: cover;
    margin-right: 25px;
    margin-bottom: 10px;
}
.table_contacts tr:hover {
    background-color: rgba(238, 238, 238, 0.8);
}
.content-block h2 {font-size: 166.8%;
    margin-bottom: 20px;
    position: relative;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif}
.content-block h3 {
    font-size: 133.44%;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
}
.table_oplata {width: 100%;
    border: 2px solid grey;}
   .table_oplata td {border: 1px solid grey;}
.table_oplata p {
    padding: 10px;
}
.table_contacts p {
    padding: 0px;
}
.table_contacts tr:nth-child(2n+2) {
        background-color: rgb(197 192 192 / 42%);
}
.table_contacts td {
    padding: 10px;
    border: 1px solid #fff;
}
.table_contacts {
    margin-bottom: 15px;
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
    margin-top: 20px;
}
.content_wrap p {color: #555; font-size: 15px; font-weight: 400;}
.doverie, .oformlenie, .perevozki, .chenosti {    padding-bottom: 60px;
    padding-top: 20px;display: flex; justify-content: space-between;}
.doverie .doverie_box {display: flex; gap: 29px; align-items: center; width: 25%;}
.doverie .doverie_box .box_img, .oformlenie .oformlenie_box .box_img, .perevozki .perevozki_box .box_img, .chenosti .chenosti_box .box_img {background: #DEDEDE; width: 59px; height: 59px; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.doverie .doverie_box p {padding: 0px;color: #555; font-size: 17px; font-weight: 600; width: 70%;}
.doverie .doverie_box p span {display: block; color: #555; font-size: 13px; font-weight: 400; padding-top: 7px;}
.oformlenie_box {display: flex; gap: 32px; width: 33%; align-items: center;}
.box_info {display: flex; flex-direction: column; gap: 9px;width: 76%;}
.content-block table, .item-block table {
    margin-bottom: 15px;
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;  
    border-style: none!important;
}
.content-block table thead {background-color: #ddd;}
.content-block table thead tr th, .item-block table thead tr th {
    background-color: #ddd;
    padding: 10px 10px;
    border: 1px solid #000;
    font-weight: 600;
}
.content-block table td, .item-block table td {
    padding: 10px;
    border: 1px solid #000;
}
.content-block table  p, .item-block table th p {
    margin-bottom: 0;
    padding-bottom: 0px;
}
.box_info p:nth-child(1) {
    width: 70%;
    color: #555;
    font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
}
.company_box p, .company_box ul li {
    color: #555;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.company_box p strong {color: #333;
font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 600;
}
.box_info p:nth-child(2) {width: 94%;color: #555; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400;}
.oformlenie_box p {padding: 0px;width: 71%;}
.perevozki_box {display: flex; gap: 39px; align-items: center;}
.chenosti_box {display: flex; gap: 29px; width: 33%;}
.chenosti_box p span {color: #555; font-size: 13px; font-weight: 400; display: block; padding-top: 7px;}
.error_box {height: calc(100px + 700px);}
.error_box img {position: absolute; right: 0; top: 240px;}
.perevozki_box p {padding: 0px;}
.box_info p {padding: 0px;}

/* HEADER */

header {position: sticky; top: 0; z-index: 1000;}
header .header_top {background: #F8F8F8; padding: 12px 0px;}
header .header_top .container {display: flex; justify-content: space-between;}
header .header_top .container .schedule {color: #333; font-size: 14px; font-weight: 400;}
header .header_top .container .navigation {display: flex; gap: 47px;}
header .header_top .container .navigation li a {color: #333; font-size: 14px; font-weight: 400;}
.header_bottom .container {display: flex; align-items: center;justify-content: space-between; padding: 13px 0px 22px 0px;}
.header_bottom .container .catalog {position: relative; display: inline-block; padding-bottom: 0px;}
.header_bottom .container .search_box {display: inline-block;}
.header_bottom .container .info div img {
    margin-top: -10px; width: 24px; 
    /*filter: brightness(0) saturate(100%) invert(55%) sepia(16%) saturate(1464%) hue-rotate(73deg) brightness(102%) contrast(96%); */
    aspect-ratio: 1 / 1;
}
.header_bottom .container .basket {background: none; position: relative; margin-right: 12px; padding-bottom: 0px;}
.header_bottom .container .basket .ms2_total_num {width: 19px; height: 19px; background: #CC0412; display: flex; position: absolute; align-items: center; justify-content: center; border-radius: 50%; color: #FFF; text-align: center; font-size: 11px; font-weight: 600; font-family: 'SBSansDisplay-semibold'; top: -13px; right: -13px; padding-top: 2px;}
.header_bottom .container .search_box form {position: relative; width: 457px; margin: 0 auto;}
.header_bottom .container .search_box form input, header .header_bottom .container .search_box form button { border: none; outline: none; border-radius: 3px;}
.header_bottom .container .search_box form input {width: 100%; height: 50px; padding-left: 22px; border: 1px solid #F3F3F3; background: #FAF9FA;}
.header_bottom .container .search_box form button {position: absolute; top: 16px; right: 13px; cursor: pointer;}
.search_box form{position: relative; margin-bottom: 20px;}
.search_box form button{position: absolute; top: 12px; right: 13px;}
.search_box form button:before {content: url('img/search.svg');}
.header_bottom .container .search_box form input::placeholder {color: rgba(0, 0, 0, 0.17);; font-family: SBSansDisplay-Regular; font-size: 14px; font-weight: 400;}
.header_bottom .container .catalog .dropbtn {background-color: #CC0412; color: white; padding: 16px 29px 16px 29px; border: 1px solid #CC0412; font-size: 14px; display: flex; align-items: normal; gap: 15px; font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif; font-weight: 600;}
.header_bottom .container .catalog .dropbtn img {aspect-ratio: 1 / 1; width: 18px;}
.header_bottom .container .catalog .dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 7;}
.header_bottom .container .catalog .dropdown-content a {color: black;     padding: 8px 16px 8px 29px; text-decoration: none; display: block;}
.header_bottom .container .catalog .dropdown-content a:hover {background-color: #ddd;}
.header_bottom .container .catalog:hover .dropdown-content {display: block;}
.header_bottom .container .catalog:hover .catalog .dropbtn {background-color: #3e8e41;}

.header_bottom .container .catalog:hover .dropdown-content .menu-parent .dropdown-content-parent {display: none;}
.header_bottom .container .catalog:hover .dropdown-content .menu-parent:hover .dropdown-content-parent {display: block; position: absolute; left: 300px; top: 0px; background-color: #f1f1f1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); min-height:476px;}

.header_bottom .container .catalog .dropdown-content .menu-parent .dropdown-content-parent ul.content-parent {display: flex; flex-wrap: nowrap; justify-content: space-between; background-color: #f1f1f1;}
.header_bottom .container .catalog .dropdown-content .menu-parent .dropdown-content-parent ul.content-parent span {color: #333;  font-size: 16px;  font-weight: 600; padding: 8px 16px 8px 29px;  text-decoration: none;  display: block;}
.header_bottom .container .catalog .dropdown-content .menu-parent .dropdown-content-parent ul.content-parent ul li.submenu_item {min-width: 100px;}


.header_bottom .container .info a {color: #CC0412; font-size: 12px; font-weight: 600;}
.header_bottom .container .info div {display: flex; align-items: baseline; gap: 16px;}
.header_bottom .container .info div a {color: #333; font-size: 16px; font-weight: 600;}
.request {display: flex; flex-direction: column; gap: 8px;}
.header_bottom .container .request p {color: #333; font-size: 12px;}
.header_bottom .container .request a {color: #CC0412; font-weight: 600; text-decoration-line: underline;}
.header_bottom {background: #fff;}
header .info {display: flex; flex-direction: column; gap: 11px;}

/* BANNER */

.banner .banner_slider .banner_items {background: url(img/banner.webp); background-repeat: no-repeat; background-size: cover; min-height: 475px; background-position: center;}
.banner .banner_slider .banner_items .banner_box {display: flex; flex-direction: column; gap: 30px; padding-top: 153px;}
.banner .banner_slider .banner_items .banner_box .title {color: #FFF;font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 700; width: 25%;}
.banner .banner_slider .banner_items .banner_box .title span {background: #3D4050; width: auto; height: 33px; display: inline-block; text-align: center; margin-right: 3px;}
.banner .banner_slider .banner_items .banner_box .anons {color: #FFF; font-size: 14px; font-weight: 400;}
.banner .banner_slider .banner_items .banner_box a {border: 1px solid #CC0412; background: #CC0412; display: flex; width: 224px; height: 50px; justify-content: center; color: #FFF; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; align-items: center;}      
.banner .banner_slider .owl-prev:before {content: url(img/left_arrow.svg); position: absolute; top: 230px; left: 43px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(238deg) brightness(100%) contrast(97%);}
.banner .banner_slider .owl-next:before {content: url(img/right_arrow.svg); position: absolute; top: 230px; right: 43px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(238deg) brightness(100%) contrast(97%);}
.banner .banner_slider .owl-dots {display: none;}

/* USLUGI */

.uslugi {padding-bottom: 83px; padding-top: 27px;}
.uslugi .container .uslugi_box_flex {display: flex; max-width: 100%; width: 100%; flex-wrap: wrap; gap: 15px;}
.uslugi .container .uslugi_box_flex .uslugi_box p span {display: block; color: #555; font-size: 12px; font-weight: 400; padding-top: 5px;}
.uslugi .container .uslugi_box_flex .uslugi_box p {font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif; color: #333; font-size: 14px; font-weight: 600;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1)::after {content: url(img/uslugi_1.png);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2)::after {content: url(img/uslugi_2.png);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3)::after {content: url(img/uslugi_3.png);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4)::after {content: url(img/uslugi_4.png);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5)::after {content: url(img/uslugi_5.png);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6)::after {content: url(img/uslugi_6.svg);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7)::after {content: url(img/uslugi_7.svg);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8)::after {content: url(img/uslugi_8.svg);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9)::after {content: url(img/uslugi_9.svg);}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9)::after {padding-right: 27px;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5)::after {left: 0;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8)::after, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9)::after {position: absolute; right: 0; bottom: auto; top: auto;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5) {width: 19%; flex: auto;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9) {width: 24%; flex: auto; padding-left: 27px;}
.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1) p, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2) p, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3) p, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4) p, .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5) p {padding: 0px 24px 0px 90px;}
.uslugi .container .uslugi_box_flex .uslugi_box {width: 20%; background: #F8F8F8; min-height: 95px; position: relative; align-items: center; display: flex;}

/* CATALOG */

.catalog {padding-bottom: 70px;}
.catalog .container .title {margin-bottom: 70px;color: #444; font-size: 38px; font-weight: 300; font-family: Gotham Pro, Helvetica, Arial, sans-serif; border-bottom: 2px solid #808080d9; display: inline-block;}
.catalog .container .title a {font-family: Gotham Pro, Helvetica, Arial, sans-serif; color: #CC0412; font-size: 14px; text-decoration-line: underline; font-weight: 400;}
.catalog .container .catalog_box_slide .owl-nav {display: block;}
.catalog .container .catalog_box_slide .catalog_box {display: flex; flex-direction: column; padding-top: 10px;}
.catalog .container .catalog_box_slide .catalog_box:hover {transform: translateY(-10px);    transition: 0.5s;}
/*.catalog .container .catalog_box_slide .catalog_box a:nth-child(1) {width: 100%; height: 268px; display: block;}*/
.catalog .container .catalog_box_slide .catalog_box img {width: 100%; height: 268px; display: block; object-fit: cover;}
.catalog_production_flex div .next {width: auto!important; height: auto!important; display: inline-block!important; padding-left: 10px; color: #CC0412;}
.catalog .container .catalog_box_slide .catalog_box .next {width: auto!important; height: auto!important; display: inline-block!important; padding-left: 10px; color: #CC0412;}
/*.catalog .container .catalog_box_slide .catalog_box a:nth-child(1) img {width: 100%; height: 100%; object-fit: cover;}
.catalog .container .catalog_box_slide .catalog_box a:nth-child(2) {    font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif; padding-top: 27px; padding-bottom: 7px; color: #333; font-size: 17px; font-weight: 600;}*/
.catalog .container .catalog_box_slide .catalog_box a {font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif; padding-top: 27px; padding-bottom: 7px; color: #333; font-size: 17px; font-weight: 600; text-transform: uppercase;}
.catalog .container .catalog_box_slide .catalog_box p {font-size: 13px; font-weight: 400; color: #555; width: 80%;}
.catalog .container .catalog_box_slide .owl-prev:before {content: url(img/left_arrow.svg); position: absolute; top: 187px; left: -40px;}
.catalog .container .catalog_box_slide .owl-next:before {content: url(img/right_arrow.svg); position: absolute; top: 187px; right: -40px;}

.catalog .container .catalog_box_slide .catalog_box .subcatalog_box {
    /*position: absolute;*/
    width: 100%;
    /*background: rgb(248,248,248);
    background: -webkit-gradient(linear, 100% 0, 0 0, color-stop(0.6, rgba(248,248,248,0.5)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(180deg, rgba(248,248,248,0.5) 60%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(180deg, rgba(248,248,248,0.5) 60%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(180deg, rgba(248,248,248,0.5) 60%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(248,248,248,0.5) 60%, rgba(255,255,255,0) 100%); */

}
.catalog .container .catalog_box_slide .catalog_box .subcatalog_box li a {
    font-size: 14px; 
    padding: 5px 0;
    font-weight: 300; 
    color: #333;
    text-decoration: underline;
    text-transform: none;
}
.catalog .container .catalog_box_slide .catalog_box .subcatalog_box li a:hover {
    text-decoration: none;
}
/* MATERIALS */
.materials {background: #F8F8F8; padding-bottom: 114px; padding-top: 78px;}
.materials .container .title {color: #444; font-size: 38px; font-weight: 300; font-family: Gotham Pro, Helvetica, Arial, sans-serif;}
.materials .container .title_anons {color: #555;font-size: 16px; font-weight: 400; padding-top: 39px; padding-bottom: 49px;}
.materials .container .materials_box {display: flex;justify-content: space-between; flex-wrap: wrap; width: 100%; row-gap: 30px;}
.materials .container .materials_box div {display: flex;gap: 50px; align-items: center; width: 33%;}
.materials .container .materials_box div .img_box {background: #DEDEDE; width: 59px; height: 59px; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.materials .container .materials_box div p {    font-family: 'SBSansDisplay-SemiBold', Helvetica, Arial, sans-serif; color: #555; font-size: 17px; font-weight: 600; width: 62%;}
.materials .container .materials_box div p span {display: block; color: #555; font-size: 13px; font-weight: 400; padding-top: 7px;}
.materials .container .materials_box div .img_box:hover {background: #CC0412}
.materials .container .materials_box div .img_box:hover svg path {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(94deg) brightness(107%) contrast(101%);}

/* DOSTAVKA */

.dostavka {background: #3D4050; background-image: url(img/map-dostavka.webp); background-repeat: no-repeat; background-position: 100% 100%; background-size: contain;}
.dostavka .container::after {content: url(img/dostavka-human.webp); position: absolute; right: 295px; bottom: -4px;}
.dostavka .container {position: relative;}
.dostavka .container::before {content: url(img/dostavka-car.webp); position: absolute; right: -212px; bottom: -73px;}
.dostavka .container .dostavka_box {display: flex; flex-direction: column; gap: 24px; width: 39%; padding-top: 49px; padding-bottom: 41px;}
.dostavka .container .dostavka_box p .text {font-size: 30px; color: #fff; text-transform: uppercase; font-weight: 700; font-family: Gotham Pro, Helvetica, Arial, sans-serif;border-bottom: 2px solid #fff;}
.dostavka .container .dostavka_box p:nth-child(1) {font-size: 30px; color: #fff; text-transform: uppercase; font-weight: 700; font-family: Gotham Pro, Helvetica, Arial, sans-serif;}
.dostavka .container .dostavka_box p:nth-child(2) {font-size: 14px; font-weight: 400; color: #fff;}
.dostavka .container .dostavka_box p:nth-child(1) span {display: block; font-family: Gotham Pro, Helvetica, Arial, sans-serif;}
.dostavka .container .dostavka_box .button {background: #CC0412; color: #fff; width: 224px; display: flex; text-transform: uppercase; font-size: 12px; font-weight: 700; text-align: center; height: 50px; align-items: center; font-family: Gotham Pro, Helvetica, Arial, sans-serif;}

/* PROJECTS_RAZVOD */

.project_razvod .container .project_box {justify-content: space-between;display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 15px; padding-bottom: 155px; padding-top: 29px;}
.project_razvod .container .project_box div {display: flex; flex-direction: column; width: 24.25%;}
.project_razvod .container .project_box div a:nth-child(1) {height: 164px;}
.project_razvod .container .project_box div a:nth-child(1) img {width: 100%; height: 100%; object-fit: cover;}
.project_razvod .container .project_box div .title {color: #333; font-family: SBSansDisplay-SemiBold, Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 600; padding: 30px 0px 9px 0px;}
.project_razvod .container .project_box div .anons {color: #555; font-family: 'SBSansDisplay-Regular, Helvetica, Arial, sans-serif'; font-size: 13px; font-weight: 400;}
.common-block .container .project-detail {padding-bottom: 50px;}
.common-block .container .project-detail .project_slider_box {display: flex;  gap:15px }
.common-block .container .project-detail .project_slider_box a {height: 300px; width: auto; display: block;}
.common-block .container .project-detail .project_slider_box a img {object-fit: cover; width: 100%; height: 100%;}
.common-block .container .project-detail .project_slider_box .owl-nav {display: block;}
.common-block .container .project-detail .project_slider_box .owl-prev:before {content: url(img/left_arrow.svg); position: absolute; top: 140px; left: -40px;}
.common-block .container .project-detail .project_slider_box .owl-next:before {content: url(img/right_arrow.svg); position: absolute; top: 140px; right: -40px;}
.common-block .container .project-detail div#analog_block {display: flex; justify-content: flex-start; gap: 30px;flex-wrap: wrap;}
.common-block .container .project-detail div#analog_block .item {width: 18.4%; background: #fff; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.common-block .container .project-detail div#analog_block .item .item_flex {display: flex; flex-direction: column; justify-content: space-between;}
.common-block .container .project-detail div#analog_block .item .item_flex .thumb a {width: 100%; height: 200px; display: block;}
.common-block .container .project-detail div#analog_block .item .item_flex .thumb a img {object-fit: cover; width: 100%;height: 100%;}
.common-block .container .project-detail div#analog_block .item .item_flex .title a {color: #333; font-family: SBSansDisplay-SemiBold, Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; text-transform: capitalize; padding: 28px 0px 14px 0px; display: block;}
.common-block .container .project-detail .b_analog_title h2 {color: #444; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 26px; font-weight: 300; padding-bottom: 35px;}
.common-block .container .project-detail .title_project {padding-top: 25px;color: #444; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 300; padding-bottom: 35px;}
.common-block .container .project-detail  .description {margin-top: 40px; padding-bottom: 80px;}
.common-block .container .project-detail div#analog_block .item .item_flex .thumb {position: relative;}

/* PATHERS */

.parthers {padding:53px 0px 53px 0px;}
.parthers .container .title {font-size: 38px; color: #444; font-weight: 300; padding-bottom: 70px;font-family: Gotham Pro, Helvetica, Arial, sans-serif;}
.parthers .container .parthers_slide .owl-nav {display: block;}
.parthers .container .parthers_slide div {display: flex; margin: 0 auto; gap: 20px;}
.parthers .container .parthers_slide .owl-prev:before {content: url(img/left_arrow.svg); position: absolute; top: 60px; left: -40px;}
.parthers .container .parthers_slide .owl-next:before {content: url(img/right_arrow.svg); position: absolute; top: 60px; right: -40px;}
.parthers .container .parthers_slide .parthers_box {width: auto; height: auto;}
.parthers .container .parthers_slide .parthers_box img {max-width: 100%;cursor: pointer; height: 100%; width: 100%; display: block; object-fit: none;  filter: grayscale(1); cursor: pointer;}
.parthers .container .parthers_slide .parthers_box img:hover {filter: none;}

/* NUMBER_SITE */

.number_site {background: #F8F8F8; padding-top: 45px; padding-bottom: 90px;}
.number_site .container .title {font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 38px; color: #444;  font-weight: 300;  padding-bottom: 70px;}
.number_site .container .number_site_line {display: flex; justify-content: space-between;}
.number_site .container .number_site_line div {display: flex; gap: 35px; align-items: center;}
.number_site .container .number_site_line div .img_box {background: #CC0412; width: 59px; height: 59px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.number_site .container .number_site_line div .img_box img {aspect-ratio: 1 / 1; width: 36px;}
.number_site .container .number_site_line div p {font-size: 28px; color: #444;}
.number_site .container .number_site_line div p span {font-size: 17px; color: #333; display: block;}

/* PROJECT */

.project {padding-top: 64px; padding-bottom: 79px;}
.project .container .title {color: #444; font-size: 38px; font-weight: 300; font-family: Gotham Pro, Helvetica, Arial, sans-serif; border-bottom: 2px solid #808080d9; display: inline-block;}
.project .container .project_slider_flex {display: flex; justify-content: space-between; margin: 50px 0px 50px 0px; gap:15px; }    
.project .container .project_slider_flex .project_box {   width:100%;  padding-top: 10px;display: block; opacity: .99; overflow: hidden; position: relative; cursor: pointer;}
.project .container .project_slider_flex .project_box:hover {transform: translateY(-10px); transition: 0.5s;}
.project .container .project_slider_flex .project_box:before {content: ''; background: rgba(0, 0, 0, 0.5); width: 100%; height: 50%; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 2; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.project .container .project_slider_flex .project_box img {display: block; width: 100%; height: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.project .container .project_slider_flex .project_box .caption {width: 100%; height: 50%; padding: 20px; color: #fff; position: absolute; bottom: 0; left: 0; z-index: 3; text-align: center;}
.project .container .project_slider_flex .project_box .caption span {display: block; opacity: 0; position: relative; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.project .container .project_slider_flex .project_box .caption .title {line-height: 1; font-weight: normal; font-size: 18px;}
.project .container .project_slider_flex .project_box .caption .info {line-height: 1.2; margin-top: 5px; font-size: 12px;}
.project .container .project_slider_flex .project_box:focus:before,.project .container .project_slider_flex .project_box:focus span, .project .container .project_slider_flex .project_box:hover:before,
.project .container .project_slider_flex .project_box:hover span {opacity: 1;}
.project .container .project_slider_flex .project_box:focus:before, .project .container .project_slider_flex .project_box:hover:before {top: 50%;}
.project_box:focus span, .project_box:hover span {top: 0;}
.project .container .project_slider_flex .project_box .project_img {height: 268px; display: flex;}
.project .container .project_slider_flex .project_box .project_img img {max-width: 100%; max-height: 100%; object-fit: cover; aspect-ratio: 16 / 9;}
.project .container .project_slider_flex .project_box:focus .title, .project .container .project_slider_flex .project_box:hover .title {-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.project .container .project_slider_flex .project_box:focus .info, .project .container .project_slider_flex .project_box:hover .info {-webkit-transition-delay: 0.25s; transition-delay: 0.25s;}
.project .container .button {width: 194px; height: 50px; border: 1px solid #3D4050; background: #3D4050; display: flex; justify-content: center; align-items: center; margin: 0 auto; color: #FFF; font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: Gotham Pro, Helvetica, Arial, sans-serif;}
.project .container .project_slider_flex .owl-nav {display: block;}
.project .container .project_slider_flex .owl-prev:before {content: url(img/left_arrow.svg); position: absolute; top: 140px; left: -40px;}
.project .container .project_slider_flex .owl-next:before {content: url(img/right_arrow.svg); position: absolute; top: 140px; right: -40px;}

/* FOOTER */

footer {margin-top: 75px; margin-bottom: 82px;}
footer .container {display: flex; justify-content: space-between;}
footer .container .footer_box {display: flex; flex-direction: column; width: 25%;}
footer .container .footer_box a {color: #333; font-size: 14px; font-weight: 600;}
footer .container .footer_box:nth-child(1) p  {width: 83%; padding-top: 23px; color: #555; font-size: 13px; font-weight: 400;}
footer .container .footer_box:nth-child(2) ul {display: flex; flex-direction: column; gap: 18px;}
footer .container .footer_box:nth-child(3) ul {display: flex; flex-direction: column; gap: 13px; padding-top: 18px;}
footer .container .footer_box:nth-child(3) ul li a {color: #555; font-size: 13px; font-weight: 400;}
footer .container .footer_box:nth-child(4) p {color: #333; font-size: 14px; font-weight: 600;}
footer .container .footer_box:nth-child(4) .contacts {padding-top: 18px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 13px;}
footer .container .footer_box .contacts p, footer .container .footer_box .contacts a {color: #555; font-size: 13px;  font-weight: 400;}
footer .container .footer_box .button {margin-top: 18px;    border: 1px solid #F3F3F3; background: #F8F8F8; width: 367px; height: 50px; flex-shrink: 0; display: flex; align-items: center;}
footer .container .footer_box .button input {width: 100%; padding: 10px;}
footer .container .footer_box .button input::placeholder {color: rgba(0, 0, 0, 0.17); font-family: SBSansDisplay-Regular; font-size: 14px; font-weight: 400; line-height: 27px;}
footer .container .footer_box .button a,
footer .container .footer_box .button button {flex-shrink: 0; background: #CC0412; color: #FFF; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 152px; height: 50px; display: flex; align-items: center; justify-content: center;}
footer .container .footer_box form {display: flex; flex-direction: column; gap: 10px;}
footer .container .footer_box form .checkbox {margin-bottom: 0.2em;}
footer .container .footer_box form .checkbox .custom-checkbox>input {position: absolute; z-index: -1; opacity: 0;}
footer .container .footer_box form .checkbox .custom-checkbox>span { display: flex; user-select: none; align-items: unset;}
footer .container .footer_box form .checkbox .custom-checkbox>span::before {content: ''; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;}
footer .container .footer_box form .checkbox .custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {border-color: #b3d7ff;}
footer .container .footer_box form .checkbox .custom-checkbox>input:not(:disabled):active+span::before {background-color: #b3d7ff; border-color: #b3d7ff;}
footer .container .footer_box form .checkbox .custom-checkbox>input:focus+span::before {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
footer .container .footer_box form .checkbox .custom-checkbox>input:focus:not(:checked)+span::before {border-color: #80bdff;}
footer .container .footer_box form .checkbox .custom-checkbox>input:checked+span::before {border-color: #CC0412; background-color: #CC0412; 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");}
footer .container .footer_box form .checkbox .custom-checkbox>input:disabled+span::before {background-color: #e9ecef;}
footer .container .footer_box form .checkbox a {text-decoration: underline;}

/* AKCII */

.akcii .container .akcii_box {display: flex; gap: 15px; padding-bottom: 100px;}
.akcii .container .akcii_box div {display: flex; flex-direction: column; gap: 20px; width: 25%;}
.akcii .container .akcii_box div a {height: 264px;}
.akcii .container .akcii_box div a img {width: 100%; max-height: 100%; object-fit: cover;}
.akcii .container .akcii_box div .title {color: #333; font-family: SBSansDisplay-SemiBold; font-size: 17px; font-weight: 600;}
.akcii .container .akcii_box div a:nth-child(2) {height: auto;}

/* BLOG */

.blog .container .blog_razdel {background: #DEDEDE; padding: 17px 23px 17px 23px; display: flex; gap: 16px;}
.blog .container .blog_razdel li {list-style-type: none;}
.blog .container .blog_razdel a {background: #FFF; padding: 6px 17px 6px 17px; color: #555; font-size: 13px;}
.blog .container .blog_box {display: flex; flex-wrap: wrap; row-gap: 75px; column-gap: 15px; padding-bottom: 155px; padding-top: 29px;}
.blog .container .blog_box div {display: flex; flex-direction: column; flex-basis: 24%;  }
.blog .container .blog_box div a:nth-child(1) {/*height: 164px;*/}
.blog .container .blog_box div a:nth-child(1) img {width: 100%; height: 100%; object-fit: cover;}
.blog .container .blog_box div .title {color: #333; font-family: SBSansDisplay-SemiBold; font-size: 17px; font-weight: 600; padding: 30px 0px 9px 0px;}
.blog .container .blog_box div .anons {color: #555; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400;}
.common-block .container .content-block .blog_box_bottom_margin {padding: 80px 0px 40px 0px;}
.common-block .container .content-block .blog_box_bottom {display: flex; gap: 15px; flex-wrap: wrap;}
.common-block .container .content-block .blog_box_bottom div {display: flex; flex-direction: column; flex-basis: 23%;flex-grow: 1;}
.common-block .container .content-block .blog_box_bottom div a:nth-child(1) {height: 200px;}
.common-block .container .content-block .blog_box_bottom div a img {width: 100%; height: 100%; object-fit: cover;}
.common-block .container .content-block .blog_box_bottom div .title {color: #333; font-family: SBSansDisplay-SemiBold; font-size: 17px; font-weight: 600; padding: 30px 0px 9px 0px;}
.common-block .container .content-block .blog_box_bottom div .anons {color: #555; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400;}

/* BASKET */

.basket {padding-bottom: 50px;}
.basket .container .table-responsive {display: flex; flex-direction: column; gap: 7px;}
.basket .container .table-responsive .basket_box {align-items: center; background: #fff; display: flex; justify-content: space-between;padding: 20px 40px 20px 20px; box-shadow: 0 8px 32px 0 rgba(39,47,61,0.09);}
.basket .container .table-responsive .basket_box .basket_box_flex {display: flex; align-items: center;justify-content: space-between;  width: 100%;  padding-right: 40px;}
.basket .container .table-responsive .basket_box .basket_box_flex .title {display: flex; align-items: center; gap: 40px;}
.basket .container .table-responsive .basket_box .basket_box_flex .title .image {order: 1; width: 200px;}
.basket .container .table-responsive .basket_box .basket_box_flex .title .title {order: 2;}
.basket .container .table-responsive .basket_box .basket_box_flex .title .image a img {width: 100%; height: 100%; object-fit: cover;}
.basket .container .table-responsive .basket_box .basket_box_flex .title .title a {width: 300px; color: #333; font-size: 17px; font-weight: 600; font-family: 'SBSansDisplay-semibold';}
.basket .container .table-responsive .basket_box .basket_box_flex .price p {color: #333; font-size: 14px; font-weight: 600; font-family: 'SBSansDisplay-bold';}
.basket .container .table-responsive .basket_box .basket_box_flex .price {gap: 4px; display: flex; flex-direction: column; align-items: flex-start;}
.basket .container .table-responsive .basket_box .basket_box_flex .price .price_box span:nth-child(1) {color: #CC0412; font-family: SBSansDisplay-bold; font-size: 19px; font-weight: 600;}
.basket .container .table-responsive .basket_box .basket_box_flex .price .price_box span:nth-child(2) {color: #333; font-family: 'SBSansDisplay-Bold'; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal;}
.basket .container .table-responsive .basket_box_flex .number_box_flex {display: flex; align-items: center; gap: 20px; padding-left: 121px; padding-right: 106px;}
.basket .container .table-responsive .basket_box_flex .number_box_flex span {color: #333; font-family: SBSansDisplay-Regular; font-size: 14px; font-weight: 400;}
.basket .container .table-responsive .basket_box_flex .number_box_flex .number {display: flex; user-select: none; position: relative; text-align: left; padding: 0px; width: 84px; height: 40px;}
.basket .container .table-responsive .basket_box_flex .number_box_flex .number .number-controls {position: absolute; top: 0; right: 0; border-left: 1px solid #ddd; width: 22px; height: 40px;}
.basket .container .table-responsive .basket_box_flex .number_box_flex .number .number-controls .number-minus, .number_box_flex .number .number-controls .number-plus { display: block; height: 20px; font-size: 20px; font-weight: 600; text-align: center; background: #D9D9D9;}
.basket .container .table-responsive .basket_box_flex .number_box_flex .number .number-text {display: inline-block; padding: 0; margin: 0; outline: none; border: none; padding-left: 16px; width: 60px; padding-top: 5px; height: 40px; background: #D9D9D9; color: #000; font-size: 15px; font-weight: 400; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}
.basket .container .basket_box .form h2 {padding-bottom: 20px; padding-top: 20px; color: #444; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 300;}
.basket .container .basket_box .form .ms2_form h3 {padding-bottom: 21px; color: #444; font-family: Gotham Pro, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 300;}
.basket .container .basket_box .form .ms2_form .payment-block,
.basket .container .basket_box .form .ms2_form .delivery-block{display: none;}
.basket .alert.alert-warning {font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}
.basket .container .basket_box .form .ms2_form .form-group-box input::placeholder {color: #555; font-size: 15px; font-weight: 400; font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}
.basket .container .basket_box .form .ms2_form .form-group-box {display: flex; width: 100%; gap: 14px; align-items: center; padding-bottom: 14px;}
.basket .container .basket_box .form .ms2_form .form-group-box .form-group:not(.checkbox-wrapper_box) {flex: 1 0 auto; max-width: 411px; border: 1px solid rgba(157, 157, 157, 0.30); background: #FFF; padding: 0 20px;}
.basket .container .basket_box .form .ms2_form .form-group-box .form-group.checkbox-wrapper_box{flex: 1 0 411px; max-width: 411px;}
.basket .container .basket_box .form .ms2_form .form-group-box .form-group.input-street{display: none;}
.basket .container .basket_box .form .ms2_form .form-group-box .form-group input {padding: 15px 0;}
.basket .container .basket_box .form .ms2_form .form-group-box .submit-group{width: 437px; margin-bottom: 1rem;}
.basket .container .basket_box .checkbox-wrapper_box {display: flex; align-items: center; gap: 19px; width: 411px;}
.basket .container .basket_box .checkbox-wrapper_box .checkbox-wrapper {display: flex; align-items: center; justify-content: center; position: relative; width: 37px; height: 36px; flex-shrink: 0; border: 1px solid rgba(157, 157, 157, 0.30); background: #FFF;}
.basket .container .basket_box .checkbox-wrapper_box .checkbox-wrapper input {display: none;}
.basket .container .basket_box .checkbox-wrapper_box .checkbox-wrapper label {width: 100%; height: 100%; display: block; background: transparent; cursor: pointer; visibilty: hidden; position: absolute; z-index: 10;}
.basket .container .basket_box .checkbox-wrapper_box .checkbox-wrapper span {width: 16px; height: 16px; display: inline-block;}
.basket .container .basket_box .checkbox-wrapper_box .checkbox-wrapper #modern-checkbox:checked+span {background: #CC0412;}
.basket .container .basket_box .checkbox-wrapper_box div p {color: #555; font-size: 15px; font-weight: 400;}
.basket .container .basket_box .form .ms2_form .form-group-box div .btn {width: 176px;height: 49px; background: #3D4050; color: #FFF; font-family: SBSansDisplay-SemiBold; font-size: 14px; font-weight: 600; text-align: center; justify-content: center}
.basket .container .basket_box .form .ms2_form .form-group-box .input_adress input {width: 437px;border: 1px solid rgba(157, 157, 157, 0.30); background: #FFF; padding: 15px 20px 15px 20px;}

/* CATALOG_PRODUCTION */

.catalog_production .container .catalog_production_flex {padding-bottom: 110px; display: flex; flex-wrap: wrap; row-gap: 74px; column-gap: 10px;}
.catalog_production .container .catalog_production_flex div {flex-basis: 24%; flex-grow: 1;}
.catalog_production_flex div a:nth-child(1) {width: 367px; height: 268px; display: block;}
.catalog_production_flex div a:nth-child(1) img {width: 100%; height: 100%; object-fit: cover;}
.catalog_production_flex div a:nth-child(2) {font-family: SBSansDisplay-SemiBold;color: #333; font-size: 17px; padding-top: 27px; padding-bottom: 7px; display: block;}
.catalog_production_flex div p {color: #555; font-size: 13px; font-weight: 400;}

/* DETAIL_PAGE */
.detail_page_right {width: 50%;}
.detail_page_flex {display: flex; gap: 65px; padding-bottom: 60px;}

.detail_page_box {
  display: flex; 
  padding: 38px 52px;
    background: #fff;
    width: 736px;
    height: 736px;
}

.detail_page_slide {
    width: 50%;
}

.detail_page_flex .detail_page_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail_page_flex .detail_page_box .detail_box {
    width: 635px;
    height: 635px;
    display: block;
    text-align: center;
}
.detail_page_flex .detail_page_box .detail_box video {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.detail_page_box .owl-theme .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.detail_page_box .owl-theme .owl-nav {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}
.detail_page_box .owl-carousel .owl-nav button.owl-next,
.detail_page_box .owl-carousel .owl-nav button.owl-prev{
	width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
}
ul.text li {
    clear: both;
}

ul.text li span:first-child {
    float: left;
    padding: 0 .4em 0 0;
    margin: 0;
}

ul.text li span + span {
    float: right;
    padding: 0 0 0 .4em;
    margin: 0;
    max-width: 60%;
    text-align: right;
}

ul.text li::after {
    content: "";
    display: block;
    overflow: hidden;
    height: 13px;
    border-bottom: 1px dotted;
}

.price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail_page_right .button {
    display: flex;
    gap: 20px;
    padding-bottom: 10px;
    padding-top: 25px;
}

.detail_page_right .button form button,
.detail_page_right .button a {
    background: #3D4050;
    padding: 13px 23px;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    font-family: 'SBSansDisplay-bold';
    border-radius: 10px;
    text-align: center;
}
.detail_page_right .button form button:hover, .detail_page_right .button a:hover {
    background: #CC0412;
}
.dostavka_detail,
.options_detail {
  display: block;
  width: 100%;
  font-size: 15px;
}
.dostavka_detail .title,
.options_detail .title,
.usage .title{
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 0;
}
.documentation {
  padding-bottom: 30px;
}
.documentation .title {
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
}

.price p {
    color: #333;
    font-size: 17px;
    font-weight: 600;
}

.price p span {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding-left: 20px;
}

.price p span b {
    color: #CC0412;
    font-size: 19px;
    font-weight: 600;
}

.price p:nth-child(2) {
    color: #006400;
    font-size: 13px;
    font-weight: 600;
}
.price p.red:nth-child(2) {
    color: #CC0412;
    font-size: 13px;
    font-weight: 600;
}
.box a::before {
    content: url('img/document.svg');
    position: absolute;
    left: 0;
}

.box {flex-direction: column;gap: 3px;display: flex;padding-top: 27px;}

.box a {color: #555;font-size: 15px;font-weight: 400;position: relative;padding-left: 20px;align-items: center;display: flex;}

.dostavka_detail p:nth-child(3) {
    color: #555;
    font-size: 11px;
    font-weight: 400;
    padding-top: 25px;
    /*padding-bottom: 25px;*/
}

.dostavka_detail p:nth-child(3) span {
    display: block;
}

ul.text li span {
    color: #555;
    font-size: 15px;
    font-weight: 400;
}

p.text {
    color: #555;
    font-size: 15px;
    font-weight: 400;
}

ul.text, p.text {
    /*padding-top: 15px;*/
}
.tabs {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .tabs>input[type="radio"] {
    display: none;
  }

  .tabs>input[type="radio"]:checked+label {
    color: #CC0412;
  }

  .tabs>div {
    /* скрыть контент по умолчанию */
    display: none;
    padding-top: 48px;
    padding-bottom: 89px;
  }
.tabs #content-3 .form .form-group {
    width: 33%;
}
  /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
  #tab-btn-1:checked~#content-1,
  #tab-btn-2:checked~#content-2,
  #tab-btn-3:checked~#content-3,
  #tab-btn-4:checked~#content-4,
  #tab-btn-5:checked~#content-5,
  #tab-btn-6:checked~#content-6{
    display: block;
  }
  
  #content-3 > h2{font-weight: 700;  font-size: 20px;}


  #content-1 table { 
    background:#fff; 
    width:100%; 
    margin:30px 0;
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  #content-1 table tr td,
  #content-1 table tr th { padding:5px 15px ; color: #555;}
  #content-1 table tr td p,
  #content-1 table tr th p {padding:0!important; margin:0}
  #content-1 table tr:nth-of-type(2n) { background:#F8F8F8}
  #content-1 table thead tr { background:#DEDEDE}
  /*  font-size: 15px;
    font-weight: 400;}*/
  .tabs>label {
    cursor: pointer;
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-right: 125px;
  }
  .tabs .zakaz {cursor: pointer;
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
text-decoration: underline;}
  .tabs>label:first-of-type {
    margin-left: 0;
  }
  ul.text.text_charakteristic {
    width: 100%;
    padding-top: 0px;
}

.tabs .content-block p {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 10px;
}
.tabs .content-block div {
    display: flow-root;
    padding-bottom: 10px;
}
.tabs .content-block p b {
    color: #333;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 53px;
}

.tabs .content-block ul li  {list-style-type: disc;color: #555;font-size: 15px;font-weight: 400;font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}

.tabs .content-block ul, .tabs .content-block ol {
    padding-left: 25px;
    padding-bottom: 10px;
}
.tabs .content-block ol li {color: #555;font-size: 15px;font-weight: 400;font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;}

.content-block h2, .content-block h3, .content-block h4, .content-block h5 {
    color: #333;
    font-family: 'SBSansDisplay-Bold';
    font-size: 21px;
    font-weight: 600;
    line-height: 53px;
}
.tabs .content-block a {color:#CC0412;}

.detail_page .container .b_analog_title {
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: 300;
    padding-bottom: 35px;
}

.detail_page .container  div#analog_block {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    gap: 13px;
        padding-bottom: 100px;
}
.detail_page .container  div#analog_block .item {
    display: flex;
    flex-direction: column;
    width: 25%;
    background: #FFF;
    padding: 21px 27px 21px 27px;
    justify-content: space-between;
}
.detail_page .container  div#analog_block .item .thumb {
    height: 199px;
    position: relative;
}
.detail_page .container  div#analog_block .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail_page .container  div#analog_block .item .title a {
    color: #333;
    font-family: SBSansDisplay-SemiBold;
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 28px 0px 14px 0px;
    display: block;
}
.detail_page .container  div#analog_block .item .product_option.params ul.text.text_charakteristic {
    line-height: 21px;
    width: 100%;
}
.detail_page .container  div#analog_block .item .product_option.item-instock label, .detail_page .container  div#analog_block .item .product_option.item-instock span {
    color: #006400;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.detail_page .container .b_sop#analog_block {
    padding-bottom: 90px;
}
.detail_page .container div#analog_block .item .product_option.params ul.text.text_charakteristic li span {color: #555;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;}
.product_option.item-price {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*align-items: end;*/
    padding: 24px 0px 20px 0px;
}

.product_option.item-price div {
    display: flex;
    /*flex-direction: column;*/
}
.product_option.item-price .product__panel-price {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}
.product_option.item-price div p:nth-child(1) span {
    color: #333;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
}
.product_option.item-price .text_stoimost {
    color: #555;
    font-family: SBSansDisplay-semibold;
    font-size: 16px;
    font-weight: 400;
    text-transform: math-auto;
    font-weight: 600;
}

.product_option.item-price div p:nth-child(1) span b {
    color: #CC0412;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 19px;
    font-weight: 600;
}

.product_option.item-price div p:nth-child(2) span {
    color: #006400;
    font-family: SB Sans Display;
    font-size: 12px;
    font-weight: 600;
}

.product_option.item-price div p {
    color: #006400;
    font-family: SB Sans Display;
    font-size: 12px;
    font-weight: 600;
    text-transform: lowercase;
    padding-bottom: 0;
}

.product_option.item-price div form button {}

.product_option.item-price form button {
    background: #3D4050;
    color: #FFF;
    font-family: 'SBSansDisplay-SemiBold';
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    height: 40px;
}


/* CATALOG_RAZVOD */

.catalog_razvod_box {
    display: flex;
    width: 100%;
    gap: 58px;
    margin-top: 25px;
        padding-bottom: 50px;
}


.catalog-list {
    width: 375px;
}
.catalog-list ul {
    background: #fff;
}
.catalog-list ul li {position: relative;}
.catalog-list ul li[data-parent]{display: flex; flex-wrap: wrap; align-items: center} 
.catalog-list ul li[data-parent] ul{width: 100%;}
.catalog-list ul li[data-parent] .arrow {
    background: url(img/catalog_arrow.png);
    width: 15px; height: 15px;
    transform: rotate(180deg);
    margin-left: auto;
    margin-right: 35px;
}
.catalog-list ul li:hover .arrow {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(20deg) brightness(96%) contrast(100%);
}
.catalog-list ul li.active .arrow {
            transform: rotate(0); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(20deg) brightness(96%) contrast(100%)
}
.catalog-list ul li a {
    color: #555;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    display: block;
    padding: 20px 35px 20px 32px;
}


.catalog-list > ul > li.active {
    background: #CC0412;
    border: none;
}

.catalog_razvod_box .right table {width:100%!important}
.catalog-list ul li.active a {
    color: #FFF;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
}
.catalog-list ul li.active ul li {
    list-style-type: square;
}
.catalog-list ul li.active ul {
    display: block;
        background: #F8F8F8;
            padding: 20px 35px 15px 50px;
            border: none;
}
.catalog-list ul li.active ul li a {
    color: #555;
    font-size: 14px;
    font-family: 'SBSansDisplay-Bold';
    font-weight: 600;
    padding: 0px 0px 8px 8px;
}
.catalog-list ul li:hover a {
    color: #fff;
}

.catalog-list ul li:hover {
    background: #CC0412;
}
.catalog-list ul li ul li:hover {
    background: none;
}
.catalog-list ul li ul {
    display: none;
}
.left {
    max-width: 375px;
}
.right {
    width: 1070px;
    max-width: calc(100% - 375px - 58px)
}
.table_scroll {overflow-x: auto;}
.right .content_right h1 {
    padding-top: 0px;
}
.right .item-list {display: flex;flex-wrap: wrap;gap: 11px;}

.right .item-list .item {
    width: 32.6%;
    max-width: calc(100% / 3 - 11px * 2 / 3);
    background: #fff;
        padding: 20px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.right .b_article.item-list .item{
  /*width: 16%; */
  max-width: calc(100% / 4 - 11px * 3 / 4); 
}
.right .item-list .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right .item-list .item .thumb {
    width: 100%;
    height: auto;
    position: relative;
}
.right .item-list .item .title a {
    color: #333;
    font-family: 'SBSansDisplay-SemiBold';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px;
    display: block;
}
.right .item-list .item .ec-d-rating__stars {
    padding-bottom: 10px;
    float: right;
}
.right .item-list .item .ec-stars {
    margin: 0;
}
.right .item-list .item .fav_comp_prod {
    padding-top: 10px;
}
.right .item-list .item .product_option.params {
    /*margin-top: 26px;
    margin-bottom: 46px;*/
}
.right .item-list .item .comparison {
    display: flex;
    gap: 2px;
}
.right .item-list .item .comparison-total {
    display: none !important;
    color: #555;
    font-weight: 400;
}
.right .item-list .item .msfavorites-total {
    display: none !important;
    color: #555;
    font-weight: 400;
}
.right .item-list .item .product_option.params ul.text.text_charakteristic {
    width: 100%;
    padding: 0; margin: 0;
} 
.right .item-list .item .product_option.params ul.text.text_charakteristic li{list-style: none}
.right .product_option.item-price {width: 100%; padding: 10px 0px 0px 0px; min-height: 88px;}
.product_option.item-price b {font-size: 20px;font-weight: 600;}
.right .item-list .item .product_option.params ul.text.text_charakteristic li span {color: #555;
font-family: SBSansDisplay-Regular;
font-size: 12px;
font-weight: 400;
max-width: 100%; }
.img-slider {
    margin-bottom: 25px;
}
.left .title_b {
    color: #444;
    font-family: SBSansDisplay-SemiBold;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 0px 20px 0px;
}

.left .name {
    font-size: 166.8%;
    margin-bottom: 20px;
    position: relative;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    margin-top: 50px;
}
.left .block_b {
    margin: 0 auto;
    width: 100%;
    display: block;
}
.left .block_b .block_img {
    height: 171px;
}

.left .block_b .block_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
.img-slider .owl-nav {
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    text-align: center;
}
.tag_list_out {
    background: #DEDEDE;
    display: flex;
    padding: 5px 15px;
    gap: 20px;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    font-family: 'SBSansDisplay-semibold';
    align-items: center;
}

.tag_list_out .tag_list a {
    background: #FFF;
    padding: 5px 10px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
}
.tag_list_out .tag_list a:hover {
    -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.tag_list_out .tag_list span {
    background: #eee;
    padding: 5px 10px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
}

.tag_list_out .tag_list {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
.tag_box {
    gap: 6px;
    display: flex;
    flex-direction: column;
    margin-bottom: 34px;
}

.tag_box .tag_list_out:nth-last-child(1) {
    background: #3D4050;
    color: #fff;
}
.thumb_flex {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    right: 0;
}
.thumb span {text-align: center;}
.detail_page_box {position:relative;}
.thumb_flex_detail {
  position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    right: 0;
    z-index: 10;
}
.thumb .spec,
.thumb_flex_detail .spec {
    background: #006400;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 15px 2px 15px;
    font-family: 'SBSansDisplay-semibold'; text-align: center;
}
.thumb .vygoda,
.thumb_flex_detail .vygoda {
    background: #CC0412;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 15px;
    font-family: 'SBSansDisplay-semibold';text-align: center
}
.thumb .spec_price,
.thumb_flex_detail .spec_price {
   background: #FFDC61;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 15px 2px 15px;
    font-family: 'SBSansDisplay-semibold';text-align: center
}




.pagination ul {
    display: flex;
        gap: 10px;
        align-items: center;
        padding-top: 43px;
    padding-bottom: 40px;
}
.pagination ul .page-item:nth-child(1) {
    display: none;
}
.pagination ul .page-item:nth-last-child(1) {
    display: none;
}
.pagination ul .page-item.active .page-link {
    background: #D9D9D9;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
}
.pagination ul .page-item .page-link {
    color: #3D4050;
    font-size: 15px;
    font-weight: 600;
    font-family: 'SBSansDisplay-semibold';
    width: 28px;
    display: block;
    text-align: center;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}
.fade {
  transition: opacity .15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
  max-width: 500px;
  margin: 1.75rem auto;
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;

}
.modal-backdrop.fade{opacity: 0;}
.modal-backdrop.show{opacity: 0.5;}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
    padding-bottom: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.form-group {
  margin-bottom: 1rem;
}
.form-group input.form-control,
.form-group textarea.form-control {
  display: block;
  width: 100%;
  min-width: 235px;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn.btn-bg.red {
  background: #CC0412;
  color: #fff;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  align-items: center;
  font-family: 'Gotham Pro';
  border-radius: 10px;
}
.btn.btn-bg.gray {
  background: #3D4050;
  color: #fff;
  padding: 0;
  display: flex;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  align-items: center;
  font-family: 'Gotham Pro';
  width: 116px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
}
.btn.btn-bg.gray:hover {
  background: #CC0412;
}
.ec-error.help-block{color: #CC0412; font-size: 14px;}
#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  right: 0 !important;
}
.menu__btn {
  position: fixed;
  top: 40px;
  right: 15px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
.menu__box {
  display: block;
  position: fixed;
  top: 0;
  right: -100%;
  overflow-y: auto;
  width: 400px;
  height: 100%;
  margin: 0;
  padding: 40px 0;
  list-style: none;
  background-color: #ECEFF1;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
}
.menu__item {
      display: block;
    padding: 5px 18px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: .25s;
}
.menu__item:hover {
  background-color: #CFD8DC;
}
.hamburger-menu {
	display: none;
	z-index: 999;
}

.menu__box ul li.open ul{display: block;}
@media screen and (hover: hover){
	.menu__box ul li:hover ul {
	    display: block;
	}
}
.menu__box ul li {padding: 5px 18px;}

.menu__box ul li a {color: #333;font-size: 20px;}

.menu__box ul {
    margin-top: 20px;

}
.menu__box ul li ul li a {
    font-size: 16px;
}

.menu__box ul li ul {
    margin-top: 0px;
    display: none;
}
.box_mob {padding: 30px 18px;    display: flex;
    flex-direction: column;
    gap: 15px;}
.box_mob .schedule {
    color: #333;
}
.info_mob a {
    color: #CC0412;
    font-size: 12px;
    font-weight: 600;
}

.info_mob div {
    display: flex;
    align-items: baseline;
    gap: 16px;
}

.info_mob div a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.info_mob div img {
    width: 24px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(16%) saturate(1464%) hue-rotate(73deg) brightness(102%) contrast(96%);
    aspect-ratio: 1 / 1;
}
.request_mob p {
    color: #333;
    font-size: 12px;
}

.request_mob a {
    color: #CC0412;
    font-weight: 600;
    text-decoration-line: underline;
}
@media (max-width: 1920px) {
    .dostavka .container::before {bottom: -76px; right: 0;}
    .dostavka .container::after {right: 441px; bottom: -7px;}
}
@media (max-width: 1500px) {
    .catalog_production_flex div a:nth-child(1) {width:100%}
    
    .blog .container .blog_box {justify-content: flex-start!important; column-gap:15px!important}
}




@media (max-width: 1501px) {
    .container {
    padding: 0 15px;
}
.common-block .container .project-detail div#analog_block .item {width: 24%;}
.common-block .container .project-detail div#analog_block {flex-wrap: wrap;}
.project_razvod .container .project_box div {width: 24%;}
.dostavka .container::after {right: 443px;}
.dostavka .container::before {right: 0;}
.catalog .container .catalog_box_slide .catalog_box, .project .container .project_slider_flex .project_box, .common-block .container .project-detail .project_slider_box a {
    width: 86%;
    margin: 0 auto;
}
.banner .banner_slider .banner_items .banner_box {padding-left: 140px;    }
.banner .banner_slider .banner_items .banner_box .title {width: 40%;}
.catalog .container .catalog_box_slide .owl-prev:before, .parthers .container .parthers_slide .owl-prev:before, .project .container .project_slider_flex .owl-prev:before, .common-block .container .project-detail .project_slider_box .owl-prev:before {left: 0px;}
.catalog .container .catalog_box_slide .owl-next:before, .parthers .container .parthers_slide .owl-next:before, .project .container .project_slider_flex .owl-next:before, .common-block .container .project-detail .project_slider_box .owl-next:before {right: 0px;}
.header_bottom .container {    padding: 13px 15px 22px 15px;}
footer .container {flex-wrap: wrap;}
footer .container .footer_box .button {width: 100%;}
.blog .container .blog_box {column-gap: 0px; justify-content: space-between;}
}
@media (max-width: 1280px) {
    .project_razvod .container .project_box div { width: 23.5%; }
    .right .item-list .item {width:31.6%}
    .catalog_production .container .catalog_production_flex div {flex-basis: 32%;}
	.common-block .container .project-detail div#analog_block .item {
	    width: 32%;
	}
    .dostavka .container::after {display: none;}
	.header_bottom .container .search_box form {width: 100%;}
	header .header_top .container .navigation {gap: 35px;}
	.blog .container .blog_razdel {flex-wrap: wrap;}
	.blog .container .blog_box div {width: 32.7%;}
	.number_site .container .number_site_line div {gap: 20px;}
	.number_site .container .number_site_line div p {font-size: 22px;}
	.number_site .container .number_site_line div p span {font-size: 15px;}
	.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9) {width: 25%;}
	.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5) {width: 25%;}
	footer .container .footer_box:nth-child(4) {
	    width: 100%;
	    flex-direction: row;
	    gap: 40px;
	    margin-top: 40px;
	}
	footer {margin-top: 40px;}
	.content-block table, .item-block table {
	    display: block;
        vertical-align: top;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap; 
	}
}
@media (max-width: 1080px) {
	.hamburger-menu {
		display: block;
	}
	.common-block .container .content-block .blog_box_bottom div {flex-basis: 48%;}
	.hamburger-menu .menu__box ul li[data-parent]{display: flex; flex-wrap: wrap}
	.hamburger-menu .menu__box ul li[data-parent] .arrow{width: 23px; height: 23px; background: url(img/right_arrow.svg) no-repeat center center; margin-left: auto; transition: .3s ease}
	.hamburger-menu .menu__box ul li[data-parent].open .arrow{transform: rotate(90deg)}
	.hamburger-menu .menu__box ul li[data-parent] ul{width: 100%;}
	
	
	
	.project_razvod .container .project_box div {
	    width: 49%;
	}
	.project_razvod .container .project_box div a:nth-child(1) {
	    height: 250px;
	}
	.basket .container .table-responsive .basket_box_flex .number_box_flex {padding: 0 40px;}
	.banner .banner_slider .banner_items .banner_box .title {
	    width: 63%;
	}
    .detail_page_box {padding: 20px;}
	.detail_page_flex .detail_page_box {width: 55%; height: auto;}
    .detail_page_flex .detail_page_box .detail_box {width: 100%; height: auto;}
	.detail_page_flex {padding-bottom: 55px;    gap: 30px;}
	.tabs>div {padding-top: 35px; padding-bottom: 45px;}
	.detail_page .container div#analog_block {flex-wrap: wrap;padding-bottom: 130px;}
	.detail_page .container div#analog_block .item {width: 32%;}
	.img-slider.owl-carousel.owl-loaded.owl-drag {
	    width: 100%;
	    display: grid;
	    height: auto;
	}
	.doverie, .oformlenie, .perevozki, .chenosti {flex-wrap: wrap;}
	.doverie .doverie_box {width: 50%;}
	.img_slider_box img {
	    max-width: 100%;
	    max-height: 100%;
	    object-fit: cover;
	    display: block;
	}
	
	.img_slider_box {
	    width: 100%;
	    height: auto;
	    display: block;
	}
	.right .item-list {justify-content: space-between;}
	.tag_list_out .tag_list {flex-wrap: wrap;}
	.catalog_razvod_box .left {
	    display: none;
	}
	.catalog_razvod_box .right{max-width: 100%;}
	.number_site .container .number_site_line {flex-wrap: wrap; row-gap: 20px;}
	.number_site .container .number_site_line div {width: 33%;}
	.materials .container .materials_box div {width: 50%;}
	.blog .container .blog_box {padding-bottom: 80px;}
	header .header_top, .header_bottom .container .search_box, .header_bottom .container .email, .header_bottom .container .request, .header_bottom .container .catalog  {display: none;}
	.header_bottom .container .search_box {width: 50%;}
	.header_bottom .container {gap: 20px;}
	.right .item-list .item {width: 32%;}
}

@media (max-width: 920px) {
	.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9) {width: 48%;}
		.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5) {width: 48%;}
	.right .b_article.item-list .item,
	.right .item-list .item {
	    width: 49%;
	    max-width: calc(50% - 11px / 2)
	}
	.common-block .container .project-detail div#analog_block .item {
	    width: 48.5%;
	}
	.project_razvod .container .project_box div {
	    width: 48.5%;
	}
	.oformlenie_box, .chenosti_box {width: 50%;}
	.basket .container .table-responsive .basket_box_flex .number_box_flex {padding: 0 20px;}
	.basket .container .table-responsive .basket_box .basket_box_flex .title {gap: 20px;}
	.basket .container .table-responsive .basket_box {padding: 20px;}
	.basket .container .table-responsive .basket_box .basket_box_flex .title .title a {width: 100%;}
	}


@media (max-width: 768px) {
    .catalog .container .catalog_box_slide .owl-prev:before, .catalog .container .catalog_box_slide .owl-next:before {top: 132px;}
	.dostavka .container::before {display:none}
	.dostavka .container .dostavka_box {width:100%}
	.number_site .container .number_site_line div { width: 48%; }
	.parthers .container .parthers_slide .parthers_box img { filter: grayscale(0);}
	.price {flex-wrap:wrap; }
	.price p {width:100%}
	.catalog_production .container .catalog_production_flex div {flex-basis: 49%;}
	.tabs>label {padding-right:40px}
	.detail_page .container div#analog_block .item { width: 49%;}
	.akcii .container .akcii_box div a {height:auto!important}
    .catalog {padding-bottom: 0px;}
}

@media (max-width: 756px) {
	.blog .container .blog_box div {flex-basis: 48%;}
	.common-block .container iframe {
	    height: 300px;
	}
	.basket .container .basket_box .form .ms2_form .form-group-box {flex-wrap: wrap; justify-content: center;}
	.detail_page_flex {flex-wrap: wrap; padding-bottom: 30px; gap: 50px;}
	.number_site .container .number_site_line div {width: 50%;}
	.detail_page_flex .detail_page_box {width: 100%; height: auto;}
	.detail_page_right {width: 100%;}
	.detail_page_right .button {padding-bottom: 55px; padding-top: 35px;}
	.dostavka_detail p:nth-child(3) {padding-bottom: 30px; padding-top: 27px;}
	.tabs>label {padding-right: 40px;}
	.tabs>div {padding-top: 30px; padding-bottom: 40px;}
	.detail_page .container .b_analog_title {padding-bottom: 35px;}
	.detail_page .container div#analog_block {flex-wrap: wrap; padding-bottom: 110px;}
	.detail_page .container div#analog_block .item {width: 48.5%}
	.materials .container .materials_box div {gap: 20px;}
	footer .container .footer_box:nth-child(3) {
	    display: none;
	}
	footer .container .footer_box:nth-child(1) p {
	    display: none;
	}
	footer .container .footer_box:nth-child(2) {
	    display: none;
	}
	footer .container .footer_box:nth-child(4) {flex-direction: column;
    gap: 0px;}
    footer .container .footer_box {width: 100%;}
}
@media (max-width: 565px) {
    .project_razvod .container .project_box div {
	    width: 100%;
	}
	.common-block .container .project-detail div#analog_block .item {
	    width: 100%;
	}
	.header_bottom .container {
        gap: 10px;
      }
	.header_bottom .container .info {
      gap: 5px;
    }
	.header_bottom .container .info div {
      gap: 5px;
      align-items: center;
    }
    .header_bottom .container .info .tme, .header_bottom .container .info .max {
        display: none;
    }
    .header_bottom .container .logo_wrap {
      max-width: 70px;
      overflow: hidden;
    }
    .header_bottom .container img.logo {
      max-width: none;
    }
    
}
@media (max-width: 460px) {
    .basket .container .basket_box .form .ms2_form .form-group-box .form-group.checkbox-wrapper_box {flex: 1 0 auto;width: auto;}
    .common-block .container .project-detail .title_project {font-size: 22px;}
    .header_bottom .container .search_box form input {display: none;}
    .header_bottom .container .search_box form button {top: -7px; right: 10px;}
    .menu__btn {top: 32px;}
	.blog .container .blog_box div {width: 100%;}
	.blog .container .blog_box {grid-row-gap: 35px;}
	.menu__box {width: 100%;}
    .akcii .container .akcii_box {padding-bottom: 50px; flex-wrap: wrap;}
    .akcii .container .akcii_box div {width: 100%;}
	.materials .container .materials_box div { width: 100%; }
    .basket .container .basket_box .form .ms2_form .form-group-box .form-group input {    outline: none; border:none}
    .content-block table tr td {white-space: nowrap;}
    .content-block > article > div > p > img {height:auto}
    .project_razvod .container .project_box {padding-bottom:50px}
    
    
	footer {margin-bottom:30px}
	.right {width:100%}
	.jGrowl-notification {min-height:auto!important}
	
	ul.text li span:first-child {font-weight:bold; float:none; text-transform:uppercase}
	ul.text li span + span {float:none} 
	ul.text li::after {display:none}
	.content-block p img {
	    width: 100%!important;
	    display: block;
	    float: none!important;
	    height: 250px;
	    margin: 0!important;
	    object-fit: cover;
	}
	.common-block .container iframe {
	    height: 300px!important;
	    width: 100%!important;
	    margin: 0px!important;
	}
	.detail_page_box {padding: 10px;}
	.common-block .container .content-block .blog_box_bottom_margin {padding: 40px 0px;}
	.common-block .container .content-block .blog_box_bottom {flex-wrap: wrap;}
	.common-block .container .content-block .blog_box_bottom div {flex-basis: 100%;}
	.basket .container .table-responsive .basket_box .basket_box_flex {flex-wrap: wrap; gap: 15px; justify-content: center; padding-right: 0px;}
	.basket .container .table-responsive .basket_box .basket_box_flex .title .image {width: 100%;}
	.basket .container .table-responsive .remove {
	    width: 20px;
	    position: absolute;
    right: 30px;
	}
	.basket .container .table-responsive .basket_box .basket_box_flex .title {    gap: 20px;
	    flex-wrap: wrap;
	    justify-content: center;}
	    .basket .container .table-responsive .basket_box {
	    padding: 18px 19px 22px 19px;
	    align-items: baseline;
	}
	.tabs #content-1 ul, .tabs #content-1 ol {padding-bottom: 10px;}
	#tab-btn-1:checked~#content-1 h2, #tab-btn-1:checked~#content-1 h3, #tab-btn-1:checked~#content-1 h4, #tab-btn-1:checked~#content-1 h5 {padding-bottom: 10px; line-height: 24px;}
	.basket .container .table-responsive .basket_box_flex .number_box_flex {padding: 0px;}
	.banner .banner_slider .banner_items {background-size: cover; min-height: 280px;}
	.banner .banner_slider .banner_items .banner_box {gap: 20px; padding-top: 40px; padding-left: 60px;}
	.banner .banner_slider .banner_items .banner_box .title {font-size: 22px; width: 100%;}
	.banner .banner_slider .banner_items .banner_box .title span {width: auto; height: auto;}
	.banner .banner_slider .owl-prev:before {left: 20px; top: 135px;}
	.banner .banner_slider .owl-next:before {right: 20px; top: 135px;}
	.breadcrumb {flex-wrap: wrap;}
	.detail_page_flex {padding-bottom: 0px; flex-wrap: wrap; gap: 30px;}
	.detail_page_flex .detail_page_box {width: 100%!important; height: auto;}
	.doverie, .oformlenie, .perevozki, .chenosti {gap: 15px;}
	.detail_page .container .detail_page_flex .detail_page_right {width: 100%; margin-bottom: 25px;}
	.price {flex-wrap: wrap;}
	.detail_page .container .detail_page_flex .detail_page_right .button {
	    padding-bottom: 20px; 
	    padding-top: 20px; 
	    flex-direction: column;
	    width: fit-content;
	}
	.doverie .doverie_box, .oformlenie_box, .chenosti_box {width: 100%;}
	.dostavka_detail p:nth-child(3) {padding-bottom: 20px; padding-top: 20px;}
	.tabs>label {padding-right: 10px; font-size: 16px;}
	.tabs>div {padding-bottom: 30px;}
	.tabs .zakaz {font-size: 16px;}
	.detail_page_flex .detail_page_box .detail_box {width: 100%; height: auto;}
	.detail_page .container div#analog_block {flex-wrap: wrap; padding-bottom: 90px;}
	.detail_page .container div#analog_block .item {width: 100%;}
	.right .b_article.item-list .item,
	.right .item-list .item {
	    width: 100%;
	    max-width: 100%;
	}
	.dostavka {    background-position: initial;
	    background-size: cover;}
	.dostavka .container::before, .dostavka .container::after {display: none;}
	.dostavka .container .dostavka_box p:nth-child(1) {font-size: 24px;}
	.dostavka .container .dostavka_box {width: 100%;}
	.materials {padding: 50px 0px;}
	.uslugi {padding-bottom: 50px;}
	
	.parthers {
	    padding: 30px 0px 30px 0px;
	}
	.map iframe {
	    height: 250px;
	}
	.project {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.common-block .container .project-detail div#analog_block {flex-wrap: wrap;}
	.common-block .container .project-detail div#analog_block .item {width: 100%;}
	.number_site {padding-bottom: 40px;}
	.catalog .container .title {padding-bottom: 0px!important; margin-bottom: 20px;}
	.materials .container .title_anons {padding-top: 0px; padding-bottom: 30px;}
	body h1, .catalog .container .title, .materials .container .title, .parthers .container .title, .number_site .container .title {padding-bottom: 30px; font-size: 32px;}
	.tag_list_out {flex-direction: column; gap: 10px;}
	.tag_list_out .tag_list a {width: 100%;}
	.modal-content {margin: 0 auto; width: 90%;}
	.number_site .container .number_site_line div {width: 100%;}
	.materials .container .materials_box div p {width: 80%;}
	.blog .container .blog_razdel a {padding: 6px;}
	.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(6), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(7), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(8), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(9) {width: 100%;}
	.uslugi .container .uslugi_box_flex .uslugi_box:nth-child(1), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(2), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(3), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(4), .uslugi .container .uslugi_box_flex .uslugi_box:nth-child(5) {width: 100%;}
}


.common-block .container .project-detail .project_slider_box .owl-nav.disabled,
.project .container .project_slider_flex .owl-nav.disabled,
.owl-prev.disabled,
.owl-next.disabled{
  display: none;
}

.common-block .btn.btn-bg.red {
  display: block;
  margin: 0 auto;
  max-width: 300px;
}

.usage .item_title{
  color: #444;
  font-family: Gotham Pro, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.usage .usage_box {
  padding-top: 30px;
}
.usage .usage_box .item {

}

.usage .usage_box a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  text-align: center;
}
.usage .usage_box .item img {
  padding-bottom: 15px;
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: contain;
}

.usage .usage_box .owl-prev::before {
  content: url(img/left_arrow.svg);
  position: absolute;
  top: 110px;
  left: -20px;
}
.usage .usage_box .owl-next::before {
  content: url(img/right_arrow.svg);
  position: absolute;
  top: 110px;
  right: -20px;
}
.usage .usage_box .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

img.logo {
  width: 177px;
  height: 51px;
}
img.basket {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: contain;
}

.ec-message__meta {
    display: flex;
}
.ec-d-rating {
    margin-bottom: 20px;
}
.ec-message__reply {
    margin-top: 10px;
}
.ec-message__files {
    margin-top: 10px;
}

.ui-widget.ui-widget-content {
  z-index: 999;
}



.mse2_number_inputs.row {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 0;
color: #000;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
  
}
.mse2_number_inputs.row label {
    width: 50%;
}
.radio-wrap label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="search"], select {
  display: block;
  height: 2rem;
  width: 100%;
  padding-left: 1rem;
  border-radius: .25rem;
  background-color: #e9ecf1;
  color: #555658;
  border: none;
  outline: none;
  font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-content-wrapper {
  direction: inherit;
  visibility: visible;
}
.mr-1, .mx-1 {
  margin-right: .25rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}
.pt-2, .py-2 {
  padding-top: .5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: .5rem !important;
}

.filter_title {
    color: #444;
    font-family: Gotham Pro, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 10px;
    border-bottom: 1px solid #F8E4DF;
}
.filter_row {
    color: #000;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.scrollbox_filter {
    overflow: auto;
    overflow-y: auto;
    max-height: 300px;
    padding: 0 5px;
    background-color: #f2f2f2;
    overflow-y: scroll;
    scrollbar-width: thin;
    border: 1px solid #F8E4DF;
}
/*скрол*/

::-webkit-scrollbar {
    width: 7px;
    height: auto;
}

::-webkit-scrollbar-thumb {
    background: #CC0412;
    border: 0px none #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #CC0412), color-stop(1.00, #9ce2be));
    background: -webkit-linear-gradient(#CC0412, #9ce2be);
    background: -moz-linear-gradient(#CC0412, #9ce2be);
    background: -o-linear-gradient(#CC0412, #9ce2be);
    background: -ms-linear-gradient(#CC0412, #9ce2be);
    background: linear-gradient(#CC0412, #9ce2be);
}

::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #9ce2be), color-stop(1.00, #CC0412));
    background: -webkit-linear-gradient(#9ce2be, #CC0412);
    background: -moz-linear-gradient(#9ce2be, #CC0412);
    background: -o-linear-gradient(#9ce2be, #CC0412);
    background: -ms-linear-gradient(#9ce2be, #CC0412);
    background: linear-gradient(#9ce2be, #CC0412);
}

::-webkit-scrollbar-thumb:active {
    background: #CC0412;
}

::-webkit-scrollbar-track {
    background: #F2F2F2;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

:root {
    scrollbar-color: #CC0412 #F2F2F2;
    scrollbar-width: thin !important;
}


/*/скрол*/

.hide {
  display: none !important;
}

.basket .field_receiver input,
.basket .field_address input {
    display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group.input-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: nowrap;
	flex-direction: row;
}
.ms2_form .row{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.ms2_form {
  color: #555;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  display: flex;
  gap: 20px;
}

#msOrder.ms2_form {
  background: #fff;
  padding: 20px;
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(39,47,61,0.09);
  margin-top: 0px;
}
.ms2_form .submit-group .text-sm {
    margin-bottom: 1rem;
}
.ms2_form .submit-group .custom-checkbox a {
    color: #CC0412;
  text-decoration-line: underline;
}
.ms2_form .col-form-label {
    height: 38px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#sbform-email {
    background: none;
  border-radius: 0;
}
.ms2_form .checkbox .custom-checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.ms2_form .checkbox .custom-checkbox > span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.ms2_form .checkbox .custom-checkbox > input:checked + span::before {
  border-color: #CC0412;
  background-color: #CC0412;
  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");
}


#msOrder input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #bbbbbb;
  background-color: #e7e6e7;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
#msOrder input[type="radio"]:checked {
  background-color: #CC0412;
}

.options_detail a.detail_btn {
    background: #FFF;
  padding: 5px 10px;
  color: #555;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #CC0412;
  border-radius: 5px;
}
.options_detail span.detail_btn {
    background: #3D4050;
  padding: 5px 10px;
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #3D4050;
  border-radius: 5px;
}
.options_detail a.detail_btn:hover {
    -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.comparison,
.comparison .comparison-link,
.comparison .comparison-go,
.msfavorites_prod {
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-size: 12px;
    max-width: 100%;
}
.comparison a.comparison-link,
.comparison a.comparison-go,
.msfavorites_prod a{
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    color: #CC0412;
    font-size: 12px;
    line-height: 13px;
    font-weight: 600;
    text-decoration: none;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.comp_total.comparison .comparison-go, .comp_total.comparison .comparison-total {
  display: inline!important;
}
.comparison-table .comparison-head img {
  min-height: 90px;
  max-width: 200px;
}
table.comparison-table  thead {
  background-color: #FFF;
}

.favorites_page .left .name {
    margin-top: 0px;
}


.container_calc {
    display: flex;
    width: 100%;
    gap: 30px;
    flex-wrap: wrap;
    font-size: 15px;
    color: #555;
    font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.calc {
  background: #fff;
  width: 520px;
  padding: 15px 28px 24px 28px;
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(39,47,61,0.09);
}

.calc form label {
  display: flex;
  align-items: center;
  margin-top: 17px;
  gap: 7px;
  position: relative;
  width: auto;
  overflow: hidden;
}
.calc form input, 
.calc form select {
  margin-left: auto;
  font-size: 1em;
  padding: 7px 12px;
  border: 1.4px solid #ced4da;
  border-radius: 7px;
  background: #FAF9FA;
  transition: border 0.2s;
  width: 132px;
  outline: none;
}
.calc form input:focus, 
.calcform select:focus {
  border: 1.7px solid #6d7ca3;
}
.hint {
  margin-left: 6px;
  color: #777;
  font-size: 0.97em;
  cursor: pointer;
  background: #f2f3fa;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 17px;
  font-weight: 700;
  display: inline-block;
  position: relative;
  transition: background 0.2s;
}
.hint:hover {
  background: #e5e7ee;
}
.tooltip {
  visibility: hidden;
  opacity: 0;
  width: 260px;
  background: #232a35f2;
  color: #fff;
  text-align: left;
  border-radius: 8px;
  padding: 10px 14px;
  position: absolute;
  left: 42%;
  top: 30px;
  z-index: 10;
  font-size: 0.97em;
  font-weight: 400;
  pointer-events: none;
  transition: opacity 0.25s;
  box-shadow: 0 4px 14px 0 rgba(35, 42, 53, 0.09);
}
.hint:hover .tooltip {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
button.calc_btn {
  display: block;
  width: 100%;
  margin-top: 32px;
  background: #CC0412;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Gotham Pro';
  border-radius: 10px;
  padding: 15px 0;
}
.container_calc table {
  width: 100%;
  margin: 10px 0;
  color: #555;
  font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  white-space: wrap;
}
.container_calc th, td {
  padding: 9px 6px;
  text-align: center;
}
.container_calc th {
  font-weight: 700;
}
.result {
  background: #fff;
  border-radius: 14px;
  padding: 30px 18px 16px 18px;
  box-shadow: 0 1px 6px #272f3d1a;
  width: 850px;
}
@media (max-width: 650px) {
  .calc { padding: 15px 4vw 13px 4vw; width: 100%; }
  .result { padding: 8px 4vw 8px 4vw; width: 100%; }
  .container_calc th, td { padding: 7px 3px; }
}





.faq__list {
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin: 30px 0;
}
.faq__list h2 {
  font-size: 166.8%;
  position: relative;
  font-family: 'SBSansDisplay-Regular', Helvetica, Arial, sans-serif;
}
.faq__item {
  width: 100%;
  padding: 14px 20px 14px 36px;
  background-color: #fefefe;
  box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.031372549);
  border-radius: 48px;
}
@media only screen and (max-width: 767.98px) {
  .faq__item {
    border-radius: 24px;
    padding: 16px 16px 16px 24px;
  }
}
.faq__item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
}
.faq__item-question.is-active .faq__item-icon::after {
  opacity: 0;
}
.faq__item-title {
  font-size: 20px;
  line-height: 1.5;
}
@media only screen and (max-width: 767.98px) {
  .faq__item-title {
    font-size: 18px;
    line-height: 1.56;
  }
}
.faq__item-icon {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
  flex-shrink: 0;
}
.faq__item-icon::before, .faq__item-icon::after {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.faq__item-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (hover: hover) {
  .faq__item-icon:hover {
    background-color: #eaeaea;
  }
}
.faq__item-body {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq__item-content {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}

.catalog .container .product_review .title,
.catalog .container .reviews__list .title {
  margin-bottom: 0px;
  border-bottom: 0px;
  display: block;
}
.catalog .container .product_review .title a,
.catalog .container .reviews__list .title a {
  color: #333;
  font-family: 'SBSansDisplay-SemiBold';
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 10px;
  display: block;
  text-decoration-line: none;
  min-height: 67px;
}

.catalog_box_slide .ec-message__header .ec-message__meta {
    font-size: 14px;
    line-height: 14px;
}
.catalog_box_slide .ec-message p {
    font-size: 14px;
    line-height: 16px;
}
.reviews__list .ec-message {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}
.reviews__list .product_review,
.reviews__list .product_review img {
    max-width: 300px;
}
@media (max-width: 428px) {
    .reviews__list .ec-message {
        flex-wrap: wrap;
        gap: 0;
    }
    .reviews__list .product_review,
    .reviews__list .product_review img {
        max-width: 100%;
    }
}

.grecaptcha-badge {
    display: none;
}

.product__panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.counter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	border-radius: 3px;
	overflow: hidden;
  font-family: 'FuturaFuturisC';
	border: 1px solid #ddd;
}

.counter-input {
  width: 40px;
  text-align: center;
  font-size: 14px;
}

.counter-control {
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
	color: #999;
	/*background-color: #999;*/

}
/*
.counter-control.quantity__plus {
	border-left: 1px solid #ddd;
}
.counter-control.quantity__minus {
	border-right: 1px solid #ddd;
}
*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}