@charset "utf-8";

/* ------------------------------- RESET ------------------------------- */

html {margin: 0; padding: 0; height: 100%;}
body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, a, font, small, strong, b, u, i, center, label, form, fieldset,
input, button, textarea, img, p, table, tr, th, td, dl, dt, dd {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;
}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
input, button, textarea, select, optgroup, option {
    font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input, button, textarea, select {font-size: 100%; display: block;}
input[type=text], input[type=submit], textarea{-webkit-appearance: none;}
input[type=text]::placeholder {color: #929BAD; font-size: 14px;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #F6F6F6 !important; -webkit-text-fill-color: #000000 !important; color: #000000 !important;
}
select {outline: 0;}
:focus {outline: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-focus-inner {border: 0; padding: 0;}

:root {
    --primary-orange: #F0482D;
    --primary-white: #FFFFFF;
    --primary-lidht-blue: #FAFAFD;
}

/* ------------------------------- DEFAULT ------------------------------- */

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smooth;}
body {
    background: #FFFFFF; color: #000000; font-family: 'Montserrat Alternates', sans-serif; display: flex; flex-direction: column; min-width: 375px;
    min-height: 100vh; font-size: 16px; line-height: 130%;
}
div, label {display: block;}
a {text-decoration: none; color: #151515; cursor: pointer;}
.wrap {padding: 0 50px; margin: 0 auto; max-width: 1600px;}
.items {display: flex;}
.items > div {flex-grow: 1; flex-basis: 0;}

h2 {font-size: 36px; font-weight: 500; color: #194A33; text-align: center; line-height: 180%;}

.btn_primary {
    display: block; line-height: 48px; text-align: center; font-size: 16px; height: 48px; cursor: pointer;
    user-select: none; padding: 0 22px; background: #FFFFFF; color: #194A33; transition: .3s ease-in-out;
}
.btn_primary:hover {color: #8CBC4F;}

.dn {display: none !important;}

@media only screen and (max-width: 1024px) {
    .wrap {padding: 0 16px;}
    .btn_primary {font-size: 12px;}
    h2 {font-size: 22px; line-height: 150%;}
}

/* -------------------------------- INPUTS --------------------------------- */

.input_group_flex {display: flex; margin-bottom: 20px;}
.input_group {position: relative;}
.input_group > svg {position: absolute; right: 16px; top: 40px; width: 25px; height: 25px;}
.input_group > input {background: #F6F6F6; border-radius: 8px; height: 50px; width: 100%; padding: 0 16px; font-size: 16px;}
.input_group.error > input {border: 1px solid #FF0033;}
.input_group > textarea {background: #F6F6F6; border-radius: 8px; height: 100px; width: 100%; padding: 16px; resize: none;}
.input_group > textarea.error {border: 1px solid #FF0033;}
.input_group > label {font-size: 16px; color: #333333; margin-bottom: 8px;}
.input_group > label > span {color: #FF0033;}
.radio_group > div {display: flex; align-items: center; margin-bottom: 8px;}
.radio_group > div > input {margin-right: 8px;}
.checkbox_group {display: flex; align-items: center;}
.checkbox_group > input {
    min-width: 20px; width: 20px; height: 20px; border-radius: 8px; box-shadow: 0 0 4px 1px #C9BEFF; position: relative;
    border-color: transparent; background: #FFFFFF; margin-right: 12px; appearance: none; overflow: hidden;
}
.checkbox_group > input:checked::before {
    content: ""; position: absolute; width: 100%; height: 100%; background-color: #C9BEFF; background-size: 50%; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.checkbox_group > label {font-size: 14px; line-height: 130%; color: #4D4D4D;}
.checkbox_group > label > a {color: #0D0D0D; display: block;}

@media only screen and (max-width: 1024px) {
    .input_group_flex {margin-bottom: 0;}
    .checkbox_group > label {font-size: 12px;}
    .checkbox_group > label > a {display: inline-block;}
}

/* -------------------------------- MODAL --------------------------------- */

#modal {
    position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
    display: none; opacity: 0; filter: alpha(opacity=0); background: rgba(0, 0, 0, 0.60); backdrop-filter: blur(10px); z-index: 1000;
}
#modal_container {
    overflow-y: auto; z-index: 1001; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;
    text-align: left; direction: ltr; position: fixed;
}
#modal.active {display: block; opacity: 1; filter: alpha(opacity=100);}
#modal_overlay {position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; display: flex; align-items: center;}
#modal_content {position: relative; height: auto; margin: 20px auto; padding: 0; overflow: hidden; width: 100%;}
.modal_close {position: absolute; right: 25px; top: 25px; cursor: pointer; color: #FFFFFF; opacity: .7; transition: .3s ease-in-out;}
.modal_close:hover {opacity: 1;}

.product_price {padding: 20px; background: #FFFFFF; display: flex; flex-wrap: wrap;}
.product_price > p {width: 100%; margin-bottom: 16px; font-size: 20px; color: #000000; line-height: 150%;}
.product_price > div {
    padding: 8px 16px; background: #EEEEEE; font-size: 16px; color: #000000; margin-right: 20px;
    margin-bottom: 8px; cursor: pointer; transition: .3s ease-in-out;
}
.product_price > div:hover {background: #000000; color: #FFFFFF;}

@media only screen and (max-width: 1024px) {
    #modal_content {padding: 0;}
    .modal_close {right: 16px; top: 20px;}
}

/* -------------------------------- MENU --------------------------------- */

#menu {position: sticky; top: 0; background: #FFFFFF; z-index: 20;}
#menu.sticky {border-bottom: 1px solid #194A33;}

#menu > .menu_top {padding: 12px 0; background: #194A33; color: #FFFFFF; font-size: 16px;}
#menu > .menu_top > .wrap {display: flex; align-items: center;}
#menu > .menu_top .favourite_product {display: flex; align-items: center;}
#menu > .menu_top .favourite_product > a {margin-left: 8px; color: #8CBC4F; text-decoration: underline; display: flex; align-items: center;}
#menu > .menu_top .favourite_product > svg {margin-left: 2px; color: #8CBC4F; cursor: pointer;}
#menu > .menu_top .contacts {display: flex; margin: 0 auto;}
#menu > .menu_top .contacts > p {margin-right: 8px;}
#menu > .menu_top .contacts > a {margin-right: 8px; color: #8CBC4F; text-decoration: underline;}
#menu > .menu_top .retail {display: flex; align-items: center; margin: 0 auto;}
#menu > .menu_top .retail > p {margin-right: 8px;}
#menu > .menu_top .retail > a {margin-right: 8px; text-decoration: underline;}
#menu > .menu_top .retail > a > img {display: block;}
#menu > .menu_top label {display: none;}
.selector_language_img {width: 20px;}
.selector_language_img.bottom {display: none; border: 1px solid #F2F2F2; width: 24px;}
.selector_language {color: #FFFFFF; border: none; appearance: none; padding: 4px 8px; background: url(/images/icons/arrow.svg) no-repeat right;}
.selector_language.bottom {color: #194A33; font-size: 12px; display: none;}
.selector_language > option {color: #000000;}

#menu > .menu_bottom {padding: 12px 0;}
#menu > .menu_bottom > .wrap {display: flex; align-items: center;}
#menu > .menu_bottom .logo {margin-right: auto;}
#menu > .menu_bottom .logo > img {height: 45px;}
#menu > .menu_bottom a {display: flex; align-items: center; margin-right: 40px;}
#menu > .menu_bottom a.active {color: #8CBC4F;}

#menu > .menu_bottom label {display: none;}

#menu > .menu_bottom #search_btn {margin-left: auto; cursor: pointer;}
#menu > .menu_bottom #cart_btn {margin-right: 0; cursor: pointer;}

.burger_menu {margin-left: 24px; display: none;}
.burger_menu > svg:last-child {display: none;}
#menu.mobile .burger_menu > svg:first-child {display: none;}
#menu.mobile .burger_menu > svg:last-child {display: block;}

#mobile_menu {display: none; position: sticky; top: 55px; background: #FFFFFF; height: calc(100vh - 63px); z-index: 20;}
#mobile_menu.active {display: block; overflow-y: auto;}
#mobile_menu .switch_language > span.active {color: #D2054E;}
.mobile_menu {
    display: flex; flex-direction: column; align-items: flex-start; padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, 0.20);
    height: calc(100vh - 103px); max-height: 700px;
}
.mobile_menu > .links {
    display: flex; flex-direction: column; align-items: flex-start; font-size: 15px; font-weight: 600; color: #000000; line-height: 130%;
}
.mobile_menu > .links a {margin-bottom: 12px; text-align: left; font-size: 15px; text-transform: uppercase;}
.mobile_menu > .cart {margin-top: auto; padding: 45px 0; border-top: 1px solid #5454541A; border-bottom: 1px solid #5454541A; width: 100%;}
.mobile_menu > .cart a {font-size: 15px; text-transform: uppercase; color: #151515; font-weight: 600;}
.mobile_menu > .contacts {padding: 45px 0; border-bottom: 1px solid #5454541A; width: 100%; color: #151515; font-weight: 600; font-size: 15px; text-transform: uppercase;}
.mobile_menu > .contacts > a {display: block; text-decoration: underline;}
.mobile_menu > .retail {padding: 45px 0; border-bottom: 1px solid #5454541A; width: 100%; color: #151515; font-weight: 600; font-size: 15px; text-transform: uppercase; display: flex; flex-wrap: wrap;}
.mobile_menu > .retail > p {width: 100%;}
.mobile_menu > .retail > a {display: block; text-decoration: underline; width: 44px;}
.mobile_menu > .retail > a > img {display: block; width: 100%;}
.mobile_menu .line {width: 220px; height: 1px; min-height: 1px; background: rgba(255, 255, 255, 0.20); margin-bottom: 20px;}

@media only screen and (max-width: 1300px) {
    #menu > .menu_top {font-size: 14px;}
}

@media only screen and (max-width: 1150px) {
    #menu > .menu_top {font-size: 12px;}
}

@media only screen and (max-width: 1024px) {
    #menu > .menu_top {display: none;}
    #menu > .menu_bottom a:not(.logo) {display: none;}
    #menu > .menu_bottom #cart_btn {display: block; height: 24px;}
    .burger_menu {display: block; height: 24px; min-width: 24px; cursor: pointer;}
    .selector_language_img.bottom {display: block;}
    .selector_language.bottom {display: block;}
    #menu > .menu_bottom .logo > img {height: 25px;}
}

/* -------------------------------- CALL TOUCH --------------------------------- */

#call_touch {display: none; position: fixed; bottom: 20px; right: 20px; z-index: 10;}

@media only screen and (max-width: 1024px) {
    #call_touch {display: block;}
}

/* -------------------------------- HEADER --------------------------------- */

#header {background: linear-gradient(to left, #AFD726, #465806, #425400); transition: background .3s ease-in-out; overflow-x: clip;}
#header .header_item {display: flex; align-items: center; -webkit-justify-content: center; padding: 60px 0 0; width: 100%;}
#header .header_item > div:nth-child(1) {filter: drop-shadow(0 0 4px rgba(100,0,0,0.5));}
#header .header_item > div:nth-child(1) > div {
    width: 420px; min-width: 420px; height: 550px; margin-right: 60px; background: #FFFFFF;
    position: relative; top: 45px; clip-path: xywh(0 0 100% 100% round 50% 50% 0 0);
    -webkit-clip-path: xywh(0 0 100% 100% round 50% 50% 0 0);
}
#header .header_item > div:nth-child(1) > div > img {
    display: block; position: absolute; top: 5px; right: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); object-fit: cover;
    clip-path: xywh(0 0 100% 100% round 50% 50% 0 0);
    -webkit-clip-path: xywh(0 0 100% 100% round 50% 50% 0 0);
}
#header .header_item > div:nth-child(2) {color: #FFFFFF; max-width: 620px; padding: 20px 60px; background: #09090942; border-radius: 16px;}
#header h2 {font-size: 36px; color: #FFFFFF; text-align: left; line-height: 130%;}
#header .header_item > div:nth-child(2) > p {padding-top: 16px; line-height: 130%;}
#header .header_item > div:nth-child(2) > .btn_primary {margin-top: 30px; width: fit-content;}

#header.addition {padding: 40px 0;}
#header.addition h1 {font-size: 36px; color: #FFFFFF; line-height: 150%; text-align: center;}

@media only screen and (max-width: 1280px) {
    #header .header_item > div:nth-child(1) > div {min-width: 275px; width: 275px; height: 380px;}
}

@media only screen and (max-width: 1024px) {
    #header {padding-bottom: 90px; position: relative;}
    #header .wrap {padding: 0;}
    #header .header_item {flex-direction: column-reverse; height: 420px;}
    #header .header_item > div:nth-child(1) {position: absolute; top: calc(100% - 260px);}
    #header .header_item > div:nth-child(1) > div {margin-right: 0; top: 0;}
    #header h2 {font-size: 26px;}
    #header .header_item > div:nth-child(2) {padding: 20px; z-index: 5; background: #09090966; height: 100%; border-radius: 0; width: 100%; max-width: 100%;}
    #header .header_item > div:nth-child(2) > p {padding-top: 10px; font-size: 15px;}
    #header .header_item > div:nth-child(2) > .btn_primary {margin-top: 14px;}
    #header.addition {margin-bottom: 0; padding: 40px 0;}
    #header.addition h1 {font-size: 32px;}
}

/* -------------------------------- CART --------------------------------- */

#cart {margin-top: 80px;}
#cart > .wrap > h1 {font-size: 36px; font-weight: 600; color: #000000; line-height: 150%; text-align: center;}
#cart > .wrap > p {padding-top: 16px; font-size: 16px; color: #000000; line-height: 130%; text-align: center;}
#cart > .wrap > .cart {display: flex; margin-top: 40px;}
#cart > .wrap > .cart > .items {width: 70%; display: block; border: 1px solid #E4E7E9; border-radius: 4px; margin-right: 24px;}
#cart > .wrap > .cart > .items > .title {
    padding: 20px 24px; font-size: 18px; font-weight: 500; line-height: 130%; border-bottom: 1px solid #E4E7E9;
    width: 100%;
}
#cart > .wrap > .cart > .items > .table > .head {width: 100%; display: flex; padding: 10px 24px; border: 1px solid #E4E7E9; background: #F2F4F5;}
#cart > .wrap > .cart > .items > .table > .head > p:nth-child(1) {width: 40%;}
#cart > .wrap > .cart > .items > .table > .head > p:nth-child(2) {width: 20%;}
#cart > .wrap > .cart > .items > .table > .head > p:nth-child(3) {width: 20%; display: none;}
#cart > .wrap > .cart > .items > .table > .head > p:nth-child(4) {width: 20%;}
#cart > .wrap > .cart > .items > .table > .head > p:nth-child(5) {width: 20%;}
#cart > .wrap > .cart > .items > .table > .head > p {padding-right: 24px; font-size: 12px; font-weight: 500; color: #475156;}
#cart > .wrap > .cart > .items > .table > .head > p:last-child {padding-right: 0;}
#cart > .wrap > .cart > .items > .table > .body > div {width: 100%; display: flex; align-items: center; padding: 24px; font-size: 14px;}
#cart > .wrap > .cart > .items > .table > .body > div > div {padding-right: 24px;}
#cart > .wrap > .cart > .items > .table > .body > div span {display: none;}
#cart > .wrap > .cart > .items > .table > .body > div > div:last-child {padding-right: 0;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) {width: 40%; display: flex; align-items: center;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > svg {min-width: 24px; margin-right: 12px; color: #929FA5; transition: .3s ease-in-out; cursor: pointer;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > svg:hover {color: #EE5858;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > img {width: 72px; height: 72px; border-radius: 2px; object-fit: cover; margin-right: 12px;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > p {cursor: pointer;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(2) {width: 20%; color: #475156;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(3) {width: 20%; color: #475156; display: none;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) {width: 20%;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) > label {display: none;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) > input {padding: 12px; border: 1px solid #E4E7E9; border-radius: 4px; font-size: 16px; width: 100%;}
#cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(5) {width: 20%; font-weight: 500; color: #191C1F;}
#cart > .wrap > .cart > .items > .cart_btns {display: flex; align-items: center; padding: 24px; border-top: 1px solid #E4E7E9;}
#cart > .wrap > .cart > .items > .cart_btns > .btn_primary:first-child {margin-right: auto; display: flex; align-items: center;}
#cart > .wrap > .cart > .items > .cart_btns > .btn_primary:first-child > svg {rotate: 180deg; margin-right: 8px;}
#cart > .wrap > .cart > .items > .cart_btns > .btn_primary {
    border: 2px solid #8CBC4F; line-height: 44px; font-size: 14px; font-weight: 700; color: #8CBC4F;
    text-transform: uppercase;
}
#cart > .wrap > .cart > .amount {min-width: 300px; width: 30%; height: 100%; border: 1px solid #E4E7E9; border-radius: 4px; padding: 20px 24px 24px 24px;}
#cart > .wrap > .cart > .amount > .title {font-size: 18px; font-weight: 500; line-height: 130%; padding-bottom: 20px;}
#cart > .wrap > .cart > .amount > .option {display: flex; align-items: center; font-size: 14px; line-height: 150%; padding-bottom: 12px;}
#cart > .wrap > .cart > .amount > .option > p:nth-child(1) {color: #5F6C72; margin-right: auto;}
#cart > .wrap > .cart > .amount > .option > p:nth-child(2) {color: #191C1F; font-weight: 500;}
#cart > .wrap > .cart > .amount > .total {
    padding-top: 16px; border-top: 1px solid #E4E7E9; display: flex; align-items: center;
    font-size: 16px; font-weight: 500;
}
#cart > .wrap > .cart > .amount > .total > p:nth-child(1) {margin-right: auto;}
#cart > .wrap > .cart > .amount > .btn_primary {
    margin-top: 24px; background: #8CBC4F; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: uppercase;
    display: flex; align-items: center; -webkit-justify-content: center; height: 56px; line-height: 56px; width: 100%;
}
#cart > .wrap > .cart > .amount > .btn_primary > svg {margin-left: 8px; display: block; position: relative; top: -2px;}

@media only screen and (max-width: 1100px) {
    #cart {margin-top: 40px;}
    #cart > .wrap > h1 {font-size: 32px;}
    #cart > .wrap > p {font-size: 16px;}
    #cart > .wrap > .cart {flex-direction: column; margin-top: 40px;}
    #cart > .wrap > .cart > .items {width: 100%; border-radius: 4px 4px 0 0;}
    #cart > .wrap > .cart > .amount {width: 100%; border-radius: 0 0 4px 4px;}
    #cart > .wrap > .cart > .items > .title {border-bottom: none;}
    #cart > .wrap > .cart > .items > .table > .head {display: none;}
    #cart > .wrap > .cart > .items > .table > .body > div {flex-direction: column; padding: 0;}
    #cart > .wrap > .cart > .items > .table > .body > div > div {padding-right: 0;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) {flex-direction: column; width: 100%; position: relative;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > svg {position: absolute; right: 12px; top: 118px; margin-right: 0;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > img {width: 100%; max-width: 260px; height: 260px; margin: 0 24px;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(1) > p {display: flex; width: 100%; padding: 10px 24px; background: #F2F4F5; border-top: 1px solid #E4E7E9;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(2) {width: 100%; padding: 10px 24px; background: #F2F4F5;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(2) > p {display: flex; color: #475156; font-size: 14px;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(3) {width: 100%; padding: 10px 24px; background: #F2F4F5;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(3) > p {display: flex; color: #475156; font-size: 14px;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) {display: flex; align-items: center; width: 100%; padding: 10px 24px; background: #F2F4F5;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) > input {padding: 6px 12px; width: 80px;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(4) {width: 100%; font-weight: 400; padding: 10px 24px; background: #F2F4F5;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(5) {display: flex; align-items: center; width: 100%; padding: 10px 24px; background: #F2F4F5;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(5) {width: 100%; font-weight: 400; padding: 10px 24px; background: #F2F4F5; border-bottom: 1px solid #E4E7E9;}
    #cart > .wrap > .cart > .items > .table > .body > div > div:nth-child(5) > p {width: 100%; display: flex; color: #475156; font-size: 14px;}
    #cart > .wrap > .cart > .items > .table > .body > div span {display: inline-block; margin-right: auto; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #475156;}
    #cart > .wrap > .cart > .items > .cart_btns {flex-direction: column; align-items: flex-start; border-top: none;}
    #cart > .wrap > .cart > .items > .cart_btns > .btn_primary:first-child {margin-bottom: 20px; margin-right: 0;}
}

/* -------------------------------- PAYMENT --------------------------------- */

#payment {margin-top: 80px;}
#payment > .wrap > h1 {font-size: 36px; font-weight: 600; color: #000000; line-height: 150%; text-align: center;}
#payment > .wrap > p {padding-top: 16px; font-size: 16px; color: #000000; line-height: 130%; text-align: center;}
#payment > .wrap > .payment {display: flex; margin-top: 40px;}
#payment > .wrap > .payment > div:nth-child(1) {width: 70%; max-width: 800px; margin-right: 24px;}
#payment > .wrap > .payment > div:nth-child(1) > .input_group {margin-bottom: 22px;}
#payment > .wrap > .payment > div:nth-child(1) > .input_group_flex > div {width: 50%; margin-bottom: 22px;}
#payment > .wrap > .payment > div:nth-child(1) > .input_group_flex > div:nth-child(1) {margin-right: 22px;}
#payment > .wrap > .payment > div:nth-child(1) > .title {font-size: 18px; font-weight: 500; line-height: 130%; padding-bottom: 22px;}
#payment > .wrap > .payment > div:nth-child(2) {min-width: 300px; width: 30%; height: 100%; border: 1px solid #E4E7E9; border-radius: 4px; padding: 20px 24px 24px 24px; margin-left: auto;}
#payment > .wrap > .payment > div:nth-child(2) > .title {font-size: 18px; font-weight: 500; line-height: 130%; padding-bottom: 20px;}
#payment > .wrap > .payment > div:nth-child(2) > #payment_details > div {display: flex; align-items: center; margin-bottom: 16px;}
#payment > .wrap > .payment > div:nth-child(2) > #payment_details > div > img {width: 64px; height: 64px; margin-right: 16px; border-radius: 2px; object-fit: cover;}
#payment > .wrap > .payment > div:nth-child(2) > #payment_details > div > div > .title {font-size: 14px; color: #191C1F; cursor: pointer;}
#payment > .wrap > .payment > div:nth-child(2) > #payment_details > div > div > .info {padding-top: 6px; font-size: 14px; font-weight: 600; color: #191C1F;}
#payment > .wrap > .payment > div:nth-child(2) > #payment_details > div > div > .info > span {font-weight: 400;}
#payment > .wrap > .payment > div:nth-child(2) > .option {display: flex; align-items: center; font-size: 14px; line-height: 150%; padding-bottom: 12px;}
#payment > .wrap > .payment > div:nth-child(2) > .option > p:nth-child(1) {color: #5F6C72; margin-right: auto;}
#payment > .wrap > .payment > div:nth-child(2) > .option > p:nth-child(2) {color: #191C1F; font-weight: 500;}
#payment > .wrap > .payment > div:nth-child(2) > .total {
    padding-top: 16px; border-top: 1px solid #E4E7E9; display: flex; align-items: center;
    font-size: 16px; font-weight: 500;
}
#payment > .wrap > .payment > div:nth-child(2) > .total > p:nth-child(1) {margin-right: auto;}
#payment > .wrap > .payment > div:nth-child(2) > .btn_primary {
    margin-top: 24px; background: #8CBC4F; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: uppercase;
    display: flex; align-items: center; -webkit-justify-content: center; height: 56px; line-height: 56px; width: 100%;
}
#payment > .wrap > .payment > div:nth-child(2) > .btn_primary > svg {margin-left: 8px; display: block; position: relative; top: -2px;}

#payment .payment_success {display: flex; flex-direction: column; align-items: center; margin-top: 50px;}
#payment .payment_success > .title {font-size: 24px; font-weight: 600; margin-top: 24px; line-height: 150%; text-align: center;}
#payment .payment_success > .desc {font-size: 14px; margin-top: 12px; color: #5F6C72; line-height: 150%; max-width: 420px; text-align: center;}
#payment .payment_success > .btn_primary {border: 2px solid #E7E7E7; margin-top: 32px; line-height: 44px; display: flex; align-items: center;}
#payment .payment_success > .btn_primary > svg {margin-right: 14px;}


@media only screen and (max-width: 1100px) {
    #payment {margin-top: 40px;}
    #payment > .wrap > h1 {font-size: 32px;}
    #payment > .wrap > p {font-size: 16px;}
    #payment > .wrap > .payment {flex-direction: column; margin-top: 40px;}
    #payment > .wrap > .payment > div:nth-child(1) {width: 100%; max-width: 100%;}
    #payment > .wrap > .payment > div:nth-child(1) > .input_group_flex {flex-direction: column;}
    #payment > .wrap > .payment > div:nth-child(1) > .input_group_flex > div {width: 100%;}
    #payment > .wrap > .payment > div:nth-child(1) > .input_group_flex > div:nth-child(1) {margin-right: 0;}
    #payment > .wrap > .payment > div:nth-child(2) {width: 100%;}
}

/* --------------------------- PRODUCTS FAVOURITE --------------------------- */

#products_favourite {margin-top: 100px;}
#products_favourite_tabs > .buttons {padding-top: 20px; display: flex; -webkit-justify-content: center;}
#products_favourite_tabs > .buttons > div {padding: 10px 24px; background: #9DD65526; color: #194A33; font-size: 14px; cursor: pointer;}
#products_favourite_tabs > .buttons > div.active {background: #194A33; color: #FFFFFF;}
#products_favourite_tabs > .info {padding-top: 20px;}
#products_favourite_tabs > .info > .tab {display: none; flex-wrap: wrap; -webkit-justify-content: center;}
#products_favourite_tabs > .info > .tab.active {display: flex;}
.product_item {width: calc(25% - 19px); max-width: 370px; margin-right: 25px; margin-bottom: 25px; display: flex; flex-direction: column;}
.product_item > img {display: block; object-fit: contain; width: 100%; cursor: pointer; max-height: 300px;}
.product_item > .title {padding-top: 32px; font-size: 16px; color: #194A33; line-height: 150%; cursor: pointer; margin-top: auto;}
.product_item > .stars {padding-top: 12px;}
.product_item > .price {padding-top: 12px; font-size: 20px; color: #194A33; cursor: pointer;}
.product_item .btn_group {display: flex;}
.product_item .btn_group > label {display: none;}
.product_item .btn_group > input {margin-top: 12px; display: none; width: 60px; margin-right: 6px; padding: 12px; border: 1px solid #E4E7E9; font-size: 16px;}
.product_item .btn_group > span {display: none;}
.product_item .btn_group.active > input {display: block;}
.product_item .btn_group.active > span {display: block; margin-top: 12px; line-height: 48px; margin-right: 12px;}
.product_item .btn_primary {margin-top: 12px; border: 1px solid #194A33; width: 100%; white-space: nowrap; text-transform: uppercase;}
#products_favourite_tabs > .info > .tab > .product_item:nth-child(4n) {margin-right: 0;}
#products_favourite > .wrap > a {
    display: flex; align-items: center; -webkit-justify-content: center;
    font-size: 20px; font-weight: 700; text-align: center; text-decoration: underline;
    color: #000000; margin-top: 40px;
}
#products_favourite > .wrap > a > svg {margin-left: 12px;}

@media only screen and (max-width: 1600px) {
    #modal_content {padding: 0;}
    .product_item {width: calc(33.33% - 17px);}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(4n) {margin-right: 25px;}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(3n) {margin-right: 0;}
}

@media only screen and (max-width: 1280px) {
    .product_item {width: calc(50% - 13px);}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(2n) {margin-right: 25px;}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(3n) {margin-right: 0;}
}

@media only screen and (max-width: 1024px) {
    #products_favourite {margin-top: 50px;}
    #products_favourite_tabs > .buttons {padding-top: 20px;}
    #products_favourite_tabs > .buttons > div {font-size: 10px; padding: 6px 12px;}
    #products_favourite_tabs > .info {padding-top: 20px;}
    .product_item {width: 100%; max-width: 350px; margin: 0 auto 30px auto;}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(2n) {margin-right: auto;}
    #products_favourite_tabs > .info > .tab > .product_item:nth-child(3n) {margin-right: auto;}
    .product_item > img {height: 200px; object-fit: contain;}
    .product_item > .title {font-size: 14px; padding-top: 8px;}
    .product_item > .price {font-size: 14px; padding-top: 8px;}
    .product_item > .stars {padding-top: 8px;}
    #products_favourite > .wrap > a {margin-top: 30px; font-size: 14px;}
    #products_favourite > .wrap > a > svg {margin-left: 6px;}
}

/* ------------------------------- CHAGA --------------------------------- */

#chaga > .header {position: relative;}
#chaga > .header > img {width: 100%;}
#chaga > .header > h1 {
    width: 100%; background: #F1CB9C66; font-size: 64px; font-weight: 600; color: #FFFFFF;
    position: absolute; top: calc(50% - 75px); left: 0; text-align: center; line-height: 130%; padding: 35px 0;
}
#chaga > .section {display: flex;}
#chaga > .section > img {width: 50%; object-fit: cover;}
#chaga > .section > div {width: 50%; display: flex; flex-direction: column; -webkit-justify-content: center; padding: 20px 40px;}
#chaga > .section > div h2 {font-size: 20px; font-weight: 500; line-height: 130%; margin-bottom: 8px; color: #FFFFFF; text-align: left;}
#chaga > .section > div h3 {font-size: 16px; font-weight: 500; line-height: 130%; margin-top: 8px; margin-bottom: 8px; color: #FFFFFF; text-align: left;}
#chaga > .section > div p {font-size: 14px; line-height: 130%; margin-bottom: 8px; color: #FFFFFF; text-align: left;}
#chaga > .section > div > a.btn_primary {
    margin-top: 24px; background: #8CBC4F; color: #FFFFFF; font-size: 14px; font-weight: 700;
    text-transform: uppercase; display: flex; align-items: center; -webkit-justify-content: center;
    height: 48px; line-height: 48px; width: fit-content;
}
#chaga > .section > div > a.btn_primary > svg {margin-left: 8px; display: block; position: relative; top: -1px;}
#chaga > .section > div > a.btn_primary.light {background: none; border: 2px solid #8CBC4F; color: #8CBC4F;}
#chaga > .section:nth-child(1) > div {background: #8E6746;}
#chaga > .section:nth-child(1) > img {max-height: 600px;}
#chaga > .section:nth-child(2) > div {background: #194A33;}
#chaga > .section:nth-child(3) > div {background: #223B33;}
#chaga > .section:nth-child(4) > div {background: #194A33;}
#chaga > .section:nth-child(4) > img {max-height: 500px;}
#chaga > .section:nth-child(5) > div {background: #8E6746;}
#chaga > .section:nth-child(5) > img {max-height: 500px;}
#chaga > .section:nth-child(6) > div {background: #132620;}
#chaga > .section:nth-child(6) > img {max-height: 500px;}

@media only screen and (max-width: 1024px) {
    #chaga > .section > img {width: 100%;}
    #chaga > .section > div {width: 100%; padding: 32px 16px;}
    #chaga > .section > div h2 {line-height: 130%; font-size: 16px;}
    #chaga > .section:nth-child(1) {flex-direction: column;}
    #chaga > .section:nth-child(2) {flex-direction: column-reverse;}
    #chaga > .section:nth-child(3) {flex-direction: column;}
    #chaga > .section:nth-child(4) {flex-direction: column-reverse;}
    #chaga > .section:nth-child(5) {flex-direction: column;}
    #chaga > .section:nth-child(6) {flex-direction: column-reverse;}
}

/* ------------------------------- ABOUT --------------------------------- */

#about {margin-top: 100px;}
#about > .wrap > .items {width: 100%; padding-top: 20px; max-width: 1100px; margin: 0 auto;}
#about > .wrap > .items > div {margin-right: 24px;}
#about > .wrap > .items > div:last-child {margin-right: 0;}
#about > .wrap > .items > div > img {width: 100%; display: block;}
#about > .wrap > .items > div > .title {
    max-width: 350px; text-align: center; margin: 12px auto 4px; font-size: 26px; line-height: 130%;
    color: #194A33;
}
#about > .wrap > .items > div > .desc {
    max-width: 350px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: 300; line-height: 130%;
    color: #194A33;
}

@media only screen and (max-width: 1024px) {
    #about {margin-top: 50px;}
    #about > .wrap > .items {flex-direction: column; align-items: center;}
    #about > .wrap > .items > div > img {max-height: 200px; object-fit: contain;}
    #about > .wrap > .items > div {margin-right: 0; max-width: 600px; margin-bottom: 20px;}
    #about > .wrap > .items > div > .title {font-size: 24px; margin: 12px auto 4px;}
    #about > .wrap > .items > div > .desc {font-size: 14px;}
}

/* ------------------------------- MAP --------------------------------- */

#map {margin-top: 100px;}
#map .head {
    background: #F8F8F8; border: 1px solid #F0F0F0; padding: 12px 34px; display: flex; align-items: center;
    font-size: 16px; font-weight: 600; color: #666666; line-height: 180%; border-top-right-radius: 36px; border-top-left-radius: 36px;
}
#map .head > svg {margin-right: 10px; display: block;}
#map .map {border-bottom-right-radius: 36px; border-bottom-left-radius: 36px; overflow: hidden; border: 1px solid #F0F0F0;}
#map .map > iframe {display: block;}

@media only screen and (max-width: 1024px) {
    #map {margin-top: 50px;}
    #map .head {font-size: 13px; padding: 12px 20px;}
}

/* ------------------------------- DELIVERY PAYMENT --------------------------------- */

#delivery_payment {margin-top: 100px;}
#delivery_payment .head {display: flex; align-items: center;}
#delivery_payment .head > div {
    background: #EBEBEB; border: 1px solid #F0F0F0; padding: 12px 34px; display: flex; align-items: center; width: 100%; max-width: 400px;
    font-size: 16px; font-weight: 600; color: #666666; line-height: 180%; border-top-right-radius: 36px; border-top-left-radius: 36px;
    cursor: pointer;
}
#delivery_payment .head > div.active {background: #F8F8F8;}
#delivery_payment .head  > div > svg {margin-right: 10px; display: block;}
#delivery_payment .info {
    border-bottom-right-radius: 36px; border-bottom-left-radius: 36px; overflow: hidden; background: #F8F8F8; padding: 45px 36px;
    color: #141414; font-size: 16px; border: 1px solid #F0F0F0; line-height: 150%;
}
#delivery_payment .info > div {display: none;}
#delivery_payment .info > div.active {display: block;}
#delivery_payment .info a {color: #8CBC4F;}

@media only screen and (max-width: 1024px) {
    #delivery_payment {margin-top: 50px;}
    #delivery_payment .head > div {font-size: 12px; padding: 12px 20px;}
    #delivery_payment .info {font-size: 14px; padding: 20px;}
}

@media only screen and (max-width: 600px) {
    #delivery_payment .head.buttons {flex-direction: column; align-items: flex-start;}
    #delivery_payment .head.buttons > div {max-width: 100%; border-radius: 36px; margin-bottom: 6px;}
    #delivery_payment #stm_tabs .info {border-radius: 0 0 36px 36px;}
}

/* ------------------------------- STM HEADER --------------------------------- */

#stm_header {margin-top: 60px;}
#stm_header h2 {font-size: 26px; font-weight: 700; color: #000000; margin-bottom: 20px;}
#stm_header h2 > span {color: #8CBC4F;}
.stm_header_top {display: flex; align-items: center;}
.stm_header_top > img {width: 40%; max-width: 200px; margin: 0 auto; display: block;}
.stm_header_top > div {width: 30%; position: relative; z-index: 2;}
.stm_header_top > div > div {
    box-shadow: 0 -4px 15px 0 rgba(16, 16, 16, 0.3); padding: 12px; border-radius: 16px; text-align: center; height: 85px;
    margin-bottom: 12px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #000000; line-height: 120%;
    display: flex; flex-direction: column; -webkit-justify-content: center;
}
.stm_header_top > div > div > span {color: rgba(140, 188, 79, 1);}
.stm_header_bottom {display: flex;}
.stm_header_bottom > div {
    box-shadow: 0 -4px 15px 0 rgba(16, 16, 16, 0.3); padding: 12px; border-radius: 16px; text-align: center; height: 85px;
    margin-bottom: 12px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #000000; line-height: 120%;
    display: flex; flex-direction: column; -webkit-justify-content: center; width: 50%; margin-right: 20px;
}
.stm_header_bottom > div:last-child {margin-right: 0;}
.stm_header_bottom > div > span {color: rgba(140, 188, 79, 1);}

@media only screen and (max-width: 1024px) {
    #stm_header h2 {font-size: 22px; margin-bottom: 20px;}
    .stm_header_top {flex-direction: column;}
    .stm_header_top > img {display: none;}
    .stm_header_top > div {width: 100%;}
    .stm_header_top > div > div {font-size: 16px;}
    .stm_header_bottom {flex-direction: column;}
    .stm_header_bottom > div {width: 100%; font-size: 16px;}
}

/* ------------------------------- STM ADVANTAGES --------------------------------- */

#stm_advantages {margin-top: 100px; background: url(/images/stm/2.jpg) center / cover no-repeat; padding: 40px 0;}
#stm_advantages h2 {margin-bottom: 20px; color: #242424; font-size: 26px;}
.stm_advantages {display: flex; flex-wrap: wrap;}
.stm_advantages > div {
    width: calc(33.3% - 15px); margin-right: 20px; margin-bottom: 20px; background: #FFFFFF; padding: 12px 0;
    border-radius: 16px; display: flex; flex-direction: column; align-items: center; -webkit-justify-content: center;
}
.stm_advantages > div > img {width: 76px; height: 85px; object-fit: contain;}
.stm_advantages > div > p {font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: center; max-width: 300px; padding-top: 8px; line-height: 130%;}
.stm_advantages > div:nth-child(3n) {margin-right: 0;}

@media only screen and (max-width: 1024px) {
    #stm_advantages {margin-top: 50px; padding: 40px 0;}
    #stm_advantages h2 {font-size: 22px;}
}

@media only screen and (max-width: 800px) {
    .stm_advantages > div {width: 100%; margin-right: 0;}
    .stm_advantages > div > p {font-size: 16px; font-weight: 500;}
}

/* ------------------------------- REVIEWS --------------------------------- */

#reviews {margin-top: 100px; overflow: clip; overflow-y: visible;}
#reviews .reviews {padding-top: 50px;}
#reviews .reviews .review {width: 100%; padding: 0 200px;}
#reviews .reviews .review > .stars {margin: 0 auto 40px; width: fit-content;}
#reviews .reviews .review > .text {font-size: 26px; line-height: 130%; text-align: center; color: #194A33;}
#reviews .reviews .review > img {width: 90px; height: 90px; display: block; margin: 60px auto 32px; border-radius: 44px; background: #9B9B9B; object-fit: cover;}
#reviews .reviews .review > .author {font-size: 28px; font-weight: 300; line-height: 130%; text-align: center; color: #86938D;}

@media only screen and (max-width: 1024px) {
    #reviews {margin-top: 50px; overflow-x: clip; padding-bottom: 70px;}
    #reviews .reviews {padding-top: 50px;}
    #reviews .reviews .review {padding: 0;}
    #reviews .reviews .review > .stars {margin: 0 auto 20px;}
    #reviews .reviews .review > .text {font-size: 16px;}
    #reviews .reviews .review > img {width: 40px; height: 40px; margin: 20px auto 14px;}
    #reviews .reviews .review > .author {font-size: 12px;}
    #reviews .reviews .flickity-prev-next-button {width: 46px; height: 46px; padding: 16px; top: calc(100% + 46px);}
    #reviews .reviews .flickity-prev-next-button.previous {left: calc(50% - 50px);}
    #reviews .reviews .flickity-prev-next-button.next {right: calc(50% - 50px);}
}

/* ------------------------------- GALLERY --------------------------------- */

#gallery {margin-top: 100px;}
#gallery .gallery {display: flex; flex-wrap: wrap; padding-top: 20px; max-width: 900px; margin: 0 auto;}
#gallery .gallery > img {display: block; width: 33.3%; height: 100%;}
#gallery .gallery > a {display: block; width: 33.3%; height: 100%;}
#gallery .gallery > a > img {display: block; width: 100%; height: 100%;}
#gallery .gallery > img:nth-child(1) {padding: 0 10px 10px 0;}
#gallery .gallery > a:nth-child(2) {padding: 0 10px;}
#gallery .gallery > img:nth-child(3) {padding: 0 0 10px 10px;}
#gallery .gallery > img:nth-child(4) {padding: 10px 10px 0 0;}
#gallery .gallery > img:nth-child(5) {padding: 0 10px; margin-top: -7.5%;}
#gallery .gallery > img:nth-child(6) {padding: 10px 0 0 10px;}

@media only screen and (max-width: 1024px) {
    #gallery {margin-top: 50px;}
    #gallery .gallery {padding-top: 20px;}
    #gallery .gallery > img:nth-child(1) {padding: 0 5px 5px 0;}
    #gallery .gallery > a:nth-child(2) {padding: 0 5px;}
    #gallery .gallery > img:nth-child(3) {padding: 0 0 5px 5px;}
    #gallery .gallery > img:nth-child(4) {padding: 5px 5px 0 0;}
    #gallery .gallery > img:nth-child(5) {padding: 0 5px; margin-top: -7.5%;}
    #gallery .gallery > img:nth-child(6) {padding: 5px 0 0 5px;}
}

/* ------------------------------- ADVANTAGES --------------------------------- */

#advantages {margin-top: 100px;}
#advantages > .wrap > .items {width: 100%; padding-top: 24px;}
#advantages > .wrap > .items > div {margin-right: 24px;}
#advantages > .wrap > .items > div:last-child {margin-right: 0; margin-bottom: 0;}
#advantages > .wrap > .items > div > img {width: 100%; max-width: 150px; margin: 0 auto; display: block;}
#advantages > .wrap > .items > div > .title {
    max-width: 350px; text-align: center; margin: 12px auto 4px; font-size: 20px; line-height: 130%;
    color: #194A33;
}
#advantages > .wrap > .items > div > .desc {
    max-width: 350px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: 300; line-height: 130%;
    color: #194A33;
}

@media only screen and (max-width: 1024px) {
    #advantages {margin-top: 50px;}
    #advantages > .wrap > .items {flex-direction: column; align-items: center;}
    #advantages > .wrap > .items > div {margin-right: 0; max-width: 600px; margin-bottom: 24px;}
    #advantages > .wrap > .items > div > .title {font-size: 24px; margin: 12px auto 4px;}
    #advantages > .wrap > .items > div > .desc {font-size: 14px;}
    #advantages > .wrap > .items > div > img {max-width: 150px; display: block; margin: auto; height: auto;}
}

/* ------------------------------- PRODUCTS --------------------------------- */

#products {margin-top: 100px;}
#products > .wrap {display: flex;}
#products > .wrap > .filters {width: 225px;}
#products > .wrap > .filters > div {position: sticky; top: 200px;}
#products > .wrap > .filters > div > .title {font-size: 13px; font-weight: 600; color: #000000; padding-bottom: 30px;}
#products > .wrap > .filters > div > .category {font-size: 15px; margin-bottom: 10px; cursor: pointer; display: flex; align-items: center;}
#products > .wrap > .filters > div > .category > svg {margin-right: 8px; display: block;}
#products > .wrap > .products {width: calc(100% - 225px); padding-left: 40px;}
#products > .wrap > .products > .category {margin-bottom: 110px;}
#products > .wrap > .products > .category:last-child {margin-bottom: 0;}
#products > .wrap > .products > .category > .head {display: flex; flex-direction: column; align-items: flex-start;}
#products > .wrap > .products > .category > .head > h2 {width: 100%; line-height: 100%; text-align: left;}
#products > .wrap > .products > .category > .head > p {width: 100%; font-size: 14px; line-height: 150%; text-align: left; padding-top: 12px;}
#products > .wrap > .products > .category > .items {padding-top: 40px; display: flex; flex-wrap: wrap;}
#products > .wrap > .products > .category > .items > div {flex-grow: unset; flex-basis: unset; width: calc(33.3% - 17px);}
#products > .wrap > .products > .category > .items > div:nth-child(3n) {margin-right: 0;}

@media only screen and (max-width: 1400px) {
    #products > .wrap > .products > .category > .items > div:nth-child(2n) {margin-right: 0;}
    #products > .wrap > .products > .category > .items > div:nth-child(3n) {margin-right: 25px;}
    #products > .wrap > .products > .category > .items > div {width: calc(50% - 13px);}
}

@media only screen and (max-width: 1280px) {
    #products > .wrap > .products > .category > .items > div:nth-child(2n) {margin-right: 0;}
    #products > .wrap > .products > .category > .items > div:nth-child(3n) {margin-right: 25px;}
}

@media only screen and (max-width: 1024px) {
    #products {margin-top: 50px;}
    #products > .wrap > .filters {display: none;}
    #products > .wrap > .products {width: 100%; padding-left: 0;}
    #products > .wrap > .products > .category > .head {flex-direction: column;}
    #products > .wrap > .products > .category > .head > h2 {width: 100%;}
    #products > .wrap > .products > .category > .head > p {font-size: 14px; padding-top: 16px; width: 100%;}
    #products > .wrap > .products > .category > .items {padding-top: 32px;}
    #products > .wrap > .products > .category > .items > div:nth-child(2n) {margin-right: auto;}
}

@media only screen and (max-width: 800px) {
    #products > .wrap > .products > .category > .items > div {width: 100%;}
}

/* -------------------------------- PRODUCT --------------------------------- */

#product {margin-top: 100px;}
#product > .wrap {display: flex;}
#product > .wrap > .carousel {width: 50%; height: 100%; margin-right: 80px; overflow: hidden;}
#product > .wrap > .carousel img {display: block; width: 100%;}
#product > .wrap > .product_info {width: 50%;}
#product > .wrap > .product_info > h1 {font-size: 36px; font-weight: 600; line-height: 130%;}
#product > .wrap > .product_info > p.desc {padding-top: 20px; font-size: 16px;}
#product > .wrap > .product_info > p.price {padding-top: 20px; font-size: 20px; font-weight: 600;}
#product .btn_group {display: flex;}
#product .btn_group > label {display: none;}
#product .btn_group > input {margin-top: 40px; display: none; width: 60px; margin-right: 12px; padding: 12px; border: 1px solid #E4E7E9; font-size: 16px;}
#product .btn_group > span {display: none;}
#product .btn_group.active > span {display: block; margin-top: 40px; line-height: 48px; margin-right: 12px;}
#product .btn_group.active > input {display: block;}
#product .btn_group > button {margin-top: 40px; background: #8CBC4F; color: #FFFFFF; height: 50px; line-height: 50px; text-transform: uppercase;}
#product .flickity-prev-next-button.previous {left: 20px;}
#product .flickity-prev-next-button.next {right: 20px;}

@media only screen and (max-width: 1024px) {
    #product {margin-top: 20px;}
    #product > .wrap {flex-direction: column;}
    #product > .wrap > img {width: 100%; max-width: 500px; margin-bottom: 24px; padding-right: 0;}
    #product > .wrap > .product_info {width: 100%;}
    #product > .wrap > .product_info > h1 {font-size: 20px;}
    #product > .wrap > .product_info > p.desc {padding-top: 16px; font-size: 14px;}
    #product > .wrap > .product_info > p.price {padding-top: 16px; font-size: 16px;}
    #product > .wrap > .product_info button {margin-top: 16px;}
    #product .btn_group > input {margin-top: 16px;}
    #product .btn_group.active > span {margin-top: 16px;}
    #product > .wrap > .carousel {width: 100%; margin-right: 0; margin-bottom: 20px;}
    #product .flickity-prev-next-button {width: 46px; height: 46px; padding: 16px;}
    #product .flickity-prev-next-button.previous {left: 20px;}
    #product .flickity-prev-next-button.next {right: 20px;}
}

/* -------------------------------- STICKER --------------------------------- */

.sticker {display: flex; align-items: center; background: #194A330D; width: 100%; border-radius: 8px; padding: 12px 16px; border-left: 4px solid #8CBC4F66;}
.sticker > div:nth-child(1) {min-width: 40px; width: 40px; height: 40px; border-radius: 8px; background: #8CBC4F33; padding: 6px; margin-right: 20px;}
.sticker > div:nth-child(1) > img {width: 100%;}
.sticker > div:nth-child(2) > p {font-size: 16px; color: #194A33;}
.sticker > div:nth-child(2) > a {font-size: 16px; color: #194A33; margin-top: 0; display: block; text-decoration: underline;}

.sticker.location {background: #FFF1F4; border-left: 4px solid #FF0033;}
.sticker.location > div:nth-child(1) {background: #FFB5C3;}
.sticker.location > div:nth-child(2) > p {color: #212121; font-weight: 500;}
.sticker.location > div:nth-child(2) > a {color: #FF0033; display: flex; align-items: center;}
.sticker.location > div:nth-child(2) > a > svg {margin-left: 6px;}

@media only screen and (max-width: 1024px) {
    .sticker > div:nth-child(2) > p {font-size: 14px;}
    .sticker > div:nth-child(1) {min-width: 30px; width: 30px; height: 30px; margin-right: 10px;}
}

/* -------------------------------- SOCIALS --------------------------------- */

#socials {margin-top: 100px;}
#socials > .wrap > p {padding-top: 20px; text-align: center;}
#socials > .wrap > .socials {padding-top: 50px; display: flex; align-items: center; -webkit-justify-content: center;}
#socials > .wrap > .socials > a {margin-right: 70px; color: #194A33;}
#socials > .wrap > .socials > a:last-child {margin-right: 0;}

@media only screen and (max-width: 1024px) {
    #socials {margin-top: 50px;}
    #socials > .wrap > p {font-size: 16px; padding-top: 12px;}
    #socials > .wrap > .socials {padding-top: 16px;}
    #socials > .wrap > .socials > a {margin-right: 40px;}
    #socials > .wrap > .socials > a > svg {width: 73px; height: 73px;}
}

/* -------------------------------- CONTACTS --------------------------------- */

#contacts {margin-top: 100px;}
#contacts .contacts {display: flex; max-height: 500px;}
#contacts .contacts > div:nth-child(1) {
    width: 70%; box-shadow: 0 0 4px #00000040; border-radius: 8px; padding: 30px;
}
#contacts .contacts > div:nth-child(1) > h2 {text-align: left; margin-bottom: 20px; font-size: 26px; line-height: 130%; color: #0D0D0D;}
#contacts .contacts > div:nth-child(1) > .sticker {margin-bottom: 20px;}
#contacts .contacts > div:nth-child(1) > .info {margin-bottom: 20px;}
#contacts .contacts > div:nth-child(1) > .info > .title {font-size: 16px; line-height: 130%; font-weight: 500; margin-bottom: 10px;}
#contacts .contacts > div:nth-child(1) > .info > .desc {font-size: 18px; line-height: 130%; padding: 12px 16px; display: block;}
#contacts .contacts > div:nth-child(1) > div:last-child {margin-bottom: 0;}
#contacts .contacts > img {width: 30%; display: block;}

@media only screen and (max-width: 1024px) {
    #contacts {margin-top: 50px;}
    #contacts .contacts > div:nth-child(1) {width: 100%; padding: 0; box-shadow: none;}
    #contacts .contacts > img {display: none;}
}

/* -------------------------------- REQUEST --------------------------------- */

.request {margin-top: 100px;}
.request .request_body {border-radius: 8px; padding: 30px; box-shadow: 0 0 4px #00000040;}
.request .request_body > h2 {text-align: left; font-size: 26px; line-height: 130%; padding-bottom: 20px; color: #0D0D0D;}
.request .request_body > .sticker {margin-bottom: 20px;}
.request .request_body > .input_group_flex > .input_group {width: 33.3%; margin-right: 22px;}
.request .request_body > .input_group_flex > .input_group:last-child {margin-right: 0;}
.request .request_body > .input_group {margin-bottom: 20px;}
.request .request_body > .checkbox_group {margin-bottom: 20px;}
.request .request_body > .btn_primary {
    background: #907979; color: #FFFFFF; border-radius: 8px; font-size: 16px; font-weight: 700;
    height: 50px; line-height: 50px; width: 100%; display: flex; align-items: center; -webkit-justify-content: center;
}
.request .request_body > .btn_primary > svg {margin-left: 10px;}

@media only screen and (max-width: 1280px) {
    .request .request_body > .input_group_flex {flex-direction: column;}
    .request .request_body > .input_group_flex > .input_group {width: 100%; margin-right: 0; margin-bottom: 22px;}
}

@media only screen and (max-width: 1024px) {
    .request {margin-top: 50px;}
    .request .request_body {padding: 0;}
    .request .request_body {box-shadow: none;}
    .request .request_body > .checkbox_group {align-items: flex-start;}
    .request .request_body > .btn_primary {font-size: 16px;}
}

/* -------------------------------- VIDEO --------------------------------- */

#video {margin-top: 100px; background: url(/images/video.jpg) center / cover no-repeat; padding: 60px 0;}
#video > .wrap {position: relative; display: flex; align-items: center;}
#video > .wrap > div {width: 50%;}
#video > .wrap h2 {color: #FFFFFF; margin-bottom: 20px; text-align: left; line-height: 120%;}
#video > .wrap .desc {color: #FFFFFF; font-size: 16px; text-align: left; max-width: 690px; margin: 0; line-height: 130%;}
#video > .wrap > video {height: 100%; max-height: 550px; display: block; margin-left: auto;}

@media only screen and (max-width: 1024px) {
    #video {margin-top: 50px; padding: 30px 0;}
    #video > .wrap {flex-direction: column;}
    #video > .wrap > div {width: 100%;}
    #video > .wrap h2 {text-align: center;}
    #video > .wrap .desc {text-align: center; margin: 0 auto; font-size: 14px;}
    #video > .wrap > video {margin: 20px auto 0; max-width: 300px; width: 100%;}
}

/* -------------------------------- DOCS --------------------------------- */

#docs {margin-top: 100px; overflow-x: clip;}
.docs .item {width: 33.3%; height: 350px;}
.docs .item > img {width: 100%; height: calc(100% - 60px); object-fit: contain; margin-bottom: 12px;}
.docs .item > a {
    background: #194A33; color: #FFFFFF; font-size: 16px; font-weight: 500; height: 28px;
    line-height: 28px; width: calc(100% - 40px); margin: 0 auto; border-radius: 8px; display: block; text-align: center;
}

@media only screen and (max-width: 1024px) {
    #docs {margin-top: 50px; padding-bottom: 70px;}
    .docs .item {width: 100%;}
    .docs .flickity-prev-next-button {width: 46px; height: 46px; padding: 16px; top: calc(100% + 46px);}
    .docs .flickity-prev-next-button.previous {left: calc(50% - 50px);}
    .docs .flickity-prev-next-button.next {right: calc(50% - 50px);}
}

/* -------------------------------- PRIVACY --------------------------------- */

#privacy {padding: 74px 0; font-size: 20px; font-weight: 600; color: #000000; line-height: 45px;}

/* -------------------------------- FOOTER --------------------------------- */

#footer {margin-top: 100px;}
#footer > .footer {background: #194A33; color: #FFFFFF; padding: 40px 0;}
#footer > .footer > .wrap {display: flex;}
#footer > .footer > .wrap > div > .logo {display: block; margin-bottom: 20px;}
#footer > .footer > .wrap > div > .avito {display: block; margin-bottom: 20px;}
#footer > .footer > .wrap > div > .socials {display: flex;}
#footer > .footer > .wrap > div > .socials > a {margin-right: 20px; color: #FFFFFF;}
#footer > .footer > .wrap > div > .socials > a:last-child {margin-right: 0;}
#footer > .footer > .wrap > div {max-width: 250px; margin-right: auto; padding-right: 40px;}
#footer > .footer > .wrap > div:last-child {margin-right: 0;}
#footer > .footer > .wrap > div > .title {font-size: 18px; color: #FFFFFF; margin-bottom: 14px;}
#footer > .footer > .wrap > div > a {font-size: 16px; color: #FFFFFF9E; display: block; margin-bottom: 14px; line-height: 130%; transition: color .3s ease-in-out;}
#footer > .footer > .wrap > div > a.phone {color: #FFFFFF;}
#footer > .footer > .wrap > div > a:hover {color: #FFFFFF;}
#footer > .footer > .wrap > div > a:last-child {margin-bottom: 0;}
#footer > .sub_footer {padding: 10px 0;}
#footer > .sub_footer > .wrap > p {font-size: 12px; color: #194A33;}

@media only screen and (max-width: 1280px) {
    #footer > .footer > .wrap > div:nth-child(3) {display: none;}
    #footer > .footer > .wrap > div:nth-child(4) {display: none;}
}

@media only screen and (max-width: 1024px) {
    #footer {margin-top: 50px;}
}

@media only screen and (max-width: 800px) {
    #footer > .footer > .wrap > div {margin-left: auto;}
    #footer > .footer > .wrap > div:nth-child(2) {display: none;}
    #footer > .footer > .wrap > div:nth-child(5) {display: none;}
}

/* ------------------------------- FLICKITY ------------------------------- */

.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}

.flickity-viewport {position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; width: 100%; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

/* flickity-button */

.flickity-button {position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;}
.flickity-button:hover {background: white; cursor: pointer;}
.flickity-button:focus {outline: none;}
.flickity-button:active {opacity: 0.6;}
.flickity-button:disabled {opacity: 0; cursor: auto; pointer-events: none;}

.flickity-button-icon {fill: currentColor; color: #194A33;}


/* previous/next buttons */

.flickity-prev-next-button {width: 90px; height: 90px; padding: 32px; top: 50%; transform: translateY(-50%); background: #F6F6F6; border-radius: 50px;}
.flickity-prev-next-button:hover {background: #FFF1F4;}
.flickity-prev-next-button:focus {outline: none !important;}
.flickity-prev-next-button.no-svg {color: #777;}
.flickity-prev-next-button.previous {left: -25px;}
.flickity-prev-next-button.next {right: -25px;}

/* page dots */

.flickity-page-dots {
    position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;
}
.flickity-rtl .flickity-page-dots {direction: rtl;}
.flickity-page-dots .dot {
    display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {opacity: 1;}

/* ------------------------------- SCROLL ------------------------------- */

html.has-scroll-smooth {overflow: hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
[data-scroll-direction="horizontal"] [data-scroll-container] {height: 100vh; display: inline-block; white-space: nowrap;}
[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block; vertical-align: top; white-space: nowrap; height: 100%;
}
.c-scrollbar {
    position: absolute; right: 0; top: 0; width: 11px; height: 100vh; transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s; opacity: 0; z-index: 99999;
}
.c-scrollbar:hover {transform: scaleX(1);}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1;}
[data-scroll-direction="horizontal"] .c-scrollbar {width: 100%; height: 10px; top: auto; bottom: 0; transform: scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {transform: scaleY(1.3); }
.c-scrollbar_thumb {
    position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 7px;
    border-radius: 10px; margin: 2px; cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {cursor: grabbing;}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {right: auto; bottom: 0;}

.is-inview {opacity: 1 !important; transform: none !important;}
.anim {transform: translateY(70px); opacity: 0; transition: 1s ease-in-out;}
.split-parent {overflow: hidden;}
.split-child {display: inline-block; top: -3px;}

@media (max-width: 1024px) {
    .anim_text {transform: none; opacity: 1;}
}

html.lenis{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}