:root {--color-black: #000; --color-white: #fff}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; font-style: normal}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; font-style: normal}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; font-style: normal}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; font-style: normal}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; font-style: normal}@font-face {font-family: "Rubik"; src: url("../fonts/Rubik-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; font-style: normal}

*,*:before,*:after {box-sizing: border-box; margin: 0; padding: 0}:focus,:active {outline: none}a:focus,a:active {outline: none}
body {box-sizing: border-box}
aside,nav,footer,header,section {display: block}
input::-ms-clear {display: none}
button {cursor: pointer; border: none; background-color: transparent}
button::-moz-focus-inner {padding: 0; border: 0}a,a:visited {text-decoration: none}
a:hover {text-decoration: none; color: inherit}ul li {list-style: none}
dl,ol,ul {margin: 0; padding: 0}
label {margin: 0}p {margin: 0}
h1,h2,h3,h4,h5,h6 {font-weight: inherit; font-size: inherit; margin: 0}
input:not([type=checkbox]):not([type=radio]),textarea,select {-webkit-appearance: none; -moz-appearance: none; appearance: none}* {font-family: "Rubik", sans-serif}body.scroll-hide {overflow: hidden}
.container {max-width: 1510px; margin: 0 auto; padding: 0 15px}
.page {position: relative; overflow: hidden; min-height: 100vh}
.title {font-weight: 800; font-size: 36px; line-height: 118%; color: #242424; margin-bottom: 30px}
.btn {font-weight: 500; font-size: 17px; line-height: 130%; padding: 8px 25px; border-radius: 100px; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; display: flex; justify-content: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content}
.btn.btn--green {color: #FFFFFF; background: #7EB918}

@media (max-width: 1440px) {
	.container {max-width: 1330px; margin: 0 auto; padding: 0 15px}
}

@media (any-hover: hover) {
	.btn.btn--green:hover {background: #218B2D} .btn.btn--green:active {background: #197D24}
}

.btn.btn--more {color: #7EB918; border: 1px solid #7EB918}
.btn.btn--more::after {content: ""; background-image: url("../img/arrow-btn.svg"); background-repeat: no-repeat; background-size: cover; width: 21px; height: 12px; display: block; margin-left: 7px; transition: filter 0.2s ease-in-out}
.btn.btn--more:hover {color: #FFFFFF; background: #7EB918}
.btn.btn--more:hover::after {filter: brightness(10)}
.btn.btn--more:active {background: #6CA40B}
.swiper-button-prev,.swiper-button-next {background: #F2F9E7; box-shadow: 2px 2px 4px rgba(210, 217, 199, 0.55); width: 38px; min-width: 38px; height: 38px; border-radius: 50%; z-index: 20}
@media (any-hover: hover) { .swiper-button-prev:hover, .swiper-button-next:hover {background: #218B2D} .swiper-button-prev:hover::after, .swiper-button-next:hover::after {filter: brightness(10)}}
.swiper-button-prev::after,.swiper-button-next::after {font-size: 0}
.swiper-button-prev::after {content: url("../img/arrow-prev.svg")}
.swiper-button-next::after {content: url("../img/arrow-next.svg")}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity: 0}
.sec-indent {margin: 100px 0}
@media (max-width: 1100px) {.sec-indent {margin: 80px 0} footer {margin-top: 80px}}
@media (max-width: 800px) {.sec-indent {margin: 60px 0} footer {margin-top: 60px}}
@media (max-width: 440px) {.sec-indent {margin: 50px 0} footer {margin-top: 50px}}
.btn-top {position: fixed; border: 1px solid #218B2D; width: 50px; height: 50px; right: 50px; bottom: 50px; background-image: url("../img/top.svg"); background-position: center; background-size: auto; background-repeat: no-repeat; opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out; z-index: 22222222}
.btn-top.active {opacity: 1; pointer-events: all}
.btn-top:hover {background-color: rgba(255, 255, 255, 0.14)}
@media (max-width: 1250px) {.btn-top {bottom: 110px}}
.swiper {padding-bottom: 5px}
.top-ofet {background: #218B2D; font-weight: 300; font-size: 17px; line-height: 130%; color: #FFFFFF; text-align: center; padding: 5px 0}
.top-ofet b {font-weight: 600}
.top-ofet .container {max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; display: flex; align-items: center}
.top-ofet .container::before, .top-ofet .container::after {content: ""; background: #FFDE00; width: 6px; height: 6px; border-radius: 50%; display: block}
.top-ofet .container::before {margin-right: 30px}
.top-ofet .container::after {margin-left: 30px}
.top-ofet br {display: none}
.header-center {background: #FFFFFF}
.nav {padding: 5px 0}
.nav__list {display: flex}
.nav__item {margin-right: 60px}
.nav__link {font-weight: 300; font-size: 17px; line-height: 130%; color: #242424; transition: all 0.1s ease-in-out}
@media (any-hover: hover) {.nav__link:hover, .nav__link.active {text-shadow: 0.5px 0 0 currentColor}}
.header-center__wrapper {display: flex; justify-content: space-between; padding: 15px 0 5px}
.hed-col {height: -webkit-fit-content; height: -moz-fit-content; height: fit-content}
.hed-col--left {margin-right: 50px}
.logo {margin-top: -5px}
.hed-col--center {max-width: 740px; width: 100%; display: flex; flex-wrap: wrap}
.phone-schedule p {font-weight: 300; font-size: 15px; line-height: 130%; color: #242424; margin-bottom: 0}
.phone-schedule p b {font-weight: 400}
.phone {font-weight: 700; font-size: 20px; line-height: 130%; color: #242424}
.request-call {font-weight: 400; font-size: 14px; line-height: 130%; color: #218B2D; padding: 10px 20px; border: 1px solid #218B2D; border-radius: 5px; display: flex; align-items: center; margin-left: 15px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 2px; transition: all 0.2s ease-in-out}
@media (any-hover: hover) {.request-call:hover {background: #218B2D; color: #FFFFFF} .request-call:active {background: #197D24; border: 1px solid #197D24}}
.mail {font-weight: 300; font-size: 14px; line-height: 130%; color: #242424; display: flex; align-items: center; margin-left: 30px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: auto; transition: text-shadow 0.2s ease-in-out}
@media (any-hover: hover) {.mail:hover {text-shadow: 0.5px 0 0 currentColor}}
.mail::before {content: ""; background-image: url("../img/mail-hed.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 13px; display: block; margin-right: 8px}
.search {width: 100%; margin-top: 18px; position: relative}
.search-mob-trigger {display: none}
.search-form {background: rgba(33, 139, 45, 0.14); border-radius: 5px; position: relative; height: 40px}
.search-form__input {background-color: transparent; width: 100%; height: 100%; border: none; padding: 0 120px 0 20px}
.search-form__remove {position: absolute; right: 110px; width: 18px; height: 18px; background-image: url("../img/remove.svg"); top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none}
.search-form__remove.active {opacity: 1; pointer-events: all}
.search-form__btn {position: absolute; background: #218B2D; border-radius: 0px 5px 5px 0px; font-weight: 400; font-size: 14px; line-height: 130%; color: #FFFFFF; height: 100%; width: 100px; right: 0; top: 0; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out}
@media (any-hover: hover) {.search-form__btn:hover {background: #24aa33}}
.search-form__btn::before {content: ""; background-image: url("../img/search.svg"); background-repeat: no-repeat; background-size: cover; width: 16px; height: 16px; display: block; margin-right: 10px}
.search__list {background: #FFFFFF; border: 1px solid #E2E2E2; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 5px; position: absolute; top: 40px; left: 0; width: 100%; padding: 20px; opacity: 0; pointer-events: none; z-index: 22}
.search__list.active {opacity: 1; pointer-events: all}
.search__list--item {display: block; font-weight: 400; font-size: 17px; line-height: 130%; color: #242424; margin-bottom: 12px; transition: all 0.2s ease-in-out}
.search__list--item:last-child {margin-bottom: 0}
@media (any-hover: hover) {.search__list--item:hover {text-shadow: 0.5px 0 0 currentColor}}
.hed-col--right {max-width: 420px; width: 100%; margin-left: 50px; margin-top: -21px}
.nav-mob {display: flex; justify-content: space-between; border-bottom: 1px solid #218B2D; padding-bottom: 8px}
.nav-mob-item {display: flex; align-items: flex-end}
@media (any-hover: hover) {.nav-mob-item:hover .nav-mob-item__text {color: #218B2D} .nav-mob-item:hover .nav-mob-item__icon img {filter: brightness(1)}}
.pc-not {display: none}
.nav-mob-item__icon {position: relative}
.nav-mob-item__icon img {filter: brightness(0); transition: filter 0.2s ease-in-out}
.nav-mob-item__text {font-weight: 400; font-size: 14px; line-height: 130%; color: #242424; margin-left: 10px; transition: color 0.2s ease-in-out}
.nav-mob-item__num {position: absolute; font-weight: 500; font-size: 10px; line-height: 130%; text-transform: uppercase; color: #FFFFFF; padding: 2.5px 4px; background: #F84D3E; border-radius: 50px; right: -22px; top: -11px; min-width: 18px; min-height: 18px; display: flex; justify-content: center; align-items: center}
.shop-info {padding-top: 10px; display: flex; justify-content: space-between; padding-right: 5px}
.address {position: relative; padding-right: 40px}
.address::before {position: absolute; content: ""; width: 1px; height: 60px; background-color: #218B2D; right: 0; top: 50%; transform: translateY(-50%)}
.shop-info__col--title {font-weight: 500; font-size: 14px; line-height: 130%; color: #242424}
.shop-info__list {margin-top: 5px}
.shop-info__list li {font-weight: 300; font-size: 14px; line-height: 130%; color: #242424; margin-bottom: 3px}
.address__list li {display: flex; align-items: center}
.address__list li::before {content: ""; width: 6px; height: 6px; background: #218B2D; border-radius: 50%; display: block; margin-right: 10px}
.header-bottom {background: #218B2D; padding: 3px 0}
.header-bottom .container {display: flex; align-items: center; position: relative}
.catalog-btn {margin-right: 40px}
.catalog-btn::before {background-image: url("../img/catalog.svg")}
.btn--white {background: #FFFFFF; border-radius: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 10px 17px; font-weight: 700; font-size: 14px; line-height: 130%; text-transform: uppercase; color: #218B2D; display: flex; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.btn--white.active::before {background-image: url("../img/cross.svg") !important}
.btn--white.active:after {opacity: 1}
@media (any-hover: hover) {.btn--white:hover {color: #7EB918} .btn--white:hover::before {opacity: 0.7} .btn--white:active {color: #6CA40B} .btn--white:active::before {opacity: 0.9}}
.btn--white:after {content: ""; position: absolute; background-image: url("../img/leaf2.svg"); background-repeat: no-repeat; background-size: cover; width: 85px; height: 26px; display: block; margin-right: 5px; transition: all 0.2s ease-in-out; top: 100%; z-index: 2000; pointer-events: none; opacity: 0}
.btn--white::before {content: ""; background-repeat: no-repeat; background-size: cover; width: 14px; height: 14px; display: block; margin-right: 5px; transition: all 0.2s ease-in-out; transform: translateY(1px)}
.catalog-list {position: absolute; top: 100%; padding: 30px 0 40px 0; transform: translate(-100vw); transition: all 0.3s ease-in-out; z-index: 200}
.catalog-list.active {transform: translate(0)}
.catalog-list::before {position: absolute; content: ""; background: #FFFFFF; box-shadow: 40px 20px 50px rgba(0, 0, 0, 0.24); height: 100%; width: 100vw; top: 3px; right: 0; z-index: -1}
.catalog-list__title {display: none}
.catalog-list__item {margin-bottom: 20px; display: flex; padding-right: 50px}
.catalog-list__item:last-child {margin-bottom: 0}
@media (any-hover: hover) {.catalog-list__item:hover .sublist {transform: scale(1) translateX(0); opacity: 1; pointer-events: all} .catalog-list__item:hover .catalog-list__link::before {filter: brightness(1); opacity: 1} .catalog-list__item:hover>.catalog-list__link {color: #7EB918}}
.catalog-list__wrapper {display: flex}
.catalog-list__two {padding: 0 230px 0 70px; display: none}
.item-sublist .catalog-list__link {position: relative}
.item-sublist .catalog-list__link::before {content: ""; position: absolute; background-image: url("../img/sublist-arrow.svg"); background-repeat: no-repeat; background-size: cover; width: 20px; height: 18px; right: -30px; filter: brightness(0.5); opacity: 0.3; transition: all 0.2s ease-in-out}
.catalog-list__link {font-weight: 400; font-size: 17px; line-height: 130%; color: #242424; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 290px; transition: all 0.2s ease-in-out}
@media (any-hover: hover) {.catalog-list__link:hover {color: #7EB918}}
.sublist {position: absolute; left: 100%; min-height: 100%; top: 3px; padding: 30px 230px 40px 70px; box-shadow: 45px 20px 50px rgba(0, 0, 0, 0.24); background: #FFFFFF; z-index: 2; transform: scale(0.9) translateX(-40px); opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out}
.sublist .catalog-list__link {margin-bottom: 23px; white-space: nowrap}
.sublist .catalog-list__link::before {display: none}
.sublist__mob-back {display: none}
.buyers-btn {display: none}
.buyers-btn::before {background-image: url("../img/menu.svg")}
.buyers-list__title {display: none}
.buyers-list__link {font-weight: 400; font-size: 20px; line-height: 130%; text-align: center; color: #FFFFFF; margin-right: 70px; position: relative; transition: color 0.2s ease-in-out}
.buyers-list__link::before {content: ""; position: absolute; background-image: url("../img/leaf.svg"); background-repeat: no-repeat; background-size: cover; width: 45px; height: 23px; right: -24px; top: -20px; opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none}
@media (any-hover: hover) {.buyers-list__link:hover {text-shadow: 0.5px 0 0 currentColor; color: #FFFFFF} .buyers-list__link:hover::before {opacity: 1}}
@media (max-width: 1500px) {.nav__item {margin-right: 30px}}
@media (max-width: 1350px) {.header .mail {width: 100%; margin-left: 0} .header .hed-col--right {max-width: 373px; margin-left: 30px} .header .address {padding-right: 15px} .header .hed-col--left {margin-right: 30px} .nav__item {margin-right: 20px} .buyers-list__link {margin-right: 30px}}
@media (max-width: 1250px) {.nav-mob {position: fixed; background: #242424; bottom: 0; width: 100%; left: 0; z-index: 22222; border-bottom: none; padding: 15px; justify-content: center; display: none} .pc-not {display: flex} .nav-mob-item__icon img {filter: brightness(10)} .nav-mob-item__text {font-size: 12px; color: #FFFFFF; margin-left: 0; margin-top: 2px} .nav-mob-item__icon {height: 24px} .nav-mob-item {flex-direction: column; align-items: center; text-align: center; margin: 0 30px} .nav-mob-item:hover .nav-mob-item__text {color: #FFFFFF !important} .nav-mob-item:hover .nav-mob-item__icon img {filter: brightness(10)} .nav-mob-item__num {right: -19px; top: -2px; z-index: 2} .buyers-list {display: flex; flex-direction: column; background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.24); padding: 25px 50px; width: 283px; position: absolute; z-index: 222; top: 100%; left: 140px; margin-top: 3px; transform: scale(0.8); opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out} .buyers-list.active {transform: scale(1); opacity: 1; pointer-events: all} .buyers-list__wrap {display: flex; flex-direction: column} .buyers-list__title, .catalog-list__title {font-weight: 700; font-size: 14px; line-height: 130%; text-transform: uppercase; color: #218B2D; display: block; margin-bottom: 12px} .buyers-list__link {font-weight: 400; font-size: 17px; line-height: 130%; color: #242424; text-align: left; margin-bottom: 20px; margin-right: 0}}
@media (max-width: 1250px) and (any-hover: hover) {.buyers-list__link:hover {color: #7EB918}}
@media (max-width: 1250px) {.buyers-list__link:last-child {margin-bottom: 0}}
@media (max-width: 1250px) {.nav__list {flex-direction: column}}
@media (max-width: 1250px) {.nav {padding-top: 15px; margin-top: 15px; border-top: 1px solid #D3D3D3}}
@media (max-width: 1250px) {.nav__item {margin-right: 0; margin-bottom: 20px}}
@media (max-width: 1250px) {.buyers-btn {display: flex}}
@media (max-width: 1250px) {.header .mail {display: none}}
@media (max-width: 1250px) {.hed-col--right {margin-top: 0}}
@media (max-width: 1250px) {.hed-col--center {display: grid; grid-template-columns: 130px 185px 158px; justify-content: space-between; align-items: center}}
@media (max-width: 1250px) {.search {grid-column: 1/4; margin-top: 10px}}
@media (max-width: 1250px) {.header .hed-col--left {display: none}}
@media (max-width: 1250px) {.logo {height: 70px; width: 130px} .logo img {max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover}}
@media (max-width: 1250px) {.request-call {width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 0}}
@media (max-width: 1250px) {.header .hed-col--right {max-width: 395px}}
@media (max-width: 1250px) {.header .address {padding-right: 28px}}
@media (max-width: 960px) {.header .shop-info {display: none} .header .hed-col--right {margin-left: 0; width: 0} .hed-col--center {grid-template-columns: 130px 160px calc(100% - 340px); max-width: 100%} .hed-col--center .phone {font-size: 17px} .hed-col--center .phone-schedule p {font-size: 13px} .header .phone-schedule {grid-row: 1/3} .logo {grid-row: 1/4} .request-call {grid-row: 3/4; grid-column: 2/3; padding: 0; border: none; text-decoration: underline}}
@media (max-width: 960px) and (any-hover: hover) {.request-call:hover {background-color: transparent; color: #218B2D}}
@media (max-width: 960px) {.search {grid-row: 2/4; grid-column: 3/4}}
@media (max-width: 960px) {.header .mail {display: flex; grid-column: 3/4; justify-content: flex-end}}
@media (max-width: 960px) {.header-center__wrapper {padding: 6px 0}}
@media (max-width: 960px) {.search-form {height: 36px}}
@media (max-width: 660px) {.nav-mob {display: flex} .header .mail {display: none} .header-center__wrapper {position: relative} .search {position: absolute; background: #FFFFFF; height: 100%; width: 100%; margin-top: 0; display: flex; flex-direction: column; justify-content: center; transform: translateX(150%); transition: all 0.3s ease-in-out; z-index: 22} .search.active {transform: translateX(0)} .search-mob-btns {background: #218B2D; border-radius: 0px 5px 5px 0px; width: 100px; position: absolute; right: 0; top: 0; height: 100%; display: flex} .search-form__btn {font-size: 0; width: 50%; position: static; background-color: transparent} .search-form__btn::before {margin-right: 0} .search__close {width: 50%; height: 100%; position: relative} .search__close::before {content: ""; position: absolute; background-image: url("../img/search__close.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 14px; left: 50%; top: 50%; transform: translate(-50%, -50%)} .search__list {top: 55px} .hed-col--center {grid-template-columns: 100px 160px 54px} .logo {height: 54px; width: 101px} .buyers-list {right: 0; left: inherit; transform: scale(1) translateX(150%); opacity: 1} .search-mob-trigger {display: flex; flex-direction: column; align-items: center; background: #FFFFFF; border: 1px solid #D3D3D3; border-radius: 5px; height: 54px; width: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 400; font-size: 14px; line-height: 130%; color: #242424; grid-row: 1/4} .search-mob-trigger:hover {background: #F2F9E7} .search-mob-trigger::before {content: ""; background-image: url("../img/search-mob.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 14px; display: block; margin-bottom: 3px} .top-ofet {font-size: 14px} .top-ofet .container::after {margin-left: 5px} .top-ofet .container::before {margin-right: 5px} .header-bottom .container {justify-content: space-between} .catalog-btn {margin-right: 0} .sublist {width: 375px; opacity: 1; transform: scale(1) translateX(-200%); pointer-events: fill; left: -15px; padding: 20px; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.24)} .sublist.active {transform: translateX(0)} .sublist__mob-back {font-weight: 500; font-size: 17px; line-height: 130%; color: #242424; display: block; margin-bottom: 20px; display: flex} .sublist__mob-back::before {content: ""; background-image: url("../img/back-mob.svg"); background-repeat: no-repeat; background-size: cover; width: 20px; height: 18px; display: block; margin-right: 10px} .sublist .catalog-list__link {padding-left: 40px} .catalog-list {width: 100%; height: calc(100vh - 71px); position: fixed; left: 0; top: 0; z-index: 22222222222; padding: 60px 15px; overflow-y: auto; background-color: #fff; overflow-x: hidden} .catalog-list::before {display: none} .sublist {padding: 50px 15px; left: 0; width: 100%} .nav-mob-item {margin: 0 20px} .mob-close {background-image: url("../img/cross.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; z-index: 222} .buyers-list {width: 100%; height: calc(100vh - 71px); position: fixed; left: 0; top: -3px; z-index: 22222222222; padding: 60px 15px; overflow-y: auto; overflow-x: hidden} .btn--white:after {display: none} .nav {order: 2}}
@media (max-width: 500px) {.top-ofet br {display: block} .top-ofet .container {align-items: center; flex-direction: column; text-align: center} .top-ofet .container span {display: block} .top-ofet .container::before, .top-ofet .container::after {position: absolute; top: 19px} .top-ofet .container::after {right: 25px} .top-ofet .container::before {left: 25px}}
@media (max-width: 440px) {.nav-mob-item {margin: 0 7.5px} .catalog-list {transform: translate(-150vw); width: 100%} .sublist {width: 100%} .catalog-list::before {width: 154vw} .logo {height: 46px; width: 86px} .hed-col--center .phone {font-size: 14px; font-weight: 500} .buyers-list.active {transform: translateX(0)} .nav-mob {justify-content: space-between} .header-center {overflow: hidden}}
.modal-wrap {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.69); box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.24); z-index: 20000000; opacity: 0; visibility: hidden; overflow-y: auto; transition: opacity 0.3s ease-in-out; display: flex; justify-content: center; align-items: center}
.modal-wrap.active {opacity: 1; visibility: visible}
.modal {scrollbar-width: none; -ms-overflow-style: none; overflow-y: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 95vh; min-width: 440px; max-width: 440px}
.modal::-webkit-scrollbar {width: 0; height: 0}
.modal__body {background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.24); padding: 50px; padding-bottom: 60px; display: flex; flex-direction: column; align-items: center; width: 100%; position: relative}
.modal__close {position: absolute; right: 20px; top: 20px; width: 36px; height: 36px; border-radius: 8px; transition: border 0.3s ease-in-out; cursor: pointer; transition: filter 0.2s ease-in-out}
@media (any-hover: hover) {.modal__close:hover {filter: brightness(0)}}
.modal__close::before {content: ""; position: absolute; background-image: url("../img/close.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 14px; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.modal__title {font-weight: 700; font-size: 17px; line-height: 130%; text-align: center; color: #242424; margin-bottom: 18px}
.modal-form {display: flex; flex-direction: column; align-items: center; width: 190px}
.modal-form__input {height: 40px; background: #FFFFFF; border: 1px solid #7EB918; border-radius: 100px; font-weight: 400; font-size: 12px; line-height: 130%; color: #242424; width: 100%; padding: 0 18px}
.modal-form__input:focus {border: 1px solid #7EB918; box-shadow: 0px -1px 4px rgba(126, 185, 24, 0.5), 0px 1px 4px rgba(126, 185, 24, 0.5)}
.modal-form__input::-moz-placeholder {color: #999999}
.modal-form__input:-ms-input-placeholder {color: #999999}
.modal-form__input::placeholder {color: #999999}
.modal-form__btn {margin-top: 10px; width: 100%; font-weight: 400}
.modal-thanks .modal__title {margin-bottom: 0}
.modal-add-wrap {top: 30px; right: 20px; position: fixed; z-index: 20000}
.modal-add {background: #FFFFFF; border: 1px solid #7EB918; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.24); padding: 25px; width: 310px; flex-direction: column; align-items: center; display: none; margin-bottom: 25px; position: relative}
.modal-add.active {display: flex}
.modal-add .modal__close {right: 0px; top: 0px}
.modal-add__title {font-weight: 400; font-size: 17px; line-height: 130%; text-align: center; color: #242424}
.modal-add__btn {margin-top: 20px}
.modal-add__btn::after {display: none !important}
@media (max-width: 700px) {.modal {min-width: 360px} .modal-add-wrap {right: inherit; left: 50%; transform: translateX(-50%); top: 55px}}
.promo-item {position: relative; min-height: 669px; padding: 100px 0; display: flex; flex-direction: column; align-items: center}
.promo-item .container {width: 100%; margin: auto 0 auto}
.promo-item__img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; -o-object-fit: cover; object-fit: cover}
.promo-item__ofer {max-width: 616px}
.promo-item__title {font-weight: 700; font-size: 42px; line-height: 111%; color: #242424}
.promo-item__subtitle {font-weight: 400; font-size: 20px; line-height: 130%; color: #242424; margin-top: 17px; max-width: 443px}
.promo-item__btn {margin-top: 27px}
.container-nav {position: absolute; z-index: 2; width: 100%; left: 50%; transform: translateX(-50%); bottom: 30px}
.promo-nav {display: flex; align-items: center; justify-content: flex-start; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.promo-nav .swiper-button-prev,.promo-nav .swiper-button-next {position: static; margin-top: 0}
.promo-nav .swiper-pagination {position: static; background: #F2F9E7; padding: 2px 15px; margin: 0 -8px; font-weight: 400; font-size: 24px; line-height: 118%; color: #ACACAC; width: 82px}
.promo-nav .swiper-pagination-current {color: #218B2D}
@media (max-width: 1500px) {.promo-item__img {width: auto} .promo-item {min-height: 550px}}
@media (max-width: 1200px) {.promo-item {min-height: 443px; padding: 80px 0} .promo-item__title {font-size: 32px} .promo-item__subtitle {font-size: 17px; margin-top: 15px} .promo-item__btn {margin-top: 22px}}
@media (max-width: 1100px) {.promo-item__img {width: 100%}}
@media (max-width: 1000px) {.promo-item__img {width: auto} .promo-item__ofer {max-width: 480px}}
@media (max-width: 800px) {.promo-item__ofer {max-width: 380px} .promo-item {min-height: 389px; padding: 20px 0 80px} .promo-item__subtitle {max-width: 290px} .promo-item .container {margin: 0}}
@media (max-width: 580px) {.promo-item__img {width: 100%} .promo-item {min-height: 514px; padding: 20px 0 260px} .promo-item__title {font-size: 29px} .promo-item__ofer {max-width: 100%} .promo-item__subtitle {max-width: 372px} .container-nav {bottom: 230px} .promo-nav .swiper-pagination {font-size: 22px; margin: 0 -10px}}
@media (max-width: 440px) {.promo-item {padding: 15px 0 245px; min-height: 523px} .promo-item__btn {margin-top: 20px} .container-nav {bottom: 190px}}
.advantages__wrapper {display: flex; justify-content: space-between}
.advantages__img {width: 515px; min-width: 515px}
.advantages__img img {max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover}
.advantages__columns {margin-left: 60px; max-width: 828px; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px}
.advantages-item {display: flex; flex-direction: column; align-items: center}
.advantages-item__icon img {max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover}
.advantages-item__text {max-width: 335px; text-align: center; font-weight: 500; font-size: 23px; line-height: 33px; color: #242424; margin-top: 14px}
@media (max-width: 1250px) {.advantages__img {width: 458px; min-width: 458px} .advantages-item__text {font-size: 16px; line-height: 25px; margin-top: 6px} .advantages-item__icon {width: 80px; height: 53px} .advantages-item__icon img {max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover} .advantages__columns {gap: 60px} .title {font-size: 28px} .advantages {display: none}}
@media (max-width: 980px) {.advantages__img {width: 296px; min-width: 296px} .advantages__wrapper {align-items: center} .advantages__columns {margin-left: 20px; gap: 40px}}
@media (max-width: 760px) {.advantages__wrapper {flex-direction: column} .advantages__img {width: 100%} .advantages__img img {width: 100%} .advantages__columns {margin-top: 20px} .advantages__columns {gap: 30px; margin-left: 0} .advantages-item__text {font-weight: 400} .title {font-size: 24px; margin-bottom: 20px}}
@media (max-width: 440px) {.advantages__columns {grid-template-columns: 1fr; gap: 40px}}
.popular-swiper .swiper-slide {min-height: 100%; height: auto}
.popular-item {background: #FFFFFF; border: 1px solid #E2E2E2; height: 100%; display: block; transition: background 0.2s linear}
.popular-item:hover {background: #7EB918}
.popular-item:hover .popular-item__text {color: #FFFFFF}
.popular-item__img {height: 312px; z-index: 1; position: relative}
.popular-item__img img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block}
.popular-item__text {font-weight: 500; font-size: 23px; line-height: 105.8%; color: #242424; padding: 3px 25px 15px; transition: color 0.2s linear; position: relative}
.popular-item__text::before {content: ""; position: absolute; background-image: url("../img/leaf-popular.svg"); background-repeat: no-repeat; background-size: cover; width: 86px; height: 45px; right: 8px; top: -49px}
@media (max-width: 1100px) { .popular .swiper-button-prev, .popular .swiper-button-next {display: none} .popular__wrapper {width: calc(100% + 15px)}}
@media (max-width: 700px) {.popular-item__text {font-size: 20px; padding: 10px 20px 20px 20px} .popular-item__img {height: 280px}}
@media (max-width: 440px) {.popular-item__img img {-o-object-fit: fill; object-fit: fill}}
.card-slider__wrapper .swiper-wrapper {flex-direction: row}
.card-slider__wrapper .swiper-slide {margin-top: 0 !important; margin-bottom: 10px !important; height: auto; min-height: 100%}
.card-slider__btn {margin: 40px auto 0 auto}
.card {background: #FFFFFF; filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.06)); width: 100%; height: 100%}
.card:hover .card__title {color: #218B2D}
.card-top {position: relative}
.card__img {height: 236px; width: 100%; display: flex; justify-content: center; align-items: center}
.card__img img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block}
.card-top__btn-wrap {position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.card-top__btn {width: 41px; height: 29px; background: rgba(255, 255, 255, 0.3); border-radius: 20px 0px 0px 20px; background-repeat: no-repeat; background-size: auto; background-position: center; cursor: pointer}
.mg-add-to-favorites {background-image: url("../img/heart.svg")}
.mg-add-to-favorites:hover {background-image: url("../img/Subtract.svg")}
.mg-remove-to-favorites {background-image: url("../img/Subtract.svg")}
.card-comparisons {margin-top: 20px; background-image: url("../img/compare.svg"); display: block}
.card-comparisons:hover {background-image: url("../img/compare-geen.svg")}
.card-comparisons.active {background-image: url("../img/compare-geen.svg")}
.card__stikers {position: absolute; bottom: -5px; display: flex; justify-content: flex-end; width: 100%; padding: 0 20px}
.stiker {border-radius: 20px; padding: 3px 14px; font-weight: 400; font-size: 14px; line-height: 130%; margin-right: 10px}
.stiker:last-child {margin-right: 0}
.stiker.hit {background: #F84D3E; color: #FFFFFF; display: flex; align-items: center}
.stiker.hit::before {content: ""; background-image: url("../img/hit.svg"); background-repeat: no-repeat; background-size: cover; width: 12px; height: 17px; display: block; margin-right: 4px}
.stiker.new {background: #218B2D; color: #FFFFFF; margin-right: auto}
.stiker.stock {background: #FFDE00; color: #242424}
.card__content {padding: 0 20px 20px 20px}
.card__star-code {display: flex; justify-content: space-between; margin-top: 14px}
.star {background-image: url("../img/star.svg"); background-size: auto; background-repeat: no-repeat; height: 12.76px; overflow: hidden}
.star.star-1 {width: 14px}
.star.star-2 {width: 32px}
.star.star-3 {width: 47px}
.star.star-4 {width: 65px}
.star.star-5 {width: 79px}
.code {font-weight: 400; font-size: 14px; line-height: 130%; color: #ACACAC}
.code-num {color: #242424}
.card__title {font-weight: 500; font-size: 17px; line-height: 130%; color: #242424; margin-top: 7px; display: block; transition: all 0.2s ease-in-out; height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-y: hidden}
.card__info {margin-top: 16px}
.card__info p {font-weight: 400; display: flex; font-size: 14px; line-height: 130%; color: #ACACAC; margin-bottom: 7px}
.card__info p span {color: #242424; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.card__info p .in-stock {color: #7EB918}
.card__info p .not-available {color: #F84D3E}
.card__info p:last-child {margin-bottom: 0}
.card__price {margin-top: 16px; display: flex; align-items: center}
.price-new {font-weight: 700; font-size: 20px; line-height: 118%; color: #242424}
.price-old {font-weight: 300; font-size: 20px; line-height: 118%; color: #242424; margin-left: auto; position: relative}
.price-old::before {position: absolute; content: ""; width: 100%; background-color: #F84D3E; height: 2px; transform: rotate(-15deg); top: 10px}
.discount {font-weight: 500; font-size: 14px; line-height: 152%; color: #F84D3E; margin-left: 10px}
.card__bottom {margin-top: 16px; display: flex; align-items: center; justify-content: space-between}
.card__btn {padding: 7px 0px; min-width: 110px; text-align: center}
.quantity {width: 107px; height: 32px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.quantity .quantity__btn {background: #FFFFFF; border: 1px solid #E2E2E2; width: 36px; height: 36px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.2s ease-in-out}
.quantity .quantity__btn::before {content: ""; position: absolute; background-repeat: no-repeat; background-size: cover; height: 23px; width: 23px; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out}

@media (any-hover: hover) {.quantity .quantity__btn:hover {background: #7EB918} .quantity .quantity__btn:hover::before {filter: brightness(10)}}
.quantity .btn--minus {left: 0}
.quantity .btn--minus::before {background-image: url("../img/minus.svg")}
.quantity .btn--plus {right: 0}
.quantity .btn--plus::before {background-image: url("../img/plus.svg")}
.quantity .quantity__input {border: 1px solid #E2E2E2; border-radius: 16px; width: 100%; height: 100%; font-weight: 400; font-size: 17px; line-height: 130%; text-align: center; color: #ACACAC}
.quantity .quantity__input.active {color: #242424}
.quantity .quantity__input::-webkit-outer-spin-button, .quantity .quantity__input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}

@media (max-width: 1250px) { .card-slider .swiper-button-prev, .card-slider .swiper-button-next {display: none}}

@media (max-width: 440px) {.card__btn {width: 100px} .card__img {height: 220px} .card__content {padding: 0 10px 20px 10px} .card-slider__btn {margin-top: 20px} .card-slider__wrapper .swiper-slide {margin-bottom: 0 !important} .card-slider__wrapper {width: calc(100% + 15px)}}
.partners {padding: 100px 0; background: #F1F1F1}
.partners__subtitle {font-weight: 400; font-size: 17px; line-height: 130%; color: #242424; max-width: 639px; margin-top: 30px}
.partners__wrapper {margin-top: 20px; overflow: hidden; padding: 10px 8px; width: calc(100% + 16px); transform: translateX(-8px); position: relative}
.partners__wrapper .swiper {overflow: visible}
.partners__wrapper .swiper-wrapper {flex-direction: row}
.partners__wrapper .swiper-slide {margin-top: 0 !important; margin-bottom: 10px !important; cursor: pointer}
.partners__wrapper .swiper-slide img {transition: all 0.2s ease-in-out; width: 100%; height: 100%}
.partners__wrapper .swiper-slide img:hover {box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.1)}

@media (max-width: 1250px) {.partners {display: none}}

@media (max-width: 900px) {.partners {padding: 80px 0}}

@media (max-width: 700px) {.partners {padding: 70px 0} .partners__subtitle {margin-top: 20px}}

@media (max-width: 700px) {.partners {padding: 50px 0}}
.articles__top {display: flex; justify-content: space-between; margin-bottom: 30px}
.articles__title {margin-bottom: 0}
.articles__wrapper .swiper {padding-bottom: 10px}
.articles__wrapper .swiper-slide {min-height: 100%; height: auto}
.articles-item {background: #FFFFFF; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06); display: block; transition: all 0.2s ease-in-out; height: 100%}
.articles-item:hover {background: #7EB918}
.articles-item:hover .articles-item__date {color: #FFFFFF; opacity: 0.7}
.articles-item:hover .articles-item__title {color: #FFFFFF}
.articles-item:hover .articles-item__descr {color: #FFFFFF}
.articles-item:hover .btn.articles-item__btn {color: #FFFFFF}
.articles-item:hover .btn.articles-item__btn::after {filter: brightness(10)}
.articles-item__img {height: 309px; width: 100%; z-index: 2; position: relative}
.articles-item__img img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover}
.articles-item__bottom {padding: 15px 20px; margin-top: -54px; display: flex; flex-direction: column; position: relative}
.articles-item__bottom::before {content: ""; position: absolute; background-image: url("../img/leaf-popular.svg"); background-repeat: no-repeat; background-size: cover; width: 86px; height: 45px; left: 89px; top: -4px}
.articles-item__date {font-weight: 400; font-size: 15px; line-height: 152%; text-align: right; color: #7EB918; margin-left: auto; display: block; transition: all 0.2s ease-in-out}
.articles-item__title {font-weight: 500; font-size: 23px; line-height: 105.8%; color: #242424; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-y: hidden; margin-top: 8px; transition: all 0.2s ease-in-out}
.articles-item__descr {font-weight: 400; font-size: 17px; line-height: 130%; color: #242424; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-y: hidden; margin-top: 20px; transition: all 0.2s ease-in-out; margin-bottom: 20px; height: 66px}
.btn.articles-item__btn {font-weight: 400; font-size: 15px; line-height: 152%; color: #ACACAC; padding: 0; border: none; margin-top: 20px; margin-left: auto; margin-top: auto}

@media (max-width: 1180px) { .articles .swiper-button-prev, .articles .swiper-button-next {display: none} .articles-item__bottom {margin-top: -40px} .articles__wrapper {width: calc(100% + 15px)}}

@media (max-width: 700px) {.articles__top {flex-direction: column; align-items: flex-start; margin-bottom: 10px} .btn.articles__btn {color: #999999; border: none; padding: 0; margin-top: 4px} .btn.articles__btn::after {display: none !important}}

@media (max-width: 470px) {.articles-item__title {font-size: 17px} .articles-item__descr {margin-top: 12px; margin-bottom: 12px} .articles-item__title {height: 36px} .articles-item__bottom {padding: 15px; margin-top: -55px}}
.footer {background: #242424; padding: 100px 0; margin-top: 100px}
.footer .container {display: flex; justify-content: space-between}
.footer .phone-schedule p {color: #FFFFFF}
.footer .phone {color: #FFFFFF}
.footer .contact-icon {margin-top: 20px; display: flex}
.footer .contact-icon a {margin-right: 10px; transition: all 0.2s ease-in-out}

@media (any-hover: hover) {.footer .contact-icon a:hover {opacity: 0.7}}
.footer .soc-block {display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px}
.footer .soc-block p {font-weight: 300; font-size: 14px; line-height: 130%; color: #FFFFFF; margin-right: 10px}
.footer .soc-block a {transition: all 0.2s ease-in-out}

@media (any-hover: hover) {.footer .soc-block a:hover {opacity: 0.7}}
.footer .mail {color: #FFFFFF; margin-left: 0; margin-top: 50px}
.footer .shop-info {flex-direction: column; margin-top: 50px}
.footer .shop-info__col {padding-bottom: 20px; margin-bottom: 20px}
.footer .address::before {width: 60px; height: 1px; right: inherit; bottom: 0; left: 0; top: inherit; transform: translateY(0)}
.footer .shop-info__col--title {color: #FFFFFF}
.footer .shop-info__list li {color: #FFFFFF}
.footer__left {width: 260px; min-width: 260px}
.footer__logo {margin-bottom: 50px}
.footer__right {max-width: 1030px; margin-left: 60px; padding-top: 70px; width: 100%}
.footer-nav {display: grid; grid-template-columns: repeat(3, 1fr)}
.footer-nav-col__title {font-weight: 400; font-size: 17px; line-height: 130%; text-transform: uppercase; color: #FFFFFF; padding-bottom: 5px; border-bottom: 1px solid #218B2D}
.footer-nav-col__list {margin-top: 15px; max-width: 230px}
.footer-nav-col__list li {margin-bottom: 20px}
.footer-nav-col__list a {font-weight: 300; font-size: 17px; line-height: 130%; color: #FFFFFF; opacity: 0.7; display: block; transition: all 0.2s ease-in-out}


@media (any-hover: hover) {
	.footer-nav-col__list a:hover {opacity: 1}
}

.footer-nav-col__list a:last-child {margin-bottom: 0}
.footer-sum {border: 1px solid #218B2D; padding: 18px 16px; width: 368px; margin-left: auto; margin-top: -80px}
.footer-sum p {font-weight: 300; font-size: 17px; line-height: 130%; color: #FFFFFF; opacity: 0.7; padding-left: 26px; position: relative}
.footer-sum p::before {content: ""; position: absolute; background-image: url("../img/Info-Circled.svg"); background-repeat: no-repeat; background-size: cover; width: 17px; height: 19px; left: 0; top: 0}
.footer__bottom {font-weight: 300; font-size: 14px; line-height: 130%; color: #FFFFFF; opacity: 0.7; margin-top: 70px; text-align: center}

@media (max-width: 1150px) {.footer-nav {grid-template-columns: repeat(3, auto)} .footer__logo {width: 190px; margin-bottom: 20px} .footer__logo img {max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover} .footer .mail {margin-top: 35px} .footer .shop-info {margin-top: 35px} .footer__bottom {text-align: right; margin-top: 80px} .footer-sum {margin-top: -130px} .footer__left {width: 190px; min-width: 190px} .footer .shop-info__col {padding-right: 0} .footer {padding: 90px 0 120px 0}}

@media (max-width: 960px) {.footer__right {display: grid; grid-template-columns: auto 190px; padding-top: 0; -moz-column-gap: 60px; column-gap: 60px} .footer-nav {grid-template-columns: 1fr; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content} .footer-nav-col__list {display: none} .footer-nav-col {margin-bottom: 20px} .footer-nav-col__title {border-bottom: none; padding-bottom: 0; display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} .footer-nav-col__title.active::after {transform: rotateX(180deg)} .footer-nav-col__title::after {content: ""; background-image: url("../img/footer-arrow.svg"); background-repeat: no-repeat; background-size: cover; width: 26px; height: 26px; display: block; margin-left: 8px; transition: all 0.2s ease-in-out} .footer .shop-info {margin-top: 0; padding-top: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content} .footer-sum {margin-top: 50px; grid-column: 1/3} .footer__bottom {grid-column: 1/3; margin-top: 40px} .shop-info__col.schedule {padding-bottom: 0; margin-bottom: 0} .footer-nav-col__list a {margin-bottom: 15px}}

@media (max-width: 740px) {.footer__left {grid-row: 1/3} .footer__right {grid-template-columns: repeat(2, 1fr); margin-left: 0; -moz-column-gap: 30px; column-gap: 30px} .footer {padding: 60px 0 120px 0} .footer-nav {margin-top: 35px} .footer-sum {margin: 40px auto 0 auto} .footer__bottom {text-align: center}}

@media (max-width: 440px) {.footer__right {grid-template-columns: 1fr} .footer-sum {grid-column: 1/2; width: 100%; margin-top: 25px; padding: 10px} .footer__bottom {grid-column: 1/2; margin-top: 25px} .footer .phone {font-size: 17px} .footer .phone-schedule p {font-size: 14px} .footer__left {grid-row: 1/2; margin-bottom: 20px; width: 100%} .footer .shop-info__col {padding-bottom: 7px; margin-bottom: 7px} .footer__logo {width: 160px} .footer {padding-top: 50px} .footer .soc-block {justify-content: flex-end; margin-top: -45px} .footer .mail {margin-top: 30px} .phone-schedule {margin-top: 10px} .footer-sum p {font-size: 15px} .footer-nav-col__list {max-width: 100%}}/*# sourceMappingURL=main.css.map */