* {
    box-sizing: border-box;
}
:root {
	--blue: #4fa44f;
	--black: #373737;
	--grey-1: #545454;
	--grey-2: #9f9f9f;
	--white: #f2f2f2;
	--grey-3: #f0f0f0;
	--bg: #f8f8f8;
}
body {
    margin: 0;
	background: var(--bg);
}
body, button, input, select, optgroup, textarea {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    color: #373737;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter';
	line-height: normal;
}
a:hover:not(.catalog__btn, .btn), h3.h3.complex__h3 a:hover, .topbar__item ul.menu__ul a:hover {
    color: var(--blue);
}
.search-page {
    display: none;
}
.col-md-4 p {
    text-align: left;
}
p,.info__wrap {
    text-align: justify;
}
.footer__item .social img, .social.white img {
    height: 32px;
    width: 32px;
}
p.footer__info.copyright {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    font-size: 12px;
}
.clients {
    margin-top: 40px;
}

.footer__wrapper  .container:last-child .col-md-4:last-child  {
    display: flex;
    justify-content: flex-end;
}
.footer__wrapper hr:nth-child(3) {
    margin-top: 50px;
    padding-bottom: 20px;
}
footer .social a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar__item a:not(.callback) {
    font-size: 18px;
    color: var(--black);
}
.topbar__item .social a {
    height: 24px;
}
.topbar__item {
    display: flex;
    align-items: center;
}
.clients__content {
    position: relative;
}
div#bx_breadcrumb_0 span:after {

    display:none;
}
div#bx_breadcrumb_0 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.complex .row-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / 12 - 30px), 1fr));
    grid-template-rows: 247px 247px 247px;
    margin: 0;
}
.complex .col-md-auto:nth-child(1) {
    grid-column: span 4;
    grid-row: span 2;
    order: 1;
}
.complex .col-md-auto:nth-child(2) {
    grid-column: span 6;
    grid-row: span 1;
	order: 5;
}
.complex .col-md-auto:nth-child(3) {
    grid-column: span 6;
    grid-row: span 1;
	order: 4;
}
.complex .col-md-auto:nth-child(4) {
    grid-column: span 8;
    grid-row: span 1;
	order: 2;
}
.complex .col-md-auto:nth-child(5) {
	grid-column: span 8;
    grid-row: span 1;
	order: 3;
   
}
.owl-nav.disabled {
    display: none;
}
.menu__ul li:nth-last-child(2) a {
    padding-right: 0;
}
h4.h4.news-list__h4 {
    margin: 10px 0;
}
.news-other2.rutube {
    margin-top: 40px;
}
section.services .owl-stage {
    display: flex;
}
.service__sections-item a {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    display: block;
    padding: 26px 40px;
}
.product__top .catalog__faq {
    margin: 0;
}
.service__sections-item {
    border-radius: 10px;
    border: 1px solid #DFDFDF;
}
.service__sections-wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.service__items-wrap ul li:nth-child(2n) {
    background: #F6F6F6;
}
.catalog__faq a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.catalog__faq img {
    width: 17px;
}
.catalog__faq {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}
.service__items-wrap ul li {
    max-width: 20%;
    flex: 20%;
    padding: 30px;
    height: 135px;
    background: #FFFFFF;
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.service__items-wrap ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 10px;
    border: 1px solid #E1E3E1;
    overflow: hidden;
}
.brand__img2 img {
    border: 1px solid #E1E3E1;
    border-radius: 10px;
}
.news-single__item time {
    margin-bottom: 10px;
    display: block;
}
.services__wrap .feedback__ul li+li {
    margin-top: 20px;
    text-align: justify;
}
button, input, textarea {
    outline: none!important;
}
a {
    font-weight: 400;
    font-size: 16px;
    color: var(--grey-1);
}
img {
    max-width: 100%;
    height: auto;
}
p {
    margin-top: 0;
    margin-bottom: 20px;
}
section {
    margin-bottom: 80px;
}

.btn {
    background: var(--blue);
    display: inline-block;
    border-radius: 10px;
    padding: 10px 50px;
    color: var(--white);
    font-size: 16px;
position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
}

.ripple-single {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    width: 20px;
    height: 20px;
    pointer-events: none;
    transform: scale(0);
    opacity: 0.7;
    animation: ripple-single 0.8s ease-out forwards;
}

@keyframes ripple-single {
    to {
        transform: scale(10);
        opacity: 0;
    }
}
.about__frontpage img {
    border-radius: 12px;
    display: block;
}
h3.h3.complex__h3 a {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}
.projects__wrap2.row img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.projects {
    margin: 0;
    position: relative;
    padding: 40px 0;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
}
.info__wrap img {
    max-width: 120px;
}
.sales {
    margin-bottom: 40px;
    position: relative;
    padding: 20px 0;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 0;
}
.about__frontpage {
    border: 1px solid #EEE;
    padding: 40px;
    border-radius: 12px;
}
.about__frontpage .info__wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.owl-carousel button.owl-dot.active {
    background: var(--white);
}
.owl-dot + .owl-dot {
    margin-left: 15px;
}
section.calalog.recomend .product-item-button-container {
    display: none;
}
.section__service .brand__wrap-service img {
    height: 87px;
    width: 181px;
    object-fit: contain;
}
.brand__wrap-service {
    display: flex;
    gap: 50px;
}
footer nav.main__menu ul.menu__ul>li:first-child a {
    font-weight: 600;
}
.owl-carousel button.owl-dot {
    border: 1px solid var(--white);
    border-radius: 70px;
    padding: 5px;
    width: 15px;
    height: 15px;
    display: flex;
}
.owl-dots {
    position: absolute;
    max-width: 1340px;
    bottom: 40px;
    z-index: 10;
    display: flex;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}
.owl-nav {
    position: absolute;
    max-width: 1340px;
    bottom: 30px;
    z-index: 11;
    display: flex;
    gap: 10px;
    width: 50%;
    right: 0;
    transform: none;
    justify-content: flex-end;
}
.product__info p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.product__info {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.product__info img {
    border-radius: 5px;
    width: 30px;
    height: 20px;
    display: block;
}
.owl-nav span {
    font-size: 0;
    width: 14px;
    height: 14px;
    display: flex;
    background: url("assets/img/icon/icon__arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;
}
.owl-carousel .col-md-3 {
    padding-left: 0;
    margin-left: -12px;
    padding-right: 0;
}
button.owl-prev {
    transform: rotateZ(180deg);
}
.product__gallery button.owl-prev {
    transform: none;
}
.product__gallery button.owl-next {
    transform: rotateZ(180deg);
}
.footer__title {
    font-weight: 500;
}

.brand__wrap, .clients__wrap {
    position: relative;
}
.h3.complex__h3 img {
    width: 25px;
    padding: 6px;
    background-color: rgba(136, 136, 136, .1);
    border-radius: 8px;
}
.h3.complex__h3 {
    display: flex;
    align-items: center;
    gap: 20px;
    line-height: 1;
}
.sliders__data a {
    display: none;
}
.search-parts_wrap form+div {
    display: flex;
    gap: 20px;
}
.search-parts .row {
    justify-content: center;
    text-align: center;
}
.search-parts a.btn.background__black {
    background: var(--white, #F2F2F2);
    color: var(--blue, #4fa44f);
}
.search-title-result-item-price {
    display: none;
}
.h3 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 30px;
    line-height: normal;
    font-weight: 400;
}
.h4 {
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
}
.color__white {
    color: var(--white);
}
.background__black {
    background: var(--black);
}
.background__transparent {
    background: transparent;
    color: var(--blue);
    border: 1px solid var(--blue);
}
.breadcrump span {
    color: #a5a5a5;
    font-size: 14px;
}
.main__content {
    min-height: 500px;
}
.h5.cart__h5 {
    font-size: 30px;
}
.breadcrump a span {
    font-size: 14px;
    color: #373737;
}
.breadcrump {
    margin-bottom: 15px;
}
.space__80 {
    margin-top: 80px;
}
/* header */
.header__topbar {
    margin: 10px 0;
}

.sliders {
    margin-bottom: 30px;
}
.menu-toggle {
    display: none;
}

.locations {
    display: flex;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
}
.topbar__item ul.menu__ul a {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
}

.topbar__item ul.menu__ul {
    gap: 20px;
}
.topbar__item {
    display: flex;
    align-items: center;
}

.product__brand {
    margin-bottom: 50px;
}
.product__top {
    display: flex;
    gap: 32px;
    margin-bottom: 20px;
    font-size: 14px;
}
.product__top>div:last-child {
    padding: 0;
    border: 0;
}
.product__top span {
    color: #818181;
}
span.color__green {
    color: #83CB6F;
}
.product__top>div {
    height: 25px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.product__top>span {
    display: flex;
    width: 1px;
    background: #E1E3E1;
}
.index__wrap a.btn.callback {
    font-weight: 500;
    padding: 10px 50px;
}
.country__img img {
    display: block;
    width: 30px;
}
div#search a.btn.callback {
    border: 0;
    padding: 10px 50px;
    font-weight: 500;
    color: #fff;
}
.hidden-pc  {
    display: none;
}
.callback {
    font-weight: 500;
    color: #4fa44f;
}
.header__topbar .row {
    justify-content: space-between;
    align-items: center;
}
a.catalog__btn {
    background: var(--blue);
    display: flex;
    padding: 10px 30px;
    border-radius: 10px;
    gap: 10px;
    height: 47px;
    color: #fff;
    align-items: center;
    text-decoration: none;
    line-height: 1;
}

.btn.callback {
    font-weight: 700;
}
.header__bottombar {
    margin-top: 0;
    margin-bottom: 10px;
}
.menu__ul {
    display: flex;
    list-style: none;
    margin: 0;
    gap: 35px;
}
.menu__ul a {
    font-size: 15px;
    color: var(--black);
	    font-weight: 400;

}
.header__bottombar .row {
    align-items: center;
}
header .menu__ul .menu__active {

    color: #3d8b3d;
}
.menu__ul li:last-child a:not(.menu__active) {
    padding-right: 0;
}
.footer__item a {
    color: var(--black);
    font-weight: 400;
}
.footer__item:last-child {
    margin-top: 20px;
}
.footer__wrapper a {
    font-weight: 400;
    color: var(--black);
}
.calalog__content li.viewed-li {display:block!important;}
li.col-md-12.close-li {
    display: block!important;
}

.calalog__content li a.catalog__view {
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    color: #6a6a6a;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
	
}
.calalog__content li:nth-child(n+7) {
    display: none;
}
.social {


    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.calalog-header {
    max-width: 1310px;
    margin: 0 auto;
    margin-bottom: 40px;
    border-radius: 15px;
    overflow: hidden;
}
.searchline__wrap {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}
.searchline__wrap .searchline__cart a img {
    margin-left: 10px;
}

.searchline__user a, .searchline__cart a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    gap: 5px;
    color: var(--black);
}
.searchline__cart {
    flex: none;
    margin: 0 5px;
}
.searchline__user {
    flex: none;
}
.searchline__wrap form {
    margin: 0;
}
.searchline__wrap input {
    background: none;
    border: 1px solid var(--grey-2);
    border-radius: 10px!important;
    padding: 20px;
    height: 47px;
    width: 100%;
}
.searchline__form {
    width: 100%;
}
.sliders__content {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 100%;
    transform: translate(0%, -50%);
}
.projects__wrap img {
    border-radius: 10px;
}
.sliders__data {
    border-radius: 10px;
    padding: 30px;
    padding-left: 145px;
    max-width: 550px;
}
.h3.services-new__h3 {
    color: #000;
    font-size: 24px;
    padding-left: 25px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
    position: relative;
}
.avantages__icon {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.avantages__item {
    text-align: center;
}
.h3.services-new__h3:before {
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #4fa44f;
}
.h3.services-new__h3 {
    color: #000;
    font-size: 24px;
    padding-left: 25px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
}
.news-other2 .h4.news-other__h4 a {
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.owl-nav button {
  
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.h3.sliders__h3 {
    font-family: 'Bebas';
    font-weight: 500;
    font-size: 45px;
    letter-spacing: -0.02em;
    color: #4fa44f;
    margin: 0;
    margin-bottom: 20px;
}
.social.white {
    max-width: 100%;
}
.index__wrap.style-800 .index__content {
    justify-content: center;
}
.index__wrap.style-800 a.btn.background__black {
    background: var(--blue, #4fa44f);
    color: var(--white, #F2F2F2);
}
.brand__product .calalog {
    margin-bottom: 0;
}
.text__avantages {
    border-radius: 10px;
    background: var(--blue, #4fa44f);
    padding: 30px;
    color: var(--white, #F2F2F2);
}
h3.h3.text__h3 {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    max-width: 250px;
}
.text__avantages ul {
    margin: 0;
    padding: 0;
}
.text__avantages li {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}
.text__avantages li + li {
    margin-top: 20px;
}
.steps__item {
    padding: 15px;
    border: 1px solid var(--grey-2, #9F9F9F);
    height: 100%;
}
.steps .col-md-4 {
    padding: 0;
}
.steps__texr {
    color: var(--black, #373737);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}
.product__tab .product__brand .row {
    align-items: center;
}
.btn:hover {
    color: #ffff;
}
.steps .col-md-4:last-child>div {
    border: 0;
    background: var(--blue, #4fa44f);
    display: flex;
    align-items: center;
    justify-content: center;
}
.steps__item a {
    color: #fff;
    border: 0;
    font-size: 20px;
    font-style: normal;
}
.steps__number {
    color: var(--blue, #4fa44f);
    font-size: 80px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -1.6px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.steps__item a {
    color: #fff;
    border: 0;
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase;
}
.examples__item {
    border-radius: 10px;
    background: var(--grey-3, #F0F0F0);
    overflow: hidden;
    min-height: 470px;
	padding-bottom: 30px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.4px;
}

.product__brands-wrap>div {
    display: flex;
    align-items: center;
    color: var(--black, #373737);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}
.product__brands-wrap>div>img {
    margin-right: 10px;
}
.product__brands-wrap {
    border-radius: 10px;
    border: 1px solid var(--grey-2, #9F9F9F);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product__brands-wrap img {
    height: 30px;
    display: block;
}
.product__head {
    margin-bottom: 30px;
}
.product__brands-wrap a {
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
}
.product__brands-wrap a img {
    height: 12px;
    width: 12px;
}

.examples__item img {
    object-fit: cover;
    height: 320px;
}
.examples__name {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}
.examples__item div {
    padding: 0 30px;
}
.examples__item {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}
.examples__title {
    padding: 0 30px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.examples__item div:nth-child(3) {
    color: var(--black, #373737);
    padding: 0 30px;
    font-size: 20px;
}
.examples__item div:nth-child(2) {
    color: var(--black, #373737);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 30px;
}
.steps .col-md-4 {
    margin-bottom: -1px;
    margin-left: -1px;
}
.steps .row .row {
    margin: 0;
}
.steps__name {
    color: var(--black, #373737);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
}
.text__content {
    max-width: 780px;
    margin: 0 auto;
    margin-bottom: 70px;
    text-align: center;
}
.brand__product .navigation {
    margin: 0;
}
.parts-brand a.btn {
    margin-bottom: 20px;
}
.warranty__item {
    position: relative;
}
.warranty__content {
    position: absolute;
    top: 0;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.warranty__item img {
    display: block;
}
.parts-brand {
    margin-bottom: 10px;
}
.parts-brand a.btn.callback {
    color: #fff;
    padding: 10px 50px;
    font-weight: 500;
}
.parts-warranty {
    margin-bottom: 40px;
}
.parts-warranty + .calalog .h3 {
	 border-top: 1px solid var(--grey-2, #9F9F9F);
	 margin-bottom: 40px;
}

.warranty__content div:first-child {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: #F2F2F2;
    margin-bottom: 20px;
}
.warranty__item div {
    color: #FFF;
    font-size: 17.156px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
    max-width: 250px;
}
.brand__product .col-md-12 + .col-md-12 + .col-md-12 h3.h3.brand__р3 {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--grey-2, #9F9F9F);
}
/* complex */
.complex__item {
    height: 100%;
    position: relative;
}
.order-3 {
    order: 3;
}
.complex,.search-parts {
    margin-bottom: 30px;
}
.complex__img {
    height: 100%;
    border-radius: 8px;
    /* overflow: hidden; */
}
.complex .col-md-auto:nth-child(3) a {
    max-width: 400px;
}
.calalog.complex .h4.calalog__h4 {
    margin-bottom: 10px;
}
.complex__img picture:after {
   //content: "";
    background: linear-gradient(89deg, #242526 0.58%, rgba(36, 36, 36, 0.00) 99.68%);
    height: 100%;
    width: 100%;
    display: flex;
    top: 0;
    position: absolute;
}
.complex__img picture {
    position: relative;
}
.complex .col-md-auto {
    padding: 0;
}
.rutube__wrap img {
    aspect-ratio: 16/9;
    border-radius: 10px;
    object-fit: cover;
}
.news-other2.rutube .news-other__item {
    padding: 0;
}
.news-other2.rutube .col-md-4 {
    margin-top: 30px;
}
.news-other2.rutube h3.h3.news-other__h3 {
    margin: 0;
}
.rutube__wrap.active {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 10px;
    margin-bottom: 15px;
}
.rutube__wrap {
    cursor: pointer;
}
.container .info {
    margin: 0;
}
.rutube__wrap	iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	}
	.rutube__wrap iframe {
    border-radius: 10px;
}
.price__wrap span:last-child {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}
.menu__about a.menu__active {
    background: #f8f8f8;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 8px;
    margin: 0 -8px;
}

.card__header img {
    height: 300px;
    object-fit: cover;
    display: block;
}
.price__wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}
.news-single__price p {
    max-width: 670px;
}
.menu__about ul.menu__ul li:first-child {
    display: none;
}
.menu__about ul.menu__ul {
    flex-direction: column;
    gap: 10px;
}
.menu__about ul.menu__ul a {
    font-size: 18px;
}

.price__wrap span:first-child {
    font-weight: 600;
    font-size: 20px;
}
.price__fq {
    margin-top: 10px;
}
a.callback.btn {
    padding: 10px 50px;
}
a.callback.btn.btn-2 {
    background: #fff;
    color: #4fa44f;
    border: 1px solid;
}
.complex__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}
.news-single__price .btn {
    color: #fff;
}
.news-single__price {
    background: #f8f8f8;
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}
.price__fq {
    display: flex;
    gap: 10px;
}
.complex__content {
    position: absolute;
    top: 30px;
    text-align: left;
    color: #F2F2F2;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(7px);
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}
.complex__description.description {
    color: #AEC885;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.complex .col-md-auto:nth-child(1) .complex__content {
    height: 130px;
    width: 100%;
    border-radius: 0 0 8px 8px;
    bottom: 0;
    top: auto;
}
.complex__content h4 {
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}
.sliders .owl-dots {
    right: auto;
    left: 50px;
}
.sliders .owl-nav {
    right: 30px;
    left: auto;
}
.sliders .owl-nav, .sliders .owl-dots {
    max-width: 50%;
    margin: 0 auto;
    transform: none;
}
.h4.complex__h4 a {
    max-width: 450px;
    display: block;
    position: relative;
    z-index: 2;
    color: var(--white, #ECECEC);
    font-size: 25px;
}
.complex__content {
    max-width: 450px;
}
.complex .col-md-auto:nth-child(4) .complex__content {
    max-width: 300px;
}
.complex__content a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 30px;
}
.search-parts_wrap p {
    color: var(--white, #F2F2F2);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    max-width: 430px;
    text-align: left;
}
.search-parts_wrap {
    background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/search-parts.png);
    border-radius: 4px;
    padding: 25px 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;
}
div#search {
    position: relative;
    z-index: 2;
}
.search-parts_wrap p {
    color: var(--white, #F2F2F2);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    max-width: 430px;
    text-align: left;
    position: relative;
    z-index: 2;
}
div#search a.btn {
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}
.search-parts input#title-search-input {
    border-radius: 10px;
    border: 1px solid var(--grey-2, #9F9F9F);
    background: var(--white, #F2F2F2);
    height: 54px;
    width: 100%;
    padding: 0 20px;
}
.search-parts_wrap:after {
    background: #000;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.25;
    border-radius: 4px;
}
.projects__item div {
    margin-top: 15px;
}
.h3.brands__h3.search-parts {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    color: var(--white, #F2F2F2);
    margin-bottom: 20px;
}
.complex__content a.btn {
    order: 2;
}
/* news */
.news-list__item {
    display: flex;
    align-items: flex-start;
    background: var(--grey-3);
    border-radius: 15px;
    overflow: hidden;
}
.news-list__item + .news-list__item {
    margin-top: 30px;
}
.news-list__img {
    border-radius: 15px 0 0 15px;
    overflow: hidden;
    flex: none;
    max-width: 310px;
}
.news-list__content {
    padding: 20px;
    background: var(--grey-3);
    border-radius: 0 15px 15px 0;
    height: 290px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
}
.news-single__description.description h6 {
    position: relative;
    font-size: 18px;
    margin: 20px 0;
    margin-left: 30px;
}
.news-single__description.description h6:before {
    content: '';
    position: absolute;
    left: -28px;
    width: 8px;
    height: 100%;
    background-color: #4fa44f;
}
.news-other__wrap.owl-carousel.owl-loaded.owl-drag {
    padding: 0;
}
.news-list__img picture, .news-list__img img {
    display: block;
    height: 290px;
}
.news-list__item a.btn {
    margin-top: auto;
}
.news-other__item {
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    padding-bottom: 15px;
    background: #fff;
}
.footer__wrapper .menu__footer {
    display: flex;
    gap: 50px;
    flex-direction: row;
    align-items: flex-start;
}
.main__menu + nav.main__menu li:last-child {
    display: block;
}
.news-other__item picture {
    margin-bottom: 15px;
    display: block;
}
.news-other__item span {
    padding: 0 15px;
    margin-bottom: 8px;
    display: block;
    font-size: 16px;
}

.h4.news-other__h4 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: none;
    margin: 0;
}
.news-other__item h4, .news-other__item p {
    padding: 0 15px;
}
.news-other__item p {
    margin: 0;
}
.news-single__img img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
}
/* contact */
.contacts__wrap {
    border-radius: 10px;
    padding: 30px;
    background: var(--grey-3);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.h5.contacts__h5 {
    font-weight: 400;
    font-size: 30px;
    letter-spacing: -0.02em;
    color: var(--blue);
    margin: 0;
    margin-bottom: 10px;
}
.news-single {
    margin-bottom: 40px;
}

.contacts__info .contacts__wrap {
    margin-top: 30px;
    background: var(--blue);
    color: var(--grey-3);
    height: auto;
}
h5.h5.contacts__h5:last-child {
    margin: 0;
}
.contacts__wrap p:nth-child(3) {
    margin-bottom: 20px;
	margin-top: 7px;
}
.contacts__info a, .contacts__info .h4.contacts__h4 {
    color: var(--grey-3);
}
.contacts__info .h4 {
    margin-bottom: 20px;
}
.contacts__info p {
    margin-bottom: 10px;
    text-align: right;
}
.contacts__wrap p {
    font-weight: 400;
    margin-bottom: 10px;
}
.contacts__cart {
    display: flex;
    flex-direction: column;
}
.h4.contacts__h4 {
    font-weight: 500;
    font-size: 20px;
    color: var(--black);
    text-transform: none;
    margin-bottom: 10px;
}
.contacts__info a {
    font-size: 25px;
}
/* calalog */
.calalog__item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    border: 1px solid #E1E3E1;
    background: #FFF;
    position: relative;
}

section {
    margin-bottom: 40px;
    position: relative;
}
.owl-stage-outer {
    z-index: 100;
}
.calalog-header__wrap {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    background: #0000004f;
    padding-left: 30px;
}
.product__wrap .col-md-6 .brand__name {
    display: block;
}
.product  .col-md-6 .brand__item img {
    max-width: 80px;
}
.country__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    padding: 10px;
    background: var(--grey-3);
    border-radius: 5px;
}
.product .col-md-6 .brand__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: var(--grey-3);
    border-radius: 5px;
}
.btn.buy-1-click {
    width: 100%;
    text-align: center;
}
h1.h1.news-list__h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    margin: 30px 0;
}
.calalog-header img {
    aspect-ratio: 7/1;
    width: 100%;
    object-fit: cover;
    display: block;
}
.productSimilar .calalog__item {
    max-height: 330px;
    margin-bottom: 0;
    height: 100%;
}
.calalog__img img {
    width: 100%;
}
.calalog__content {
    padding: 20px;
}
.calalog__item .product__action {
    position: absolute;
    width: 100%;
    bottom: 30px;
    max-width: calc(100% - 40px);
    justify-content: space-between;
    align-items: center;
}
.product-item-detail-info-container {
    display: none;
}
.calalog__item .product__price {
    margin: 0;
}
.calalog__item .product__price span {
    font-size: 17px;
}
.calalog__content p {
    text-align: left;
}
.calalog__img img {
    height: 250px;
    object-fit: cover;
}
.projects__content a {
    pointer-events: none;
}
.projects__item p {
    text-align: left;
}
.calalog__category li {
    list-style: none;
}
.calalog__category ul {
    padding: 0;
    list-style: none;
}
.calalog__content li a {
    color: var(--blue);
    font-size: 15px;
    font-weight: 400;
    margin-left: 5px;
    display: flex;
}
h4.h4.calalog__h4 a {
    font-weight: 400;
}
.calalog__content  a:hover {
    font-weight: 500!important;
}
.calalog__content li + li {
    margin-top: 10px;
}
.calalog__content li {
    font-size: 14px;
}
.header__bottombar .col-md-auto:first-child img {
    height: 65px;
    display: block;
}
.col-md-auto.menu {
    width: calc(100% - 174px);
}
.h4.calalog__h4 {
    font-size: 20px;
    color: var(--black);
    font-weight: 500;
    margin: 0;
    text-transform: none;
    margin-bottom: 70px;
}
.h1.product__h1 {
    color: #000;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.product__attrs-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}
.product__wrap .owl-nav span {
    font-size: 0;
    width: 38px;
    height: 86px;
    display: flex;
    background: url("assets/img/icon/icon__arrow-product.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.product__wrap .owl-carousel .owl-item .product__imgItem.active img {
    border: 1px solid #4fa44f;
}
.product__imgCarousel {
    max-width: 280px;
    margin: 0 auto;
}
.product__wrap  .owl-nav {
    max-width: 400px;
    justify-content: space-between;
    top: 0px;
    transform: none;
    left: -60px;
    bottom: auto;
    width: 400px;
}
.line__wrap {
    border-radius: 10px;
    border: 1px solid #E1E3E1;
    background: #FFF;
    padding: 30px 20px;
    margin: 0;
}
.brand__item.line__wrap a {
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}
.prodict_consult {
    text-align: center;
    margin-top: 15px;
}
.brand__item.line__wrap img {
    width: 103px;
    object-fit: cover;
    aspect-ratio: 1;
}
.brand__item.line__wrap {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    padding: 5px 20px;
}
.prodict_consult.line__wrap div {
    font-size: 17px;
    margin: 10px 0;
}
.product__top a {
    font-size: 14px;
}
.prodict_consult.line__wrap a {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #4fa44f;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.product__bigImg {
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #E1E3E1;
    max-width: 400px;
}
.product__wrap .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    border-radius: 10px;
    border: 1px solid #E1E3E1;
}
.product__wrap .owl-carousel .owl-stage-outer {
    z-index: 12;
}
.product__imgItem {
    cursor: pointer;
}
.product__bigImg img {
    width: 100%;
    display: block;
}
.form__row.product__qty:not(.input__checkbox) input {
    border: 0;
    height: 40px;
    margin: 0 20px;
    background: none;
    text-align: center;
}
.form__row.product__qty span {
    border-radius: 8px;
    padding: 10px;
    width: 44px;
    height: 44px;
    background: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    cursor: pointer;
}
.cart__action {
    max-width: 270px;
    margin-left: auto;
}
.product__price {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: flex-end;
}
.product__action .btn.btn__white {
    color: #4fa44f;
    border: 1px solid #4fa44f;
    background: #FFF;
    font-weight: 500!important;
}
.product__action .btn {
    font-size: 14px;
    font-weight: 400 !important;
    padding: 10px 28px;
    border: 1px solid #4fa44f;
    display: block;
    height: 39px;
    line-height: normal;
    color: #fff;
    outline: none;
    box-shadow: none;
}
.calalog__item .watermark {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
}
.calalog__content  a.btn-buy:hover {
    font-weight: 400!important;
}
button.product_button.button-cart11.btn.buy-1-click {
    color: #fff;
    font-weight: 700!important;
}
button.btn.btn-primary.btn-md {
    background: var(--blue);
    box-shadow: none;
}
.bx-soa-section.bx-selected {
    border: 0;
}
a.btn.btn-buy.btn-md.added {
    background: #EFEFEF;
    border-color: #EFEFEF;
    color: #494949;
}
.product__action {
    display: flex;
    gap: 10px;
}
.product__price span {
    color: #000;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.product__availability.availability__ {
    display: NONE;
}
.form__row.product__qty {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
span.TYPE {
    display: none;
}
.bx-soa-section-hide { display: none; }
div#bx-soa-main-notifications {
    display: none;
}
div#bx-soa-properties .col-sm-12:not(.bx-soa-customer) {
    display: none;
}
.bx-soa-section-title-container {
    display: none;
}
.bx-soa-cart-total .bx-soa-cart-total-button-container.visible-xs {
    display: none;
}
div#bx-soa-total-mobile {
    position: absolute;
    right: 0;
    top: 55px;
}
.cart .container {
    position: relative;
}
.cart .col-md-8  {
    position: initial;
}
.bx-soa-section-content.container-fluid {
    border: 0;
    padding: 0;
}
div#bx-soa-orderSave .btn {
    width: 100%;
    text-align: center;
}
.product__availability {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
	color: #e5be01;
}
.product__availability.availability__green {
    color: #3cb910;
}
.product__top  .color__red, .color__red {
    color: #ff4848;
}
.product__top  span.color__yelow, .color__yelow {
    color: #e5be01;
}
.btn__attr {
    color: #4fa44f;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 30px;
    display: block;
}
.product__sku {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: var(--black);
    margin-bottom: 20px;
}
.bx-soa-.bx-selected {
    border: 0;
    margin-bottom: 20px;
}
.bx-soa-cart-total {
    border: 0;
    padding: 0;
}
.row.bx-soa-more {
    display: none;
}
.btn.product-item-detail-buy-button {
    width: 100%;
    text-align: center;
    max-width: 100%;
    padding: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    margin: 0;
    height: 50px;
}
a.btn.request {
    text-align: center;
    padding: 10px 20px;
    width: 100%;
}
.form__row.hide {
    display: none;
}
.product__info span {
    flex: none;
}
.product__info>div span:nth-child(2) {
    width: 100%;
    border-bottom: none;
    flex: 1;
}
.product__info>div:hover {
    background: #F9FBFF;
}
.product__info>div {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
}
.product__wrap .col-md-auto:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 41.666667% - 135px);
    flex: calc(100% - 41.666667% - 260px);
    max-width: calc(100% - 41.666667% - 260px);
}
.basket-item-actions-remove:before, .basket-item-actions-remove:after{content:none}

.product__add {
    font-size: 18px;
}
section.product .brand__item {
    margin: 0;
    margin-top: 15px;
    border: 1px solid #E1E3E1;
}
.product-item-detail-info-container {
    margin-bottom: 0!important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.tab {
    padding-top: 80px;
    text-align: center;
	margin-top: 0;
}
#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-8:checked~#content-8  {
    display: block;
}
.widget_cookie {
    border-radius: 23px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    display: flex!important;
    flex-direction: row;
    border-color: #ccc!important;
}
.widget_cookie__text {
    margin-bottom: 0;
    color: rgba(25,25,25,.6);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 0px;
}
body button.widget_cookie__btn-close-cookie.btn.btn-primary {
    padding: 4px 10px;
    font-size: 14px;
    height: auto;
    background: var(--blue);
}
.tab input {
    display: none;
}
.product__tab {
    margin: 50px 0;
}
.tab-content .product__info {
    column-count: 2;
    column-gap: 40px;
}
.tab label {
    margin-right: 0;
    cursor: pointer;
    padding: 20px 40px;
    color: #000;
    text-transform: capitalize;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.docs__wrap a span {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    display: block;
}
.docs__wrap img {
    width: 46px;
}
.docs__wrap>a {
    flex: 0 0 33.3%;
}
.no__price {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 36px;
}
.docs__wrap {
    display: flex;
    flex-wrap: wrap;
}
.docs__wrap a {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.tab input:checked + label {
    color: var(--blue);
    border-bottom: 3px solid #4fa44f;
    font-weight: 600;
    color: #000;
}
.product__brand .brand__item {
    border-radius: 5px;
}
.product__brand .col-md-9 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.cart__item {
    border-radius: 10px;
    background: var(--grey-3);
    display: flex;
    overflow: hidden;
}
.form__row.product__remove {
    margin: 0;
    border: 1px solid var(--blue);
    border-radius: 8px;
    padding: 10px 25px;
    width: 74px;
    height: 44px;
    margin-left: 10px;
    flex: none;
    margin-top: 0!important;
}
.cart__item .product__price {
    margin-bottom: 10px;
}
.cart__img img {
    display: block;
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.product-item-amount {
    display: none;
}
.cart__img {
    height: 200px;
    width: 200px;
    flex: none;
}
.cart__info {
    padding: 20px;
    width: 100%;
}
.cart__info label {
    font-weight: 400;
    font-size: 18px;
    color: #111;
    display: block;
    margin-bottom: 5px;
}
.cart__action {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
}
.cart__total>div {
    display: flex;
}

.cart__total div + div {
    margin-top: 10px;
}
.cart__info label + label {
    margin-top: 10px;
}
.cart__item + .cart__item {
    margin-top: 20px;
}
.cart__total {
    border: 1px solid var(--blue);
    border-radius: 7px;
    padding: 15px;
}
.cart__product span:last-child {
    width: 120px;
    flex: none;
    text-align: right;
}
.cart__subtotal {
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
    color: var(--blue);
    justify-content: space-between;
    border-top: 1px solid var(--grey-2);
    padding-top: 20px;
}
/* brand */
.brand__video {
    margin: 30px 0;
    display: block;
}
.brand__specifications ul.feedback__ul {
    margin: 0;
}

.brand__specifications {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--grey-2);
    margin-bottom: 30px;
}
.brand {
    margin: 0;
}
/* index */
.index img {
    width: 100%;
    display: block;
}
.index__wrap {
    position: relative;
}

.index__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%;
}
.brand__wrap .col-md-auto.brand__item {
    max-width: 20%;
    padding: 15px;
}
.brand__img img {
    aspect-ratio: 1;
    display: block;
}
.index + .index {
    margin-top: -40px;
}
.index + .index .index__content {
    justify-content: flex-start;
}
.index__content a.btn.background__black {
    color: var(--blue, #4fa44f);
    background: var(--white, #F2F2F2);
    line-height: 1;
    height: 44px;
    display: inline-flex;
    align-items: center;
}
.index__content p {
    color: var(--grey-3, #F0F0F0);
    margin-bottom: 15px;
}
h3.h3.index__h3.color__white {
    margin-bottom: 15px;
}
/* brand */
.brand__item {
    text-align: center;
    padding: 30px;
    border: 1px solid #ccc;
    margin-left: -1px;
    margin-top: -1px;
}
.brand__wrap {
    margin: 0 16px;
}
.btn__more img {
    margin-left: 10px;
}
.btn__more {
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    font-size: 25px;
    color: var(--blue);
}
/* feedback */
.feedback__ul li+li {
    margin-top: 20px;
}
.feedback__ul {
    padding-left: 25px;
    list-style: none;
}
.feedback__ul li {
    position: relative;
}
.form__row.input__checkbox label a {
    font-weight: 700;
}
.feedback__ul li:after {
    content: "";
    display: flex;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background: var(--black);
    position: absolute;
    top: 6px;
    left: -25px;
}
.form__row textarea {
    width: 100%;
    height: 166px;
    border: 1px solid var(--grey-2);
    border-radius: 10px;
    padding: 16px 20px;
    resize: none;
    display: block;
    color: #333;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form__row + .form__row {
    margin-top: 20px;
}
.form__row input.btn {
    border: 0!important;
}
.form__row:not(.input__checkbox) input {
    width: 100%;
    height: 64px;
    border: 1px solid var(--grey-2);
    border-radius: 10px;
    padding: 20px;
}
.form__row.input__checkbox input {
    margin: 0;
}
.form__row.input__checkbox label {
    margin-left: 10px;
}
.form__row.input__checkbox {
    font-size: 16px;
    color: var(--grey-1);
    display: flex;
    align-items: center;
}
/* clients */
.owl-carousel.clients__wrap .owl-item img {
    width: auto;
 
}
.clients__item {
    padding: 15px 35px;
}
.certificates__wrap .owl-nav, .news-other__wrap .owl-nav, .productSimilar .owl-nav {
    top: -70px;
    height: 36px;
}
.footer__item.footer__logo img {
    max-width: 200px;
}
/* projects */
.projects__content {
    background: var(--grey-3);
    padding: 30px;
    border-radius: 0 0 10px 10px;
}
.projects__content hr {
    margin: 15px 0;
}
.projects__content a {
    color: var(--blue);
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
.big__p {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: -10px;
}
.projects__content p:last-child {
    margin: 0;
}
.projects__item {
    border-radius: 10px;
    overflow: hidden;
}
.projects__wrap .owl-nav {
    top: -70px;
    height: 36px;
}
/*noFound*/
.noFound {
    margin: 200px;
    text-align: center;
}
.h1.noFound__h1 {
    font-size: 100px;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 300;
}
.noFound p {
    font-size: 15px;
    margin-bottom: 5px;
}
.noFound a {
	font-size: 15px;
	color: #4fa44f;

}
/*services*/
.services__wrap {
    margin-top: 50px;
}
.services__wrap ul {
    margin: 0;
    margin-bottom: 30px;
}
.services__wrap:first-child {
    margin-top: 30px;
}
.h1.services__h1 {
    font-weight: 500;
    font-size: 45px;
    text-transform: uppercase;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: 50px;
}
.services__item .h4 {
    color: var(--white);
    margin: 0;
    height: 66px;
}
.services__item {
    border-radius: 10px;
    padding: 30px;
    background: var(--blue);
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
/*delivery*/
.delivery__item p:last-child {
    margin: 0;
}
.delivery__item p {
    margin-bottom: 10px;
}
.delivery__item + .delivery__item {
    margin-top: 20px;
}
.delivery__item {
    border-radius: 10px;
    padding: 30px;
    background: var(--blue);
    color: var(--bg);
}
.delivery__wrap.delivery__price {
    border: 0;
    margin-bottom: 50px;
    padding: 0;
}
.delivery__wrap:not(.delivery__price) .col-md-4 p,.services__wrap .col-md-4 p {
	font-weight: 500;
}
.delivery__wrap {
    margin-top: 50px;
    border-bottom: 1px solid var(--grey-2);
    padding-bottom: 30px;
}
.delivery__wrap ul {
    margin: 0;
}
/*payment*/
.payment__wrap {
    margin-top: 10px;
    border: 1px solid var(--grey-3);
    border-radius: 10px;
    padding: 30px;
    background: var(--blue);
    color: var(--grey-3);
    height: 100%;
}
.payment__wrap p {
    margin: 0;
}
.h4.payment__h4 {
    font-size: 20px;
    margin-bottom: 60px;
}
/*account*/
.account__wrap {
    padding: 30px 20px;
    background: var(--grey-3);
    border-radius: 10px;
}
.calendar-icon {
    position: absolute!important;
    right: 10px;
    top: 20px;
}
.form__row {
    position: relative;
}
.account__wrap + .account__wrap {
    margin-top: 30px;
}
.orderItem__right {
    max-width: 150px;
    text-align: right;
    margin-top: 10px;
}
.orderItem__name {
    color: var(--blue);
    margin-bottom: 10px;
}
.orderItem__meta {
    font-size: 15px;
    color: var(--black);
}
.account__orderItem + .account__orderItem {margin-top: 20px}
.account__orderItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account__wrap .form__row:not(.input__checkbox) input {
    height: 59px;
    font-size: 16px;
    background: none;
}
.account__wrap .form__row:not(.input__checkbox) input.btn {
    background: var(--blue);
    display: inline-block;
    border-radius: 10px;
    padding: 10px 50px;
    text-transform: uppercase;
    color: var(--white);
    border: 0;
}

.account__wrap .form__row + .form__row {
    margin-top: 30px;
}
hr {
    margin: 30px 0;
    border-top: 1px solid var(--black);
}
.account_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.account_nav a {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 20px;
    display: block;
}
.account_nav  a.account__active {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 700;
}

/*card*/
.h1.card__h1 {
    font-weight: 500;
    font-size: 40px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--grey-3);
    position: absolute;
    bottom: 40px;
    left: 30px;
    margin: 0;
}
.card__header {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px;
}
.card__header img {
    width: 100%;
}
.product__tab {
    margin: 50px 0;
    margin-top: 0;
}
.card__wrap.product__wrap {
    margin-bottom: 50px;
}
.card {
    margin: 0;
}
.card__wrap ul {
    margin: 0;
}
.card__wrap {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--grey-2);
}
.cardSimilar {
    margin-bottom: 20px;
}
.cardSimilar img {
    height: 305px;
    object-fit: cover;
}
/*footer*/
footer.main__footer ul.menu__ul {
    display: block;
}
footer.main__footer {
    margin-bottom: 20px;
}
picture.sliders__background img {
    max-height: 450px;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
}
.sliders__item picture {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
div#search .input-group {
    display: flex;
    align-items: center;
}
button.btn.btn-primary.search-title-button:after {
    content: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__serach.svg);
    height: 20px;
    width: 20px;
}

button.btn.btn-primary.search-title-button {
    font-size: 0;
    display: flex!important;
    align-items: center;
    justify-content: center;
    height: 47px;
    margin-left: 5px;
    border: 0;
    outline: none;
    background: var(--blue, #4fa44f);
    width: 54px;
    padding: 0;
    flex: none;
}
.section__service img {
    width: 100%;
    border-radius: 20px;
}
.sliders__item {
    border-radius: 8px;
    overflow: hidden;
}
.product__brand p, .product__brand {
    line-height: 1.5;
    margin: 0;
}
section.product .product__tab .brand__img img {
    aspect-ratio: 9/6;
    object-fit: contain;
}
section.calalog {
    margin: 0;
}
.social.white {
    justify-content: flex-end;
}
footer .menu__ul a {
    padding: 0;
    display: block;
}
footer hr {
    border: 0;
    border-top: 1px solid #d8d8d8;
    padding-bottom: 60px;
    margin: 0;
    background: none;
}
footer .menu__ul li+li {
    margin-top: 20px;
}
footer .contact__footer, footer  .col-md-5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__title {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 19px;
}
.footer__wrapper .row {
    justify-content: space-between;
}
.footer__item.footer__logo img {
    max-width: 140px;
}
.footer__wrapper .col-md-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
footer .menu__ul a {
    font-size: 16px;
}
.col-md-4 .footer__item>div {
    font-size: 18px;
    text-transform: uppercase;
}
.news-other__wrap2 img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}
.news-other__footer>div {
    margin: 15px 0;
}
.news-other__footer {
    padding: 0 15px;
}
.footer__item>div+div {
    margin-top: 17px;
}
.politics li + li {
    margin-left: 15px;
}

.politics ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu__ul {
    padding: 0;
    line-height: 1;
}
footer .contact .footer__item:first-child {
    font-weight: 500;
}
.popup__wrap {
    border-radius: 10px;
    border: 1px solid #E1E3E1;
    background: #FFF;
    max-width: 440px;
    padding: 50px 25px;
    position: relative;
}
.bx-system-auth-form form {
    display: block;
    text-align: left;
}
.popup__content button.btn {
    width: 100%;
    outline: none;
    border: 0;
    margin-bottom: 20px;
}
.popup__content a {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--blue);
}
.popup__content noindex {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
a.popup__close {
    width: 20px;
    height: 20px;
    display: flex;
    background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}
.popup__wrap .form__row.input__checkbox {
    justify-content: center;
    margin-top: 20px!important;
}
.popup__wrap form {
    display: flex;
    flex-direction: column;
}
.form__row.input__checkbox {
    justify-content: center;
    order: 1;
}
img.white {
    filter: brightness(0) invert(1);
}
button.product_button.button-cart11.btn {
    width: 100%;
    border: 0;
    cursor: pointer;
}
.product__added img {
    margin-right: 20px;
}
.product__added {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F2F2F2;
    font-size: 20px;
    background: #4fa44f;
    z-index: 2;
    padding: 20px;
    border-radius: 10px;
    display: none;
    align-items: center;
    line-height: 1;
}

.bx-system-auth-form.error__form input {
    border: 1px solid #ff4848;
}
.popup__wrap .form__row:not(.input__checkbox) input {
    width: 100%;
    height: 51px;
    border: 1px solid var(--grey-2);
    border-radius: 10px;
    padding: 16px 20px;
    color: #333;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.popup__wrap .form__row + .form__row {
    margin-top: 10px;
}
.popup__wrap .success {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    color: #00cb14;
    margin-top: 10px;
    position: absolute;
    order: 3;
}
.popup__wrap .form__row.input__checkbox label {
    margin-left: 10px;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
section.product .product__brand a.btn.background__transparent {
    display: none;
}
.popup__wrap .form__row.input__checkbox label a {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.popup__wrap .form__row:not(.input__checkbox) input.btn {
    padding: 0;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h4.h4.popup__h4 {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}
font.errortext {
    font-weight: 400;
    font-size: 14px;
    color: #ff4848;
    margin-top: 20px;
    display: block;
}
.popup {
    position: fixed;
    top: 0;
    height: 100%;
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(217, 217, 217, 0.5);
    z-index: 1000;
}
.form__row.error__input input {
    border: 1px solid #ff4848;
    color: #ff4848;
}
.form__row.error__input input::placeholder {
    color: #ff4848;
}
.success {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
    color: #00cb14;
	margin-top:20px;
}
.popup__wrap section {
    margin: 0;
}
.popup__wrap h3 {
    display: none;
}
.popup__wrap .col-md-4 {display:none}
.popup__wrap .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}
.bx-main-register form {
    display: block;
}

.tab-content {
    display: none;
    margin-top: -2px;
    border-top: 1px solid #D9D9D9;
    padding-top: 30px;
    text-align: left;
}
.noFound p {
    text-align: center;
}
.bx-soa-cart-total-line {
    font-size: 16px;
}
.cart__img a {
    width: 100%;
}
.header__bottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
    margin-top: 20px;
}
.news-other__item:hover {
    box-shadow: 0 5px 30px #22222219;
}
@media (min-width:992px){
	.product__wrap .col-md-auto:nth-child(2) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 41.666667% - 265px);
		flex: calc(100% - 41.666667% - 265px);
		max-width: calc(100% - 41.666667% - 265px);
	}
}
@media (max-width:1370px) {
	.owl-nav, .owl-dots {
		max-width: calc(100% - 30px);
	}
	.search__alphabet.element-animation.topWindow {
		max-width: calc(100% - 30px);
	}
	.search__alphabet.element-animation a {
		font-size: 18px;
	}
	
}
@media (max-width:1280px) and (min-width:992px){
	.menu__ul a {
		font-size: 16px;
		padding: 10px;
	}
	.h4,.product__price, .cart__subtotal {
		font-size: 24px;
	}
	.cart__product {
		font-size: 18px;
	}
	.noFound {
		margin: 100px;
		text-align: center;
	}
	.h1.services__h1 {
		font-size: 55px;
	}
	.product__wrap .col-md-auto:nth-child(2) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 260px);
		flex: calc(100% - 260px);
		max-width: calc(100% - 260px);
	}
}
.licenses__item {
    text-align: left;
}
.section__service.section__service-line {
    display: flex;
    gap: 20px;
    padding: 20px 70px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    align-items: center;
}
.section__service.section__service-line picture {
    flex: none;
}
.news-list .row.projects__wrap2 {
    gap: 30px 0;
}
.brand__wrap.brand__a .col-md-auto.brand__item {
    border: 0;
}
.brand__items {
    border: 1px solid #EEE;
    border-radius: 8px;
	padding: 10px;
}
.brand__items .brand__img img {
    display: block;
    height: 120px;
    margin: 0 auto;
}
.news-single__price {
    margin-bottom: 30px;
}
.menu__news {
    list-style: none;
    margin: 0;
    padding: 0;
}
.brand__items:hover {
    box-shadow: 0 5px 30px #22222219;
    z-index: 1;
}
.col-md-2.brand__item {
    border: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 20%;
    max-width: 20%;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
    border-radius: 5px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    box-shadow: none;
    width: 100%;
    height: 35px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container {
    max-width: 100%;
    background: none;
    height: auto;
    float: none;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1) {
    padding: 0;
}
.price .bx_filter_parameters_box_container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2) {
    padding-left: 0;
}
.bx_filter .bx_ui_slider_track {
    flex: 100%;
}
.bx_filter .bx_filter_parameters_box_container_block {
    flex: 1;
    float: none;
    width: auto;
}
.bx_filter_parameters_box_container>div:nth-child(3) {
    display: none;
}
.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
    border-radius: 5px;
    border: 1px solid #D0D0D0;
    padding: 9px 15px;
    background: #FFF;
    box-shadow: none;
    width: 100%;
    height: 35px;
    color: #898989;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}
@media (max-width:991px) and (min-width:768px){
	.h4, .product__price, .cart__subtotal {
		font-size: 20px;
	}
	
	.cart__wrap {
		margin-top: 220px;
	}
	h4.h4.complex__h4 a {
		font-size: 23px;
		color: #F2F2F2;
	}
	.product__wrap .col-md-auto:nth-child(2) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 260px);
		flex: calc(100% - 260px);
		max-width: calc(100% - 260px);
	}
	.cart .col-md-8, .cart .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.cart__total {
		margin-top: 20px;
	}
	.header__bottombar .col-md-2, .header__bottombar .col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.header__bottombar .col-md-2 img {
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
		display: block;
		margin-bottom: 20px;
	}
	.menu__ul a {
		font-size: 15px;
		padding: 10px;
	}
	.sliders__content  .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.h3.sliders__h3 {
		font-size: 30px;
	}
	.product__wrap .col-md-5 {
		webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-md-5 .product__gallery {
		margin-bottom: 30px;
	}
	.product__wrap .col-md-4, .product__wrap .col-md-3 {
		webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.noFound {
		margin: 100px;
		text-align: center;
	}
	.delivery__item {
		font-size: 18px;
	}
	.tab label {
		font-size: 18px;
	}
}
.bx_filter .bx_filter_section {
    border-top: 1px solid #D0D0D0;
    padding-top: 20px;
}
.bx_filter .bx_filter_section {
    border: 0;
    border-top: 1px solid #D0D0D0;
    padding: 0;
    padding-top: 20px;
    background: none;
}
input#del_filter {
    border-radius: 5px;
    border: 1px solid #818181;
    width: 100%;
    margin: 0;
    background: #fff;
    color: #818181;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
    height: 51px;
}
input#set_filter {
    border-radius: 5px;
    border: 1px solid #818181;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    background: #fff;
    color: #818181;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
    height: 51px;
}
.topbar__item a img {
    display: none;
}
.contact__footer div a img {
    margin-top: 2px;
}
.contact__footer a {
    display: flex;
    gap: 5px;
    align-items: center;
}
.footer__adress img {
    margin-top: 3px;
}
.footer__adress {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
.bx_filter .bx_filter_button_box {
    margin: 0!important;
}
.bx_filter_title img {
    max-width: 24px;
}
.bx_filter .bx_filter_title {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0;
}
.bx_filter .bx_filter_button_box, .bx_filter .bx_filter_parameters_box {
    margin-bottom: 20px;
    padding: revert-layer;
}
span.bx_filter_input_checkbox.toggle.button {
    width: 35px;
    height: 14px;
    border-radius: 55px;
    border: 1px solid #9DA9C4;
    background: #CAD1D8;
    overflow: visible;
    min-height: auto;
}
.bx_filter span.bx_filter_input_checkbox.toggle.button  input[type=checkbox]:checked ~ span:after {
    width: 18px;
    height: 18px;
    content: '';
    border-radius: 18px;
    background: #4fa44f;
    display: flex;
    position: absolute;
    left: 16px;
    top: -3px;
}
.header__mob-wrap nav.nav {
    flex-wrap: nowrap;
}
.bx_filter span.bx_filter_input_checkbox.toggle.button  input[type=checkbox] ~ span:after {
    width: 18px;
    height: 18px;
    content: '';
    border-radius: 18px;
    background: #93969c;
    display: flex;
    position: absolute;
    left: 0px;
    top: -3px;
}
.green_block {
    border-radius: 20px;
    border: 2px solid #83CB6F;
    padding: 35px;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.section__service p b {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4fa44f;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.section__service p b:before {
    content: url(/bitrix/templates/eshop_bootstrap_v4/images/bulb.svg);
}
.numbers__wrap {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #E1E3E1;
    height: 100%;
}
.numbers__wrap {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #E1E3E1;
    height: 100%;
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.numbers__wrap span {
    display: block;
    color: #4fa44f;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}
span.bx_filter_input_checkbox.toggle.button span.bx_filter_param_text {
    width: 35px;
    height: 14px;
    margin: 0;
}
span.bx_filter_input_checkbox.toggle.button {
    width: 35px;
    height: 14px;
    position: absolute;
    border-radius: 55px;
    right: 0;
    top: -32px;
    border: 1px solid #9DA9C4;
    background: #CAD1D8;
    overflow: visible;
}
.bx_filter span.bx_filter_input_checkbox.toggle.button span:before{content:none}
.bx_filter_parameters_box_title {
    width: 93%;
}
.bx_filter .bx_filter_param_text {
    font-size: 15px;
}
.bx_filter .bx_filter_parameters_box_title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    border: 0;
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0;
}
.bx_filter .bx_filter_input_checkbox span:before {
    width: 21px;
    height: 21px;
    display: flex;
    content: "";
    border-radius: 2px;
    border: 1px solid #9DA9C4;
    background: #FAFAFA;
    box-sizing: border-box;
}
.bx_filter .bx_filter_input_checkbox input[type=checkbox]:checked ~ span:after {
    content: '';
    border-radius: 2px;
    background: #4fa44f;
    display: flex;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 3px;
    top: 3px;
}
.bx_filter .bx_filter_param_label {
    font-size: 13px;
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 0;
    margin-right: 0;
}
.bx_filter .bx_ui_slider_pricebar_V, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_track {
    background: #4fa44f;
    border: 0;
    height: 3px;
}
.bx_filter .bx_ui_slider_pricebar_VN {
    border: 0;
    height: 4px;
    background: #D0D0D0;
}
.bx_filter .bx_ui_slider_handle, .bx_filter .bx_ui_slider_handle.left, .bx_filter .bx_ui_slider_handle.right {
    width: 23px;
    height: 23px;
    display: flex;
    background: #4fa44f;
    border-radius: 50%;
    top: -9px;
    margin: 0;
    border: 5px solid #ffff;
    z-index: 20000;
}
.services-list__item img {
    width: 100%;
    border-radius: 20px;
}
.services-list__item .news-list__content {
    height: auto;
}
.services-list__item a.btn {
    position: absolute;
    bottom: 30px;
}
.services-list__item {
    margin-bottom: 30px;
    background: var(--grey-3);
    height: calc(100% - 30px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 46px;
}
section.index.index-44898 .service__data {
    width: 100%;
    justify-content: center;
    align-items: center;
    backdrop-filter: none;
    background: none;
}
section.brands__service .owl-nav {
    display: none;
}
section.brands__service img {
    height: 100px;
    object-fit: cover;
}
.blue__color {
    color: #4fa44f;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0;
}
.lastes-projects__item img {
    border-radius: 20px;
    border: 1px solid #E1E3E1;
    background: #FFF;
    margin-bottom: 20px;
}
.owl-dots {
    position: initial;
    transform: none;
    justify-content: center;
    margin-top: 30px;
}
section.index.index-44898 .service__data h1.h3.news-list__h3 {
    max-width: 100%;
}
.lastes-projects__wrap.owl-carousel button.owl-dot.active {
    background: #4fa44f;
}
.lastes-projects__wrap .owl-dot + .owl-dot {
    margin-left: 0;
}
.lastes-avantages__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.lastes-avantages__item {
    border-radius: 10px;
    border: 1px solid #E1E3E1;
    padding: 20px;
}
.lastes-avantages__header span {
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    opacity: 0.2;
}
.lastes-avantages__footer>div:first-child {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 13px;
}
.lastes-projects__item {
    margin-left: 1px;
}
.services-list__wrap {
    padding: 0 40px;
    border-right: 1px solid  #E1E3E1;
}
.services-list__items {
    display: flex;
    margin: 0 -40px;
}
.services-list__wrap:last-child {
    border: 0;
}
.services-list__h4.h4 a {
    font-weight: 600;
    line-height: normal;
    display: block;
    color: #000;
}
.btn__services-list {
    display: block;
    color: #4fa44f;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-top: 20px;
}
.services-list__h4.h4 {
    height: 48px;
    font-weight: 500;
}
.lastes-avantages__item {
    border-radius: 10px;
    border: 1px solid #E1E3E1;
    padding: 20px;
    height: 100%;
}
.lastes-projects__wrap.owl-carousel button.owl-dot{
	background: #E1E3E1;
}
.lastes-projects__wrap .owl-dots {
    position: initial;
    transform: none;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
}
.index__text {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 45px;
}
.bx_filter .bx_ui_slider_handle.left {
    margin-left: -4px!important;
}
.bx_filter .bx_ui_slider_handle.right {
    margin-right: -4px!important;
}

.bx_filter .bx_ui_slider_range {
    z-index: 500;
}
li.tab {
    padding: 20px 10px;
    color: #000;
    text-align: center;
    cursor: pointer;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

ul.container--tabs {
    display: flex;
    margin: 0;
    list-style: none;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 20px;
    gap: 35px;
    margin-bottom: 30px;
    padding-top: 80px;
}
.bx_filter .bx_ui_slider_handle, .bx_filter .bx_ui_slider_handle.left, .bx_filter .bx_ui_slider_handle.right {
    width: 23px;
    height: 23px;
    display: flex;
    background: #4fa44f;
    border-radius: 50%;
    top: -10px;
    margin: 0;
    border: 5px solid #ffff;
    z-index: 20000;
}
.bx_filter .bx_filter_input_checkbox {
    padding: 0;
}
.bx_filter .bx_filter_input_checkbox input[type=checkbox] {
    display: none;
}
.bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
    padding: 0;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.bx_filter .bx_filter_input_checkbox input[type=checkbox]:checked ~ span:before {
    border: 1px solid #4fa44f;
}
.bx_filter_parameters_box {
    line-height: 1;
    font-size: 15px;
}
.bx_filter .bx_filter_title {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}
.bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after {
    background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bx_filter .bx_filter_parameters_box_title:after {
    position: relative;
    content: ' ';
    width: 14px;
    height: 14px;
    top: auto;
    right: auto;
    background-size: 100vw;
    margin-top: 0;
    opacity: .8;
	background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
div#modef {
    display: none!important;
}
.bx_filter .bx_filter_parameters_box {
    margin-bottom: 20px;
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #D0D0D0;
}
.modern-page-navigation {
    justify-content: center;
}
body.bx-background-image.bx-theme-blue:not(.is-show2) ul.container--tabs {
    padding-top: 120px;
}
.searchline__cart img {
    margin: 0 !important;
}
.header__bottombar.hidden-mob.is-show + .header__bottom.hidden-mob {
    padding-top: 80px;
}
button.widget_cookie__btn-close-cookie.btn.btn-primary {
    border: 0;
    background: var(--blue, #4fa44f);
    padding: 0;
    font-size: 12px;
}
.widget_cookie__style4 {
    border-color: var(--blue, #4fa44f);
}
.widget_cookie a {
    color: var(--theme-b-link);
    font-size: 14px;
}
.sliders__item video {
    width: 100%;
    display: block;
}
.owl-nav button {

    border-radius: 50%;
    height: auto;
    width: auto;
}
.widget_cookie {
    max-width: 100%;
    right: 0;
    left: 0;
    transform: none;
    text-align: center;
    border-radius: 15px;
    width: 100%;
    bottom: 0;
    justify-content: center;
    border-radius: 0;
    gap: 10px;
    background-color: #ffffffa8;
    backdrop-filter: blur(10px);
    border: 0;
}
.calalog__img img:hover {
    transform: scale(1.1);
    transition: .4s;
}
.calalog__img img {
    display: block;
    height: 250px;
}
.calalog__img {
    height: 250px;
    overflow: hidden;
}
.col-md-3.hide-mob img {
    object-fit: cover;
    height: 400px;
    display: block;
    width: 100%;
    border-radius: 8px;
}
.product + .calalog {
    margin-bottom: 60px;
}
.section__service p:last-child {
    margin: 0;
}
section.news-single.service-item {
    margin: 0;
}

.searchline__cart:not(.empty__cart) a:after {
    content: "";
    width: 5px;
    height: 5px;
    display: flex;
    background: var(--blue);
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 0;
}
.searchline__cart a {
    position: relative;
}
.brand .brand__name {
    display: none;
}
.form__row.input__checkbox.error__input {
    border: 1px solid #ff0000;
}
td.ps_logo {
    display: none;
}
table.sale_order_full_table a {
    font-weight: normal;
    font-size: 20px;
}
.news-other2 .owl-carousel .owl-stage-outer {
    padding-bottom: 30px;
}
.news-other2 .news-other__item:hover a {
	color: var(--blue);
}
.news-other2 .news-other__item:hover {
    box-shadow: none;
}
.news-single.service-item .news-single__img img {
    height: 450px;
    margin-bottom: 30px;
}
.section__service {
    margin-bottom: 80px;
}
.avantages__container {
    margin-bottom: 30px;
}
.news-single__img {
    position: relative;
}
.service__data {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 50%;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(5px);
    border-radius: 15px 0 0 15px;
    justify-content: center;
    padding: 40px;
}
.price__fq a.callback.btn {
    color: #fff;
}
.service__data h1.h3.news-list__h3 {
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
    max-width: 340px;
}

.service__data p {
    color: #FFF;
    font-size: 20px;
    text-align: left;
}
.service-item  h3:before {
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #4fa44f;
}
.service-item h3 {
    color: #000;
    font-size: 24px;
    padding-left: 25px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
}
.service-item .news-single__description.description ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: flex;
    background: #4fa44f;
    border-radius: 50%;
    flex: none;
}
.service-item .news-single__description.description ul li+li {
    margin-top: 20px;
}
.service-item .news-single__description.description ul li {
    list-style: none;
    padding-left: 0;
    gap: 10px;
    display: flex;
    align-items: center;
}
.service-item .news-single__description.description b {
    color: #4fa44f;
}
.service-item .news-single__description.description ul {
    margin: 20px 0;
    padding: 0;
}
@media (max-width:480px){
.tab label {
    margin: 0;
    display: inline-block;
    font-size: 15px;
}

}
button.btn.btn-primary.search-title-button {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.header__bottombar.hidden-mob.is-show {
    position: fixed;
    top: -50px;
    left: 0;
    transform: translateY(50%);
    transition: .3s all;
    width: 100%;
    background-color: #ffffffa8;
    z-index: 1000;
    backdrop-filter: blur(10px);
    padding: 10px 0;
}
@media (max-width:767px){
	a.catalog__btn {
		background: none;
		font-family: Inter;
		font-style: normal;
		line-height: normal;
		color: #000;
		padding: 0;
		height: auto;
	}
	.section__service .col-md-6:nth-child(1) .numbers__wrap {
		margin-bottom: 40px !important;
		height: auto;
	}
	.header__mob-burger .footer__item>div:not(.footer__adress) {
		margin-top: 10px;
		font-weight: 700;
	}
	.section__service .brand__wrap-service img {
		width: 156px;
		height: 80px;
	}

	.brand__wrap-service {
		flex-wrap: wrap;
		gap: 10px 24px;
	}	
	.projects__wrap .owl-stage {
		display: block;
	}
	.news-other2:not(.rutube) .h4.news-other__h4 {
		padding: 0;
		margin-bottom: 10px !important;
	}
	.news-other2:not(.rutube) .news-other__item span {
		padding: 0;
		margin-bottom: 8px;
		display: block;
		font-size: 16px;
		color: #818181;
		font-family: Inter;
		font-size: 13px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
	}
	.news-other2:not(.rutube) .h4.news-other__h4 a {
		color: #000;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	section.services h3.h3.complex__h3 a {
		max-width: 280px;
		align-items: flex-start;
	}
	section.services h3.h3.complex__h3 a img {
		margin-top: 2px;
	}
	section.product .brand__item {
		border-top: 0;
		border-radius: 0 0  10px 10px;
		margin: 0;
	}
	.product__add.line__wrap {
		border-radius: 10px 10px 0 0;
	}
	.col-md-7 .product__info {
		display: none;
	}
	.prodict_consult.line__wrap {
		display: none;
	}
	.about__frontpage {
		padding: 0;
		margin: 0 -16px;
	}
	.about__frontpage .row {
		flex-direction: column-reverse;
	}
	.about__frontpage {
		padding: 0;
		margin: 0px -15px;
		border: 0;
	}
	.services a.btn {
		color: #4fa44f;
		font-size: 16px;
		font-weight: 500;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
		background: none;
		padding: 0;
	}
	.about__frontpage img {
		border-radius: 0;
		display: block;
	}
	.about__frontpage .info__wrap {
		z-index: 2;
		position: relative;
		border-radius: 10px;
		background: #FFF;
		box-shadow: 0 4px 21.8px 0 rgba(0, 0, 0, 0.25);
		padding: 25px 20px;
		margin: 0 15px;
		margin-top: -85px;
	}
	
	button.reset.hidden-pc {
		position: absolute;
		right: 15px;
		width: 16px;
		height: 16px;
		border: 0;
		background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__close-1.svg);
		background-size: contain;
		z-index: 20;
	}
	header ul.menu__ul{
		flex-direction: column;
	}
	.product__action .btn {
		font-size: 14px;
		padding: 10px 27px;
		border: 1px solid #4fa44f;
		display: block;
		height: 39px;
		font-weight: 500;
	}
	.news-other__item {
		margin-bottom: 30px;
	}
	.row.owl-carousel.owl-loaded.owl-drag {
		margin: 0;
	}
	.owl-carousel .col-md-4 {
		padding: 0;
	}
	.sliders__data a.btn {
		display: none!important;
	}
	.product__wrap {
		margin-bottom: 30px;
	}
	.tab-content .product__info {
		column-count: 1;
		column-gap: 40px;
	}
	.docs__wrap {
		display: block;
	}
	.docs__wrap a + a {
		margin-top: 20px;
	}
	ul.container--tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px;
		width: 900px;
		margin: 0;
		margin-bottom: 2px;
		padding-top: 0;
	}
	.tabs__wrap {
		overflow: scroll;
		margin-bottom: 20px;
	}
	li.tab {
		padding: 14px 8px;
		font-size: 14px;
	}
	.product__wrap .col-md-5 {
		margin-top: 15px;
	}
	.product__top a {
		font-size: 11px;
	}
	.product__top>div {
		justify-content: center;
		height: 19px;
	}
	.product__top {
		gap: 0;
		font-size: 11px;
		justify-content: space-between;
	}
	
	.sliders__data {
		padding: 20px 0;
		text-align: left;
	}
	
	.service__data {
		width: 100%;
		border-radius: 15px;
		overflow: hidden;
		padding: 15px;
	}
	.section__service.section__service-line {
		flex-direction: column;
		padding: 20px 14px;
		text-align: center;
		gap: 15px;
	}
	.avantages__icon {
		flex: none;
		width: 80px;
		height: 80px;
		margin: 0;
	}
	.footer__item>div:first-child {
		font-size: 16px;
		font-weight: 500;
	}

	.col-md.menu__footer {
		margin-bottom: 12px;
	}
	footer .menu__ul li:first-child a {
		font-weight: 600;
		pointer-events: none;
		font-size: 16px!important;
	}
	footer nav.main__menu li:last-child {
		margin-bottom: 8px;
	}
	.footer__title {
		font-weight: 500;
	}
	.contact__footer {
		margin-top: 22px;
	}
	footer nav.main__menu  ul.menu__ul>li {
		display: none;
	}
	footer nav.main__menu  ul.menu__ul>li:first-child {
		display: block;
	}
	footer nav.main__menu ul.menu__ul>li:first-child {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	footer nav.main__menu ul.menu__ul>li:first-child:after {
		content: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__footer.svg);
	}
	.avantages__item {
		display: flex;
		align-items: center;
		gap: 10px;
		text-align: left;
	}
	.avantages__item {
		font-size: 14px;
	}
	.avantages__item img {
		width: 34px;
	}
	.avantages__wrap.row .col-md + .col-md {
		margin-top: 10px;
	}
	.section__service {
		margin-bottom: 40px!important;
	}
	.col-md-6.img__service {
		order: -1;
		margin-bottom: 10px;
	}
	.service-item h3 {
		font-size: 18px;
	}
	section.news-other2 .owl-dots {
		margin: 0!important;
	}
	.clients__item {
		padding: 10px;
	}

	.col-md-2.brand__item {
		border: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.sliders__item img {
		display: block!important;
		height: auto;
		aspect-ratio: 1;
		object-fit: cover;
	}
	
	.sliders__item video {
		display: none!important;
	}
	.footer__wrapper .container:last-child .col-md-8, .footer__wrapper .container:last-child .col-md-4 {
		margin-top: 20px;
		text-align: center;
	}
	.brand__wrap .owl-carousel {
		max-width: 100%;
		margin: 0 auto;
		position: initial;
	}
	.news-other__wrap2 .col-md-4 + .col-md-4 {
		margin-top: 15px;
	}
	.price__fq a {
		max-width: 175px;
		width: 100%;
		padding: 0!important;
		height: 43px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.price__fq {
		flex-wrap: wrap;
	}
	.widget_cookie {
		flex-direction: column;
		gap: 10px;
	}
	.widget_cookie {
		width: calc(100% - 30px);
		max-width: 100%;
		text-align: center;
		border-radius: 15px;
		left: 15px;
		padding: 10px;
	}
	.hidden-mob {
		display: none;
	}
	section:not(.sliders) .owl-dots {
		max-width: 100%;
	}
	.widget_cookie {
		width: calc(100% - 30px);
		max-width: 100%;
		text-align: center;
		border-radius: 15px;
	}
	.index + .index {
		margin-top: 0;
	}
	.brands {
		margin: 0;
		margin-bottom: 30px;
	}
	.sliders .owl-nav, .sliders .owl-dots {
		max-width: 100%;
		margin: 0 auto;
		transform: none;
		left: 0;
	}
	.footer__wrapper .menu__footer {
		display: block;
	}
	.footer__wrapper .col-md-3 {
		position: inherit;
	}
	.copyright {
		position: initial;
	}
	.politics {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.bottombar__item img {
		margin: 0 auto;
		max-width: 120px;
	}

	.col-md-auto.contact__footer>div:first-child {
		margin-top: 20px;
	}
	.menu__about nav.main__menu {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e5e5e5
	}
	.footer__wrapper  .container:last-child .col-md-4:last-child {
		display: flex;
		justify-content: center;
	}
	.about__frontpage a.btn {
		margin: 15px 0;
		font-weight: 700;
	}
	.info__wrap p, .info__wrap {
		text-align: left;
	}
	.bx_filter.bx_blue {
		margin-bottom: 10px;
	}
	.complex .row-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 0px;
	}
	.brand__wrap .owl-nav, .brand__wrap .owl-nav, .clients__wrap .owl-nav {
		left: 0;
		right: 0;
		width: 100%;
	}
	.complex__item img {
		aspect-ratio: 1;
		object-fit: cover;
	}
	.complex__content {
		max-width: 100%!important;
		padding: 20px;
		text-align: center;
		left: 0;
		background: #00000047;
		height: 100%;
		top: 0;
		display: flex;
		align-items: center;
	}
	.search-parts_wrap form+div {
		display: block;
	}
	div#search a.btn {
		margin-top: 10px;
	}
	.search-parts input#title-search-input {
		height: 44px;
	}
	.brand__wrap .owl-carousel .col-md-auto.brand__item {
		padding: 0;
		max-width: 100%;
		margin: 0;
	}
	body div#search button.btn.btn-primary.search-title-button {
		height: 36px;
		width: 36px;
		flex: none;
		max-width: 36px;
	}
	.brand__product .calalog__wrap {
		margin: 0;
	}
	.parts-warranty img {
		width: 100%;
	}
	.parts-warranty .col-md-3 + .col-md-3 {
		margin-top: 15px;
	}
	.calalog__category .calalog__wrap {
		margin: 0;
	}
	button.btn.btn-primary.search-title-button:after {
		background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__serach.svg);
		height: 20px;
		width: 20px;
		margin: 8px;
		content: "";
		background-size: contain;
		background-position-y: 1px;
		background-position-x: 1px;
	}
	button.btn.btn-primary.search-title-button {
		font-size: 0;
		display: flex!important;
		align-items: center;
		justify-content: center;
		height: 36px;
		margin-left: 5px;
		border: 0;
		outline: none;
		background: var(--blue, #4fa44f);
		width: 36px;
		max-width: 36px;
		padding: 0;
		min-width: auto;
		flex: none;
	}
	footer .col-md-4 {
		align-items: flex-start;
	}
	.calalog-header img {
		aspect-ratio: 1;
		width: 100%;
		object-fit: cover;
		display: block;
	}
	.calalog-header h1.h1.news-list__h1 {
		font-size: 24px;
		margin: 15px;
	}
	.calalog-header__wrap {
		align-items: center;
		text-align: center;
	}
	.brand .owl-nav {
		justify-content: space-between;
		width: calc(100% + 120px);
		transform: translate(-50%, -50%);
		bottom: auto;
		top: 50%;
		max-width: calc(100% + 80px);
	}
	nav.main__menu li:last-child {
		display: block;
	}
	.header__bottombar .col-md-auto.hidden-pc div {
		height: 30px;
	}
	.menu .bottombar__item {
		height: 30px;
	}
	.contacts__info a {
		font-size: 20px;
	}
	.basket-item-block-amount {
		margin: 0;
		padding: 0;
	}	
	.product__add {
		max-width: 100%;
	}	
	.contacts__info p:first-child {
		margin-top: 10px;
	}
	.contacts__info p {
		text-align: left;
	}
	.social.white {
		justify-content: start;
	}
	.product__added {
		width: calc(100% - 30px);
	}
	main.main__content {
		min-height: inherit;
	}
	.contacts__wrap {
		padding: 15px;
	}
	.noFound {
		margin: 50px 0;
	}
	.brand__name {
		display: none;
	}
	.col-md-auto.menu {
		display: flex;
		justify-content: flex-end;
	}
	.hidden-pc  {
		display: block;
	}
	section {
		margin-bottom: 30px;
	}
	body .product__wrap .col-md-auto:nth-child(2) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	ul.menu__ul.active__menu a.menu__active {
		width: 100%;
		display: block;
		padding: 5px;
		color: #fff;
	}
	.header__topbar .col-md-auto:last-child .topbar__item>div:last-child {
		display: block;
		margin: 0;
		margin-bottom: 20px;
	}
	.header__topbar .col-md-auto:last-child .topbar__item>div {
		display: none;
	}
	.header__bottombar .col-md-auto.hidden-pc {
		order: 1;
		max-width: 60px;
	}
	
	.header__bottombar .col-md-auto.menu {
		order: 3;
		max-width: 60px;
	}
	.header__bottombar .col-md-auto {
		order: 2;
		text-align: center;
	}
	.header__bottombar .col-md-auto.hidden-pc a:after {
		background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__phone-2.svg);
		content: "";
		width: 30px;
		height: 30px;
		display: flex;
		background-repeat: round;
	}

	.header__bottombar .col-md-auto.hidden-pc a {
		font-size: 0;
		line-height: 0;
		display: block;
	}
	.searchline__catalog a {
		width: 100%;
		text-align: center;
		margin-bottom: 35px;
	}

	section.news-other2 .news-other__item {
		margin-bottom: 0;
	}
	.owl-dots {
		justify-content: center;
	}
	.searchline__cart a {
		position: relative;
		padding: 0;
		width: auto;
		height: auto;
	}
	.searchline__cart {
		margin-right: 0;
		margin-left: 5px;
	}
	.header__mob-wrap>div {
		display: flex;
		align-items: center;
		margin: 0;
	}
	.header__mob-logo img {
		height: 40px;
	}
	.header__mob-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}
	input#title-search-input {
		width: 100%;
		border-radius: 10px;
		border: 1px solid #CACACA;
		background: #FFF;
		box-shadow: 0 10px 15.7px 0 rgba(0, 0, 0, 0.10);
		height: 55px;
		padding: 15px;
	}
	.header__mob-search {
		position: absolute;
		width: 100%;
		max-width: 100%;
		top: 63px;
		display: none;
	}
	.input-group-append {
		display: none;
	}
	.header__mob-wrap {
		display: flex;
		align-items: center;
		padding: 10px 0;
		gap: 20px;
	}
	body, button, input, select, optgroup, textarea, a{
		font-size:15px;
		font-weight: 400;
	}
	.searchline__wrap input {
		height: 36px;
		padding: 10px 20px;
	}
	.header__bottombar {
		margin: 0;
		margin-bottom: 10px;
	}
	a.callback {
		font-size: 16px;
	}
	.logo {
		margin-bottom: 20px;
	}
	.header__bottombar .row {
		flex-wrap: nowrap;
	}
	.header__bottombar .col-md-2 img {
		max-width: 200px;
	}
	.header__bottombar .col-md-2 {
		flex: 0 0 calc(100% - 60px);
		max-width: calc(100% - 60px);
	}
	.header__bottombar .col-md-10 {
		flex: 0 0 60px;
		max-width: 60px;
		display: flex;
		justify-content: flex-end;
	}
	.searchline__wrap .searchline__cart a img {
		margin: 0;
	}
	.searchline__wrap {
		margin-bottom: 10px;
	}
	h3.h3.sliders__h3 {
		font-size: 24px;
		margin-bottom: 20px;
		font-family: Inter;
		text-transform: none;
		margin-bottom: 5px;
	}
	h3.h3.complex__h3 a {
		color: #000;
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		gap: 20px;
	}
	.h3.complex__h3 img {
		width: 18px;
		padding: 4px;
		background-color: rgba(136, 136, 136, .1);
		border-radius: 5px;
	}
	.sliders__data a.btn {
		width: 100%;
		text-align: center;
	}
	.brand__product {
		margin-bottom: 50px;
	}
	section.calalog-header {
		max-width: calc(100% - 30px);
	}
	.sliders__background img {
		height: 500px;
		object-fit: cover;
	}
	.sliders__data p {
		text-align: left;
	}

	.sliders .owl-nav {
		display: none;
	}
	.sliders__content {
		position: absolute;
		z-index: 2;
		top: 0;
		width: 100%;
		transform: none;
	}
	.h3 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.complex__img img {
		width: 50px;
		height: 50px;
	}
	.complex__img {
		height: auto;
	}
	.complex__content {
		position: initial;
		background: none;
		height: auto!important;
		padding: 0;
		width: auto!important;
	}
	.complex__img {
		height: auto;
		flex: none;
	}
	.complex__item {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 15px;
		align-items: center;
		padding: 15px 10px;
	}
	.complex .col-md-auto + .col-md-auto {
		border-top: 1px solid #E1E3E1;
	}
	.complex__content h4 {
		color: #000;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin: 0!important;
		text-align: left;
	}
	.complex__description.description {
		display: none;
	}
	.complex__content a {
		width: 100%;
		text-align: left;
		padding: 0;
	}
	.h4 {
		font-size: 20px;
		margin-bottom: 20px!important;
	}
	.complex__content a {
		width: 100%;
		text-align: center;
	}
	.complex__item + .complex__item {
		margin-top: 20px;
	}
	.index__wrap img {
		height: 300px;
		object-fit: cover;
		border-radius: 20px;
	}
	.h3.index__h3.color__white {
		font-size: 30px;
	}
	.index__content a {
		text-align: center;
	}
	.index__content {
		width: calc(100% - 30px);
		text-align: left;
		height: calc(100% - 60px);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.col-md-3.brand__item {
		max-width: 50%;
	}
	.brand__btn.btn__more {
		font-size: 15px;
		margin-top: 10px;
	}
	.brand__btn.btn__more img {
		width: 18px;
		height: 18px;
		padding: 4px;
	}
	.feedback__ul li:after {
		
		top: 3px;
		left: -25px;
	}
	.feedback form {
		margin-top: 30px;
	}
	.form__row:not(.input__checkbox) input {
		height: 30px;
		padding: 10px;
	}
	.form__row + .form__row {
		margin-top: 10px;
	}
	.form__row:not(.input__checkbox) input.btn {
		padding: 10px;
		height: 40px;
	}
	.certificates__wrap .owl-nav, .news-other__wrap .owl-nav, .productSimilar .owl-nav, .projects__wrap .owl-nav {
		display: none;
	}
	.footer__wrapper .col-md-5 {
		position: initial;
	}
	
	footer.main__footer {

		position: relative;

	}
	.footer__item.footer__logo {
		margin-bottom: 30px;
	}
	.footer__item.footer__logo img {
		max-width: 200px;
	}
	footer.main__footer ul.menu__ul, footer.main__footer ul.menu__ul a {
		padding: 0;
	}
	footer.main__footer ul.menu__ul a {
		font-size: 14px;
		display: block;
	}
	ul.menu__ul.active li {
		display: flex!important;
	}
	footer nav.main__menu ul.menu__ul.active>li:first-child:after {
		transform: rotate(180deg);
	}
	footer .menu__ul li+li {
		margin-top: 10px;
	}
	.col-md-4 .footer__item>div {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 600;
	}
	footer .col-md-4 {
		flex-direction: column-reverse;
	}
	footer .col-md-4 .footer__item:first-child {
		margin-top: 30px;
	}
	.contact__footer a {
		font-size: 14px;
	}
	footer .contact__footer .footer__title {
		flex: 100%;
	}
	footer .contact__footer .footer__item:last-child {
		margin-top: -37px;
	}
	.footer__item .social img {
		width: 22px;
		height: 22px;
	}
	footer .social {
		gap: 7px;
		margin-top: 15px!important;
	}
	.footer__wrapper hr:nth-child(3) {
		margin: 0 15px;
		margin-top: 30px;
		padding-bottom: 10px;
		border-top: 1px solid #d8d8d8;
	}
	.searchline__cart:not(.empty__cart) a:after {
		content: "";
		width: 5px;
		height: 5px;
		display: flex;
		background: var(--blue);
		border-radius: 50%;
		position: absolute;
		right: -3px;
		top: -3px;
	}
	.copyright {
		position: initial;
		font-size: 14px;
		font-weight: 300;
	}
	.footer__wrapper .container:last-child .col-md-8, .footer__wrapper .container:last-child .col-md-4 {
		margin: 0;
	}
	footer.main__footer {
		margin-bottom: 10px;
	}
	footer.main__footer {
		background: #FAFAFA;
	}
	footer hr {
		border: 0;
		padding-bottom: 30px;
	}
	.politics a {
		color: #4fa44f;
		text-align: center;
		font-family: Inter;
		font-size: 14px;
		display: block;
		font-style: normal;
		font-weight: 300;
		line-height: 14px;
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: none;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
		margin-top: 5px;
}
	footer .contact__footer .footer__item {
		flex: 1;
	}
	footer .contact__footer {
		display: flex
	;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 0 32px;
	}
	section:not(.sliders) .owl-dots {
		position: initial;
		width: 100%;
		transform: none;
		margin-top: 0;
	}
	section:not(.sliders) .owl-carousel button.owl-dot.active {
		background: #4fa44f;
		border: 1px solid #4fa44f;
	}
	section:not(.sliders) .owl-carousel button.owl-dot {
		border: 1px solid #E1E3E1;
		background: #E1E3E1;
	}
	.projects__wrap .owl-dots {
		margin-top: 30px!important;
	}
	.owl-carousel.clients__wrap .owl-item img {
		width: auto;
		padding: 0;
	}
	.calalog__img img {
		height: 250px;
		object-fit: cover;
	}
	.calalog.complex .h4.calalog__h4 {
		margin-bottom: 10px!important;
	}
	.calalog__item {
		margin-bottom: 10px;
		height: auto;
	}
	.form__row textarea {
		height: 120px;
		padding: 10px;
	}
	.form__row.input__checkbox {
		align-items: flex-start;
	}
	.form__row.input__checkbox input[type="checkbox"] {
		height: 20px;
		width: 20px;
	}
	.news-list__img img {
		width: 100%;
	}
	.news-list__img {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}
	.news-list__content a {
		width: 100%;
		text-align: center;
	}

	.news-list__content {
		padding: 15px;
		height: auto;
	}
	.news-list__item + .news-list__item {
		margin-top: 20px;
	}
	.news-list__item {
		display: block;
	}

	.contacts__info p:last-child {
		margin: 0;
	}
	h5.h5.contacts__h5 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.contacts__wrap p:last-child {
		margin: 0;
	}
	.h4.contacts__h4 {
		margin-bottom: 20px;
		font-weight: 500;
	}
	.contacts__cart {
		margin-top: 20px;
	}
	.contacts__wrap +  .contacts__wrap {
		margin-top: 20px;
	}
	.calalog__item .product__action {
		position: inherit;
		max-width: 100%;
		margin-top: 15px;
	}
	.product__action {

		justify-content: space-between;
	}
	.calalog__wrap {
		margin: 0 10px;
	}
	.calalog__content {
		padding: 10px;
		height: 68px;
	}
	.h4.calalog__h4 {
		font-size: 14px;
		margin-bottom: 0!important;
	}
	.calalog__item {
		margin-bottom: 15px;
	}
	.calalog__content {
		height: auto;
	}
	.bx-breadcrumb-item {
		height: auto;
		white-space: normal;
		display: inline;
		line-height: normal;
	}
	.bx-breadcrumb a, .bx-breadcrumb i {
		display: inline;
		line-height: normal;
	}
	.bx-breadcrumb {
		display: inline-flex;
		align-items: center;
	}
	.bx-breadcrumb i {
		height: 28px;
		display: inline-flex;
		line-height: normal;
		align-items: center;
		
	}
	footer button.menu-toggle {
		display: none;
	}
	ul.menu__ul.active__menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 100;
		width: 100%;
		padding: 60px 15px;
		background: var(--bg);
		justify-content: flex-start;
	}
	ul.menu__ul.active__menu li + li {
		margin-top: 20px;
	}
	ul.menu__ul.active__menu a {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 20px;
		text-transform: uppercase;
		color: var(--black);
		padding: 0;
	}
	.overflow button.menu-toggle img {
		opacity: 0;
	}
	.overflow button.menu-toggle {
    background: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__close-2.svg);
    background-repeat: no-repeat;
    z-index: 1001;
    position: relative;
}
	.overflow {
		overflow: hidden;
	}
	.h3.calalog__h3 {
		margin-top: 10px;
	}
	h1.h1.product__h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.product__imgCarousel {
		max-width: 240px;
		margin: 0 auto;
		text-align: center;
	}
	.product__wrap .owl-nav span {
		font-size: 0;
		width: 30px;
		height: 73px;
		display: flex;
		background: url("assets/img/icon/icon__arrow-product.svg");
		background-size: contain;
		background-repeat: no-repeat;
	}
	.product__wrap .col-md-7 {
		order: 1;
	}
	.product__wrap  .owl-nav {
		max-width: calc(100% + 90px);
		justify-content: space-between;
		top: 0;
		transform: none;
		left: -45px;
		bottom: auto;
		width: calc(100% + 90px);
	}
	.product__info {
		margin-top: 15px;
	}
	.product__add {
		margin-top: 0;
		margin-bottom: 0;
	}
	.product__tab {
		margin: 30px 0;
		overflow: scroll;
		margin-top: 0;
	}
	.tab label {
		margin: 5px 0;
		display: inline-block;
		margin-right: 0;
		padding: 0;
		position: relative;
		margin-top: 0;
		padding-bottom: 10px;
	}
	.tab-content {
		display: none;
		margin-top: -17px;
		border-top: 1px solid #D9D9D9;
		padding-top: 20px;
		text-align: left;
	}
	.product__brand a {
		width: 100%;
		text-align: center;
	}
	.cardSimilar__wrap .col-md-3 {
		max-width: 50%;
		padding: 0 5px;
	}
	.cardSimilar__wrap {
		margin: 0 10px;
	}
	.card__wrap {
		margin-bottom: 30px;
	}
	.card__header {
		margin-bottom: 30px;
	}
	h1.h1.card__h1 {
		font-size: 25px;
		bottom: 30px;
	}
	.card__header img {
		height: 400px;
		object-fit: cover;
	}
	.product__brand p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.productSimilar__wrap {
		padding: 0 15px;
	}
	.productSimilar .calalog__item {
		height: auto;
	}
	.cart__img img {
		width: 100%;
		object-fit: cover;
		max-width: 100%;
		height: auto;
		max-height: inherit;
		margin-top: 0;
	}
	.cart__wrap {
		margin-top: 220px;
	}
	.cart__img {
		width: 100%;
	}
	.cart__item {
		flex-direction: column;
	}
	.cart__info label {
		font-size: 14px;
	}
	h4.h4.cart_h4 {
		margin-bottom: 5px!important;
	}
	.cart__total {
		margin-top: 30px;
	}
	.col-md-12.space__80 {
		margin-top: 30px;
	}
	.brand {
		margin-bottom: -10px;
	}
	.calalog {
		margin-bottom: 20px;
	}
	.brand__video {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.noFound {
		margin: 150px 0;
	}
	.col-md-6.payment__cart {
		margin-top: 20px;
	}
	h1.h1.services__h1 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.services__wrap:first-child {
		margin-top: 0;
	}
	.services__wrap {
		margin-top: 0;
	}
	.services__item .h4 {
		color: var(--white);
		height: 44px;
		margin: 0!important;
	}
	.services__item {
		margin-bottom: 20px;
		height: 190px;
	}
	.services {
		margin-bottom: 10px;
	}
	.delivery__wrap {
		margin-top: 30px;
	}

	.delivery__wrap:first-child {
		margin-top: 0;
	}
	.delivery__item div div:last-child .h4 {
		margin: 0!important;
	}
	.delivery__item div:nth-child(2) {
		margin-top: 20px;
	}
	.delivery__wrap.delivery__price {
		margin-bottom: 30px;
	}
	.h3,.h4,.h5 {font-weight: 500;}
	.delivery__wrap:not(.delivery__price) .col-md-4 p {
		font-weight: 500;
	}
	.account__ul li {
		margin: 0;
		flex: none;
		margin-right: 20px;
	}
	.account__ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-y: scroll;
	}
	.account__wrap .form__row:first-child {
		margin: 0;
	}
	.account__wrap .form__row {
		margin-top: 20px;
	}
	.account__wrap .form__row:not(.input__checkbox) input {
		height: 38px;
		font-size: 16px;
		background: none;
	}
	.account__wrap {
		position: relative;
		padding-bottom: 70px;
	}
	.order .account__wrap {
		padding: 15px;
	}
	.account__wrap .form__row:not(.input__checkbox) input.btn {
		position: absolute;
		bottom: -45px;
		height: 40px;
		max-width: calc(100% - 30px);
	}
	.account__wrap .col-md-6 {
		position: initial;
	}
	.account__wrap .form__row {
		margin-top: 20px!important;
	}
	.account__wrap .col-md-6:first-child .form__row:last-child {
		margin: 0!important;
	}
	.account__wrap hr {
		margin-bottom: 10px;
	}
	.orderItem__right {
		max-width: 100%;
		text-align: left;
		font-weight: 500;
	}
	.account__orderItem {
		display: block;
	}
	h4.h4.complex__h4 a {
		font-size: 20px;
	}
	.projects__content a {
		font-size: 18px;
	}
	.projects__content hr {
		margin-top: -5px;
	}
	.footer__wrapper .col-md-5 .footer__item:last-child {
		position: absolute;
		margin: 0;
		bottom: 60px;
	}
	p.footer__info.copyright {
		position: absolute;
		bottom: -180px;
		max-width: calc(100% - 30px);
	}
	/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */
 
.nav {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* внутренние отступы */
    padding: 15px 20px;
    /* плавный переход смещения панели */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* определяем цвет фона панели */
    background: #fff;
    /* поверх других элементов */
    z-index: 2000;
}
 
/**
 * Кнопка переключения панели
 * тег <label>
 */
 
.nav-toggle {
    position: absolute;
    left: 320px;
    top: 1em;
    padding: 0.5em;
    background: inherit;
    color: #000;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
    z-index: 2001;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}
 
/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/
 
.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}
 
/* цвет текста при наведении */
 
.nav-toggle:hover {
    color: #f4f4f4;
}
 
/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */
 
[id='nav-toggle'] {
    position: absolute;
    display: none;
}
 
/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/
 
[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}
 
/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */
 
[id='nav-toggle']:checked ~ .nav {
    left: 0;
    box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}
 
/* 
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/
 
[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
}
 
/*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X), 
 * вы можете испльзовать любой другой значок
*/
 
[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: url(/bitrix/templates/eshop_bootstrap_v4/assets/img/icon/icon__close-1.svg);
}
 
/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */
 
body {
    -webkit-animation: bugfix infinite 1s;
}
 
@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}
 
/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */
 
@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}
 
@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav {
      width: 100%;
      box-shadow: none
    }
}
 
/**
 * Формируем стиль заголовка (логотип) панели 
*/
 
.nav h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}
 
.nav h2 a {
    color: #dadada;
    text-decoration: none;
    text-transform: uppercase;
}

/*плавное появление заголовка (логотипа) при раскрытии панели */
 
[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
 
/**
 * формируем непосредственно само меню
 * используем неупорядоченный список для пунктов меню
 * прикрутим трансфомации и плавные переходы
 */
 
.nav > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.nav > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}
 
[id='nav-toggle']:checked ~ .nav > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
 
/* определяем интервалы появления пунктов меню */
 
.nav > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}
 
.nav > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}
 
.nav > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}
 
.nav > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}
 
.nav > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}
 
.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}
 
 
/**
 * оформление ссылок пунктов меню
 */
 
.nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #dadada;
    width: 100%;
    text-decoration: none;
    /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}
 
/**
 * состояние ссылок меню при наведении
 */
 
.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
    color: white;
    padding-left: 15px;
}
 
/**
 * линия подчеркивания ссылок меню
 */
 
.nav > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}
 
.nav > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}
 
/**
 * анимируем линию подчеркивания 
 * ссылок при наведении
 */
 
.nav > ul > li > a:hover:before {
    width: 0%;
    background: #3bc1a0;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}
 
.nav > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}
[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    display: block;
    right: 15px;
    top: 18px;
}
label.nav-toggle {
    display: none;
}
.logo img {
    max-width: 100px;
}
.header__mob-burger>label {
    height: 18px;
    display: flex;
    align-items: center;
    padding: 0;
}
nav.nav {
    display: flex;
    flex-direction: column;
}
.header__mob-burger .contact__footer {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}
.header__mob-burger  .social {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.header__mob-burger .footer__item a, .header__mob-burger .footer__item div {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin: 0;
    text-transform: none;
}
.header__mob-burger a.catalog__btn {
    margin-bottom: 20px;
}
.header__mob-burger .footer__item div {
    margin-top: 10px;
}
/* фон затемнения на основной контент 
 * при этом элементы блокируютя
 * спорная такая фича, если оно вам надо
 * просто раскомментируйте
*/
 
/*
.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
}
 
[id='nav-toggle']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
*/
	
}
@font-face {
font-family: 'Bebas';
src: url('/bitrix/fonts/Bebas.woff') format('woff'),
url('/bitrix/fonts/Bebas.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ==========================================================================
   ОФОРМЛЕНИЕ БЛОКОВ УСЛУГ (ГАСТРО ТЕХНИКА) - АБСОЛЮТНЫЙ ПРИОРИТЕТ
   Корпоративный цвет: #4fa44f
   ========================================================================== */

/* 1. Сетка блоков (ЖЕЛЕЗОБЕТОННОЕ ВЫРАВНИВАНИЕ) */
html body .services-list .row .services-list__items {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    
    /* Математически точный отступ, копирующий колонку Bootstrap col-md-12 */
    width: calc(100% - 30px) !important; 
    max-width: calc(100% - 30px) !important;
    flex: 0 0 calc(100% - 30px) !important;
    
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    margin-left: 15px !important; /* Точный сдвиг под заголовок */
    margin-right: 15px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 2. Карточка услуги */
html body .services-list__wrap,
html body .services-list__wrap:last-child {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important; 
    border-radius: 8px !important;
    padding: 30px !important;
    transition: all 0.3s ease-in-out !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important; 
    height: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* Эффект при наведении на саму карточку */
html body .services-list__wrap:hover,
html body .services-list__wrap:last-child:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 24px rgba(79, 164, 79, 0.15) !important;
    border-color: #4fa44f !important; 
}

/* 3. Заголовок карточки H4 */
html body .services-list__wrap .services-list__h4 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

html body .services-list__wrap .services-list__h4 a {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-weight: 700 !important;
}

html body .services-list__wrap:hover .services-list__h4 a,
html body .services-list__wrap .services-list__h4 a:hover {
    color: #4fa44f !important;
}

/* 4. Списки подуслуг */
html body .services-list__wrap .services-list__ul {
    flex-grow: 1 !important; /* Растягивается, прижимая кнопку вниз */
    margin-bottom: 25px !important;
    display: flex !important;
    gap: 12px !important;
}

html body .services-list__wrap .services-list__row div {
    position: relative !important;
    padding-left: 18px !important;
}

html body .services-list__wrap .services-list__row a {
    color: #555555 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    transition: color 0.2s ease !important;
    line-height: 1.4 !important;
    display: inline-block !important;
}

html body .services-list__wrap .services-list__row a:hover {
    color: #4fa44f !important;
}

/* Кастомные маркеры (синие точки) */
html body .services-list__wrap .services-list__row div::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: #4fa44f !important;
    transition: transform 0.3s ease !important;
}

html body .services-list__wrap .services-list__row:hover div::before {
    transform: scale(1.5) !important;
}

/* 5. КНОПКА "ПОДРОБНЕЕ" */
html body .services-list__wrap > div:last-child {
    margin-top: auto !important;
}

html body .services-list__wrap a.btn__services-list {
    display: block !important; 
    width: 100% !important;
    padding: 12px 20px !important;
    border: 2px solid #4fa44f !important;
    color: #4fa44f !important; /* Синий текст в обычном состоянии */
    background-color: transparent !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* ФОРСИРУЕМ БЕЛЫЙ ЦВЕТ ПРИ НАВЕДЕНИИ */
html body .services-list__wrap a.btn__services-list:hover,
html body .services-list__wrap a.btn__services-list:focus {
    background-color: #4fa44f !important; 
    color: #ffffff !important; /* Белый текст */
    box-shadow: 0 4px 12px rgba(79, 164, 79, 0.3) !important;
    text-decoration: none !important;
}

/* ==========================================================================
   АДАПТИВНОСТЬ
   ========================================================================== */
@media (max-width: 1199px) {
    html body .services-list .row .services-list__items {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    html body .services-list .row .services-list__items {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/* --- Финальные стили для сеточного вывода услуг --- */

/* 1. Главный контейнер для карточек. Делаем сетку 2x2. */
.services-list__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки равной ширины */
    gap: 30px; /* Расстояние между карточками */
    margin: 0; /* Убираем любые отступы, которые могут вызывать переполнение */
    padding: 0;
}

/* 2. Каждая карточка. */
.services-list__wrap {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 25px;
    display: flex;
    flex-direction: column; /* Элементы ВНУТРИ карточки (заголовок, список, кнопка) идут ВЕРТИКАЛЬНО */
}

/* 3. Контейнер для ДВУХ КОЛОНОК СПИСКА. */
.two-columns-wrapper {
    display: flex;
    flex-direction: row; /* Явно указываем, что дочерние .inner-column идут ГОРИЗОНТАЛЬНО */
    flex-grow: 1;
    margin-bottom: 20px;
}

/* 4. Каждая из двух внутренних колонок. */
.inner-column {
    width: 50%;
    box-sizing: border-box; /* Включаем padding в расчет ширины, чтобы не было переноса */
    padding-right: 15px;
}
.inner-column:last-child {
    padding-right: 0;
}

.services-list__row {
    padding-bottom: 8px;
}

/* Адаптивность */
@media (max-width: 991px) {
    .services-list__items {
        grid-template-columns: 1fr; /* На планшетах и мобильных главная сетка превращается в одну колонку */
    }
}

@media (max-width: 576px) {
    .two-columns-wrapper {
        flex-direction: column; /* На маленьких экранах 2 колонки встают друг под друга */
    }
    .inner-column {
        width: 100%;
        padding-right: 0;
    }
}
/* Уникальный префикс gt- (GastroTechnika) защищает от конфликтов */
.gt-solutions-benefits {
    padding: 30px 0;
    background-color: #ffffff;
}

.gt-solutions-benefits__row {
    display: flex;
    flex-wrap: wrap;
}

.gt-solutions-benefits__item {
    padding: 0 40px;
    position: relative;
    border: none; /* Гарантированно убираем старые рамки, если были */
}

/* Вертикальная синяя полоса */
@media (min-width: 768px) {
    .gt-solutions-benefits__item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 3px;
        background-color: #3d8b3d; /* Фирменный синий */
    }
}

.gt-solutions-benefits__category {
    display: block;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
}

.gt-solutions-benefits__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
}

.gt-solutions-benefits__description {
    font-size: 15px;
    line-height: 1.7;
    color: #666;
}

/* Адаптив для мобильных: убираем полосы и выравниваем по центру */
@media (max-width: 767px) {
    .gt-solutions-benefits__item {
        padding: 30px 15px;
        text-align: center;
    }
    .gt-solutions-benefits__item:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
}
.service__data {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 30%;                      /* было 50% */
    background: transparent;         /* убрали затемнение */
    backdrop-filter: blur(5px);      /* блюр остаётся */
    -webkit-backdrop-filter: blur(5px); /* для Safari */
    border-radius: 15px 0 0 15px;
    justify-content: center;
    padding: 40px;
}
/* ====== Модальные окна — модернизация ====== */
.popup {
    background: rgba(15, 17, 23, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.popup__wrap {
    border-radius: 16px !important;
    border: 0 !important;
    background: #fff;
    max-width: 480px !important;
    padding: 36px 36px 32px !important;
    position: relative;
    box-shadow: 0 25px 70px rgba(15, 17, 23, 0.2);
    animation: popupIn 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes popupIn {
    from { opacity: 0; transform: translateY(20px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Заголовок слева */
h4.h4.popup__h4 {
    color: #0f1117 !important;
    text-align: left !important;
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
    padding-right: 48px;
    letter-spacing: -0.01em;
}
.popup__subtitle {
    color: #5c6370;
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 24px;
    padding-right: 48px;
}

/* Современный крестик в кружке */
a.popup__close {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute;
    top: 20px !important;
    right: 20px !important;
    cursor: pointer;
    background: #f6f7f9 !important;
    border-radius: 50%;
    transition: all 0.2s;
}
a.popup__close:hover {
    background: #4fa44f !important;
    transform: rotate(90deg);
}
a.popup__close::before,
a.popup__close::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: #0f1117;
    border-radius: 1px;
    transition: background 0.2s;
}
a.popup__close:hover::before,
a.popup__close:hover::after { background: #fff; }
a.popup__close::before { transform: rotate(45deg); }
a.popup__close::after  { transform: rotate(-45deg); }

/* Скрыть битриксовые дубль-заголовки в auth/register */
#modal-login .popup__wrap h3,
#modal-register .popup__wrap h3 {
    color: #0f1117;
    text-align: left;
    font-family: 'Manrope', 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
    padding-right: 48px;
    letter-spacing: -0.01em;
}
/* Если всё же есть двойной — скрыть первый (мой wrapper не рендерится для auth/register) */

/* Поля — современный вид */
.popup__wrap .form__row:not(.input__checkbox) input,
.popup__wrap .bx-auth input[type="text"],
.popup__wrap .bx-auth input[type="password"] {
    height: 48px !important;
    padding: 12px 16px !important;
    border: 1px solid #e2e6ed !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    transition: all 0.15s;
    background: #fff !important;
}
.popup__wrap .form__row:not(.input__checkbox) input:focus,
.popup__wrap .bx-auth input[type="text"]:focus,
.popup__wrap .bx-auth input[type="password"]:focus {
    outline: none;
    border-color: #4fa44f !important;
    box-shadow: 0 0 0 4px rgba(79, 164, 79, 0.1);
}
.popup__wrap .form__row + .form__row { margin-top: 12px !important; }

/* Кнопка отправки */
.popup__wrap .form__row input.btn,
.popup__wrap .btn,
.popup__wrap input[type="submit"] {
    height: 48px;
    border-radius: 10px !important;
    background: #4fa44f !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border: 0 !important;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 6px 20px rgba(79, 164, 79, 0.25);
}
.popup__wrap .form__row input.btn:hover,
.popup__wrap .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px rgba(79, 164, 79, 0.35);
    background: #3d8b3d !important;
}

/* Чекбокс согласия — меньше и чище */
.popup__wrap .form__row.input__checkbox {
    font-size: 12px !important;
    color: #5c6370 !important;
    margin-top: 16px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.popup__wrap .form__row.input__checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: #4fa44f;
}

/* Текстовое поле "Сообщение" */
.popup__wrap .form__row textarea {
    min-height: 100px !important;
    padding: 12px 16px !important;
    border: 1px solid #e2e6ed !important;
    border-radius: 10px !important;
    font-size: 15px !important;
}

/* Ссылки в login/register ("Нет аккаунта? Регистрация") */
.popup__wrap .bx-auth a,
.popup__wrap .bx-auth-services a {
    color: #4fa44f !important;
    font-weight: 600;
    text-transform: none !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
}

/* Уберём дубль заголовка «Вход»/«Регистрация» — кэшируем СКРЫТЬ у битриксового */
#modal-login .popup__wrap > div > h3:first-child,
#modal-register .popup__wrap > form > h3:first-child,
#modal-login .bx-authform-label-container,
#modal-register .bx-authform-label-container {
    display: none;
}

/* ====== Каталог: ровные квадратные плитки категорий (как на главной) ======
   Заскоплено на .calalog.complex (страница /catalog/), чтобы НЕ задевать
   блок «Рекомендуем также» (.calalog.recomend) — там родная сетка col-md-3 = 4 в ряд. */
.calalog.complex .calalog__category .calalog__img { height: auto; overflow: visible; background: #fff; }
.calalog.complex .calalog__category .calalog__img img {
    width: 100%;
    aspect-ratio: 1 / 1;     /* квадрат */
    height: auto;            /* перебивает height:250px */
    object-fit: contain;     /* фото целиком, без обрезки */
    padding: 14px;
    display: block;
}
.calalog.complex .calalog__category .calalog__img img:hover { transform: none; }
.calalog.complex .calalog__category .row { align-items: stretch; }
/* Десктоп: 5 плиток категорий в ряд (только каталог) */
@media (min-width: 768px) {
    .calalog.complex .calalog__category .col-md-3 { flex: 0 0 20%; max-width: 20%; }
}
/* Мобила: 2 квадратные плитки в ряд (только каталог) */
@media (max-width: 767px) {
    .calalog.complex .calalog__category .col-md-3 { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; }
    .calalog.complex .calalog__category .calalog__img img { padding: 10px; }
    .calalog.complex .calalog__category .calalog__content { padding: 10px 10px 14px; height: auto; }
    .calalog.complex .calalog__category .h4.calalog__h4 { font-size: 13px; }
}

/* =================================================================
   МОБИЛЬНАЯ ШАПКА · рестайл выезжающего меню + лого + поиск
   (2026-06-29) — перекрывает легаси тёмной drawer-темы
   ================================================================= */

/* — затемнение-подложка под открытым меню (клик закрывает) — */
.nav-scrim { display: none; }
.header__mob-burger #nav-toggle:checked ~ .nav-scrim {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(12, 22, 16, .45);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 1990;
    animation: navScrimIn .25s ease;
}
@keyframes navScrimIn { from { opacity: 0 } to { opacity: 1 } }

/* — сама панель — */
.header__mob-burger .nav {
    width: 86%;
    max-width: 360px;
    min-width: 0;
    left: -110%;
    padding: 0;
    background: #fff;
    box-shadow: none;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.header__mob-burger #nav-toggle:checked ~ .nav {
    left: 0;
    box-shadow: 24px 0 60px rgba(0, 0, 0, .35);
}

/* — шапка панели: лого слева + крестик справа — */
.header__mob-burger .nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px;
    border-bottom: 1px solid #eef0ee;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 3;
}
.header__mob-burger .nav__head .logo { margin: 0; display: inline-flex; }

/* — ЛОГО квадратное (без растяжки) — drawer и шапка — */
.header__mob-burger .nav .logo img {
    width: 48px;
    height: 48px;
    max-width: 48px;
    object-fit: contain;
    display: block;
}
.header__mob-logo img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    object-fit: contain;
}

/* — крестик закрытия (кружок с X) — */
.header__mob-burger .nav-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: auto; right: auto; top: auto;
    width: 40px; height: 40px;
    flex: 0 0 40px;
    padding: 0;
    border-radius: 50%;
    background: #f3f5f3;
    cursor: pointer;
    transition: background .2s;
}
.header__mob-burger .nav-toggle:hover { background: #e7ebe7; }
.header__mob-burger .nav-toggle:before,
.header__mob-burger .nav-toggle:after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 17px; height: 2px;
    margin: -1px 0 0 -8.5px;
    background: #2b2f2b;
    border-radius: 2px;
}
.header__mob-burger .nav-toggle:before { transform: rotate(45deg); }
.header__mob-burger .nav-toggle:after  { transform: rotate(-45deg); }

/* — кнопка «Каталог» (с боковыми отступами, текст по центру) — */
.header__mob-burger .nav__catalog { padding: 16px 18px 4px; }
.header__mob-burger a.catalog__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 14px 22px;
    background: linear-gradient(135deg, #4fa44f, #3c8a3c);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(79, 164, 79, .32);
    text-align: center;
    transition: box-shadow .2s, transform .15s;
}
.header__mob-burger a.catalog__btn:hover { box-shadow: 0 10px 24px rgba(79, 164, 79, .45); transform: translateY(-1px); }
.header__mob-burger a.catalog__btn img { width: 20px; height: 20px; filter: brightness(0) invert(1); }

/* — пункты меню (отменяем бледный #dadada из легаси-темы) — */
.header__mob-burger .nav .menu__ul {
    display: block;
    list-style: none;
    margin: 6px 0 0;
    padding: 6px 10px;
    width: 100%;
}
.header__mob-burger .nav .menu__ul li {
    display: block;
    width: 100%;
    margin: 0;
    line-height: normal;
    opacity: 1;
    transform: none;
}
.header__mob-burger .nav .menu__ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 13px 12px;
    color: #23272a;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    text-decoration: none;
    border-radius: 10px;
    transition: background .18s, color .18s, padding .18s;
}
/* убираем легаси-подчёркивание :before */
.header__mob-burger .nav .menu__ul li a:before { display: none; content: none; }
/* шеврон-стрелка справа вместо подчёркивания */
.header__mob-burger .nav .menu__ul li a:after {
    content: '';
    position: static;
    display: block;
    width: 7px; height: 7px;
    flex: 0 0 auto;
    background: none;
    border-right: 2px solid #c2c8c2;
    border-top: 2px solid #c2c8c2;
    border-bottom: 0; border-left: 0;
    transform: rotate(45deg);
    transition: border-color .18s, transform .18s;
}
.header__mob-burger .nav .menu__ul li a:hover,
.header__mob-burger .nav .menu__ul li a:focus {
    background: #f1f7f1;
    color: #2f7d32;
    padding-left: 16px;
}
.header__mob-burger .nav .menu__ul li a:hover:after { border-color: #4fa44f; }
.header__mob-burger .nav .menu__ul li a.menu__active {
    color: #2f7d32;
    background: #eef6ee;
    font-weight: 600;
}

/* — второй (информационный) блок меню — */
.header__mob-burger .nav__info {
    margin-top: 2px;
    border-top: 1px solid #eef0ee;
    padding-top: 2px;
}
.header__mob-burger .nav__info .menu__ul li a {
    font-size: 15px;
    font-weight: 500;
    color: #5a615a;
    padding: 11px 12px;
}
.header__mob-burger .nav__info .menu__ul li a:hover { color: #2f7d32; }

/* — футер панели: контакты + соцсети — */
.header__mob-burger .contact__footer {
    margin-top: auto;
    padding: 16px 20px 22px;
    border-top: 1px solid #eef0ee;
    background: #fafbfa;
}
.header__mob-burger .contact__footer .footer__item { margin: 0 0 14px; }
.header__mob-burger .contact__footer .footer__item:last-child { margin-bottom: 0; }
.header__mob-burger .contact__footer .footer__item > div { margin-top: 9px; }
.header__mob-burger .contact__footer .footer__item > div:first-child { margin-top: 0; }
.header__mob-burger .contact__footer a { color: #23272a; text-decoration: none; }
.header__mob-burger .contact__footer .footer__item:first-child > div:first-child a {
    font-size: 19px;
    font-weight: 700;
    color: #2f7d32;
}
.header__mob-burger .footer__adress {
    color: #6b716b;
    font-size: 14px;
    line-height: 1.4;
}
.header__mob-burger .footer__item > div:first-child:not(.footer__adress) { font-weight: 600; }
.header__mob-burger .social { gap: 8px; }
.header__mob-burger .social .soc-ico { color: #9aa19a; transition: color .2s, transform .2s; }
.header__mob-burger .social .soc-ico:hover { color: #4fa44f; transform: translateY(-2px); }

/* — ПОИСК в мобильной шапке: одна чистая подложка-дропдаун, без пустой «штуки» снизу — */
.header__mob-search {
    left: 0;
    right: 0;
    background: #fff;
    padding: 12px;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .12);
    z-index: 1500;
}
/* убираем двойной бокс/отступы внутренних обёрток */
.header__mob-search .title-search,
.header__mob-search .title-search-form,
.header__mob-search .input-group { margin: 0; padding: 0; border: 0; background: none; }
/* прячем сабмит-кнопку и пустой контейнер результатов (даёт лишнюю «штуку» снизу) */
.header__mob-search .input-group-append,
.header__mob-search .search-title-button { display: none !important; }
.header__mob-search .title-search-div:empty { display: none; }
/* поле поиска без окантовки — лёгкая заливка вместо рамки/тени */
.header__mob-search input#title-search-input,
.header__mob-search .form-control {
    border: 0 !important;
    box-shadow: none !important;
    background: #f3f5f7 !important;
}

/* =================================================================
   КАРТОЧКА ТОВАРА / БРЕНД · фиксы (бывший _CATALOG_FIX.css, слит сюда)
   ================================================================= */
/* Логотип бренда (блок «Все товары») — вписывать целиком, без квадратной обрезки/растяжки */
.brand__item.line__wrap img {
    width: auto !important;
    max-width: 170px;
    max-height: 64px;
    aspect-ratio: auto !important;
    object-fit: contain !important;
}
/* Кнопка «В корзину» — по центру и чуть шире */
.product__add button.product_button.button-cart11.btn,
.product__add .btn.buy-1-click {
    width: 100% !important;
    max-width: 300px;
    margin: 12px auto 0 !important;
    display: block;
    text-align: center;
}

/* =================================================================
   ПАГИНАЦИЯ (бренды/каталог) · по центру + зелёный активный
   ================================================================= */
/* убираем пустую левую колонку-сдвиг, центрируем на всю ширину
   (высокая специфичность section.navigation — перебивает фирменный синий из template_styles.css) */
section.navigation .row { justify-content: center; }
.navigation .col-md-3 { display: none; }
.navigation .col-md-9 { flex: 0 0 100%; max-width: 100%; }
section.navigation .modern-page-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 12px 0 0;
}
/* кружки чуть крупнее для удобного тапа (нативно 25px) */
section.navigation .modern-page-navigation a,
section.navigation .modern-page-navigation span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background .18s, color .18s;
}
/* активная страница — зелёная (перебивает синий #3B5998) */
section.navigation .modern-page-navigation .modern-page-current {
    background: #4fa44f;
    color: #fff !important;
}
/* ховер по номерам — зелёный акцент */
section.navigation .modern-page-navigation a:hover {
    background: #eef6ee;
    color: #2f7d32 !important;
}
/* стрелка «вперёд» — зелёный кружок на ховере */
section.navigation .modern-page-navigation a.modern-page-next:hover,
section.navigation .modern-page-navigation a.modern-page-previous:hover {
    background: #eef6ee;
}
/* Мобильное бургер-меню: кнопка «Каталог» — воздух по бокам + центрирование */
.header__mob-burger .catalog__btn{
    justify-content:center;   /* иконка + «Каталог» по центру */
    margin:0 8px;             /* отступы слева/справа, чтобы не липла к краям */
}
