@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {font-family: 'Inter', sans-serif;}

	ol {margin-bottom: 32px;counter-reset: item;}
	ol > li {font-weight: 300;font-size: 16px;line-height: 150%;color: #0D0D0D;margin-bottom: 11px;position: relative;counter-increment: item;}
	ol > li:before {content: counters(item, ".") ".";color: #215732;font-weight: 700;font-size: 16px;margin-right: 15px;}
	ol > li ul {margin: 11px 0;padding-left: 30px;}
	ol > li ul > li {font-weight: 300;font-size: 16px;line-height: 150%;color: #0D0D0D;margin-bottom: 11px;}
	ol > li ul > li:before {content: url(/img/dot.svg);height: 28px;margin-right: 15px;}
	.cookie-notification-modal {display: flex;position: fixed;right: 0rem;bottom: 0rem;width: 100%;padding: 10px 20px;z-index: 100;background-color: #e6e6e6;box-shadow: 0 1px 20px #0000001a;justify-content: center;align-items: center;}
	.cookies-accepted .cookie-notification-modal {display: none;}
	.cookie-info img {width: 35px;}
	.cookie-agree {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
	.cookie-info {display: flex;align-items: center; width: 80%; gap: 20px;}
	.cookie-agree-text {font-size: 16px;}
	.cookie-agree-text a {color: #215732;}
	.cookie-agree-text img {width: 25px;}
	.cookie-agree-btn {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
	.cookie-agree-btn .cookie-accept {min-width: 130px;}

.btn {background: #215732;color: #fff;font-weight: 600;padding: 12px 39px;}

.header {background: #fff;position: sticky;top: 0;left: 0;right: 0;z-index: 9;box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);}
.header:before {content:""; position: absolute; width: 100%; height: 80px; background-image: url('/img/green-top-header.svg'); background-repeat: no-repeat; left: 0; top: 0;}
.logo {margin-right: 140px;}
.header .logo {flex: 0 0 165px;}
.header-inner {display: flex;align-items: center;justify-content: space-between;}
.nav a {font-weight: 600;text-transform: uppercase;font-size: 16px;line-height: 22px;color: #0D0D0D;margin-right: 45px;}
.header .nav a.bold {font-weight: 700;opacity: 0.5;}
.header .nav li {padding: 17px 0;}
.header .nav li>a {display: block;}
.nav a:hover {color: #215732;}
.nav a.bold:hover {opacity: 1;color: #fff;}
.nav li:last-child a {margin: 0;}
.whb-bg {background-color: #429a51; color: #fff!important;padding: 12px 29px;}
.burger {display: none;}
.header .nav {display: flex;align-items: center;flex-wrap: wrap;position: relative;}
.mega-menu-link {position: relative;}
.mega-menu {width: auto !important;display: none;position: absolute;top: 100%;background: #000;left: -20px;padding: 18px 20px;border-top: 3px solid #215732;}
.mega-menu a {margin-right: 0;white-space: nowrap;margin-bottom: 10px;display: block;}
.mega-menu a:last-child {margin-bottom: 0;}
.mega-menu-link.hovered>a {color: #215732;}
.m-active {position: relative;}
.dropdown-menu {display: none;list-style: none;margin: 0;padding: 0;}
.menu-item.m-active .dropdown-menu {position: absolute; display: block; top: 69px;background: #60c580b0;padding: 15px;width: 450px;}
.dropdown-menu li {margin: 5px 0;padding: 0px 0 !important;}
.dropdown-menu a {text-decoration: none;color: #fff; font-size: 16px;}


.hero {position: relative;top: 13px;}
.hero-cond {position: absolute;top: 20px;right: 17%;}
.hero-box-info {position: absolute;top: 220px;display: flex;justify-content: center; width: 100%;}
.info-position {display: flex;flex-direction: column;gap: 10px;font-size: 23px;line-height: 32px;color: #fff;font-weight: 300;}

.modal {display: none;justify-content: center;align-items: center;flex-direction: row-reverse;gap: 20px;background-color: rgb(255, 255, 255);width: 50%;padding: 10px;}
.close-btn{background-color: transparent;}
.login {display: none;}

.prod {margin-top: 140px;}
.prod:before {content:""; position: absolute; width: 100%; height: 40px; background-image: url('/img/cat-line.svg'); background-repeat: no-repeat; left: 0; top: 0;}
.prod:after {content:""; position: absolute; width: 100%; height: 580px; background-image: url('/img/prod-triang.svg'); background-repeat: no-repeat; left: 0; top: 50px; z-index: 3;}
.cat-name-top {position:relative; align-items: flex-start;z-index: 4;}
.prod-cat {font-size: 28px;color: #fff;height: 40px;}
.prod-name {font-size: 42px; line-height: 40px;font-weight: 600;color: #215732;}

.product-images {max-width: 580px;position: relative;padding-top: 80px;}
.product-images:before {content:""; position: absolute; width: 100%; height: 100px; background-image: url('/img/bage-new.svg'); background-repeat: no-repeat; left: -110px; top: 62px; z-index: 2; display: none;}
.swiper {width: 100%;pointer-events: auto;}
.swiperpoduct {box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.main-slider .swiper-wrapper {padding: 0px;}
.main-slider img {height: 480px;width: 100%;object-fit: contain;padding: 45px;}
.swiper-slide-active img {filter: none;}
.swiper-thumbs-block {margin: 0px 0 0 0;position: relative;}
.swiper-thumbs {pointer-events: auto; margin: 0;width: 100%;display: flex;justify-content: center;padding: 0px 35px;}
.swiperpoductthumbs .swiper-wrapper {width: 100%;padding: 25px 0px 25px;gap: 0px;}
.swiperpoductthumbs .swiper-slide {display: flex;justify-content: center;}
.swiper-thumbs-block img {object-fit: contain;width: 100px;height: 100px;padding: 10px;background: #CCCCCC;}
.swiper-slide-thumb-active img {object-fit: contain;width: 100px;height: 100px;padding: 10px;background: #ffffff;border: 3px solid #63DD70;}
.swiper-button-prev {background-image: url('/img/arrow-left.svg') !important;width: 17px !important;height: 29px !important;left: 0px;}
.swiper-button-next {background-image: url('/img/arrow-right.svg') !important;width: 17px !important;height: 29px !important;right: 0px;}
.icons-block {display: flex;justify-content: space-between;padding-top: 80px;padding-bottom: 60px;}
.utp-block {max-height: 420px;overflow: auto;}
.utp-block::-webkit-scrollbar {width: 4px;}
.utp-block::-webkit-scrollbar-track {background: transparent;}
.utp-block::-webkit-scrollbar-thumb {background-color: #dddddd; border-radius: 10px; border: 2px solid transparent;}
.utp-block::-webkit-scrollbar-thumb:hover {background-color: #555;}
.utp-list {padding-bottom: 40px;}
.utp-list:last-child {padding-bottom: 0px;}
.utp-title {font-size: 22px;line-height: 110%;font-weight: 600;color: #215732;}




.haracteristics {background: #215732;color: #ffffff;padding: 5px;display: flex;align-items: center;justify-content: center;position: relative;margin-top: 80px;cursor: pointer;}
.haracteristics span {position: absolute;left: 73%;}
.haracteristics span a {color: #63DD70; font-weight: 400;font-size: 12px;line-height: 15px;display: flex; align-items: center; gap: 20px;}
.haracteristics div {font-weight: 600;font-size: 28px;line-height: 34px;display: flex;align-items: center;justify-content: center;}
.haracteristics div::after {content: url(/img/arrow-open.svg);margin-left: 30px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.strip-table td {min-width: 180px;}
.strip-table tr th:nth-child(1) {text-align: left;left: 0;position: sticky;}
.strip-table tr td:nth-child(1) {text-align: left;left: 0;position: sticky; max-width: 250px;white-space: normal;}
.table {display: none;width: 100% !important;}
.dragscroll {overflow-x: auto;white-space: nowrap;cursor: grab;margin: 0px 0 100px;}
.table table {width: 100%;margin-right: 0px;margin-left: 0px;}
.table .container {position: relative;}
.dragscroll::-webkit-resizer {background: #fff;}
.dragscroll::-webkit-scrollbar-button {display: none;}
.dragscroll::-webkit-scrollbar {width: 9px;}
.dragscroll::-webkit-scrollbar-thumb {background: #006B5B;border-radius: 0px;}
.dragscroll::-webkit-scrollbar-track {background: #F1F1F1;border-radius: 27px;}
th,
td {font-weight: 600;font-size: 14px;line-height: 17px;text-align: center;background: rgba(217, 217, 217, 0.25);border: 1px solid #fff;padding: 5px;}
th:first-child,
td:first-child {border: 5px solid #f5f5f5;background: #FFFFFF;}
.haracteristics.show div::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.disabled {cursor: not-allowed;filter: grayscale(0.5);pointer-events: none;}

.where-buy {padding-top: 140px;}
.sec-title {font-size: 42px;font-weight: 600;color: #215732;line-height: 110%;padding-bottom: 15px;}
.list-view {background: #90AB98;margin-right: -120px;margin-left: -120px;padding: 50px 105px;box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);}
.where-buy .container .row:last-child {margin-right: -120px;margin-left: -120px;padding: 50px 105px;position: relative;box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);}
.form-input .select2-container {width: 100%!important;}
.select2-container--default .select2-selection--single {border: none;height: auto;}
.select2-container .select2-selection--single .select2-selection__rendered {color: #7d7d7d; padding: 14px 16px;width: 100%;display: block;background: #ffffff;font-weight: 400;font-size: 17px;line-height: 130%;border: 1px solid #E6E6E6;border-radius: 3px;height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {position: absolute;background: url(/img/arrow-doun-black.svg);width: 8px;height: 5px;transition: all .3s;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none !important;}
.select2-selection__arrow {right: 25px !important;top: 50% !important;transform: translateY(-50%) !important;}
.select2-container--open .select2-selection__arrow {transform: translateY(-50%) rotate(180deg) !important;}
.dropdown {position: relative;display: none;border: 1px solid #ccc;max-height: 150px;overflow-y: auto;background-color: #fff;z-index: 1000;}
.dropdown-item {padding: 8px;cursor: pointer;}
.dropdown-item:hover {background-color: #f0f0f0;}
.form-input input {padding: 10px 20px 10px 20px !important;width: 100%;border: none;font-size: 17px;font-weight: 400;line-height: 20px;min-height: 50px;margin-bottom: 20px;}
.form-input textarea {padding: 10px 20px 10px 20px !important;width: 100%;border: none;font-size: 17px;font-weight: 400;line-height: 20px;min-height: 50px;margin-bottom: 40px;}
.block-scroll {display: flex;flex-wrap: wrap;max-height: 390px;overflow: auto;}
.block-scroll::-webkit-scrollbar {width: 4px;}
.block-scroll::-webkit-scrollbar-track {background: transparent;}
.block-scroll::-webkit-scrollbar-thumb {background-color: #dddddd; border-radius: 10px; border: 2px solid transparent;}
.block-scroll::-webkit-scrollbar-thumb:hover {background-color: #555;}
.oneshop {padding: 15px;min-height: 180px;border: 1px solid #f3f3f3;}
.oneshop2 {padding: 15px;min-height: 180px;border: 1px solid #f3f3f3;}









.footer {background: #215732; margin-top: 200px;}
.footer-inner {display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.footer-bottom {display: flex;justify-content: space-between;}
.footer-bottom p {font-weight: 300;font-size: 12px;line-height: 15px;display: flex;align-items: center;text-transform: uppercase;color: #FFFFFF;}
.footer-bottom p:last-child {margin-left: 130px;}
.footer .divider {width: 100%;}
.footer .nav a {color: #fff;font-weight: 300;}
.footer .nav a:last-child {margin-right: 0px;}
.footer .nav a.bold {font-weight: 700;}
.scrollToTopBtn {background-color: #006B5B;border: none;border-radius: 10px;color: white;cursor: pointer;font-size: 30px;line-height: 48px;width: 48px;position: fixed;bottom: 20px;right: 20px;z-index: 100;opacity: 0;transform: translateY(100px);transition: all .5s ease;}
.scrollToTopBtn img {width: 25px; margin: 0 auto;}
.showBtn {opacity: 1;transform: translateY(0);width: 45px;height: 45px;border-radius: 10px;}
.showBtn img {width: 25px;    margin: 0 auto;}
.dop-fl {display: flex;align-items: flex-end;justify-content: flex-end;}
#submit-btn {margin-top: 40px;}








@media (max-width: 990px) {
	.header .header-inner {flex-direction: row;}
	.header .nav li>a {padding: 10px 0;text-align: center;font-size: 14px;}
	.header .header-inner {padding: 22px 0;}
	.menu-item.m-active .dropdown-menu {position: relative;top: 0;}
	.header .nav {position: absolute;top: 99%;background: #fff;left: 0;right: 0;display: none;padding: 15px;}
	.header .nav a {margin: 0;margin-bottom: 14px;display: block;}
	.header-inner .logo {margin: 0;}
	.burger {display: block;position: relative;width: 40px;height: 35px;}
	.burger span {position: absolute;display: block;width: 40px;height: 5px;background: #fff;border-radius: 3px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
	.burger span:nth-child(1) {top: 0;}
	.burger span:nth-child(2) {width: 30px;top: 50%;right: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
	.burger span:nth-child(3) {bottom: 0;}
	.burger-open span:nth-child(2) {width: 0;}
	.burger-open span:nth-child(1) {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
	.burger-open span:nth-child(3) {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(315deg);-ms-transform: translate(-50%, -50%) rotate(315deg);transform: translate(-50%, -50%) rotate(315deg);}
	.logo img {max-width: 120px;}
	.mega-menu-link>a {pointer-events: none;}
	.mega-menu {position: relative;top: auto;left: 0;}
	.menu-item.m-active .dropdown-menu {width: auto;}

	.hero {top: 0;}
	.hero-cond {width: 25%;}
	.hero-box-info {position: relative;top: 0;display: flex;justify-content: center;width: 100%;background: #215732;padding: 20px 0px;}
	.info-position {font-size: 16px;line-height: 20px;}
	.prod {margin-top: 60px;}
	.prod-cat {font-size: 24px;height: 110%;}
	.prod-name {line-height: 110%;text-align: center;padding: 20px 0;}
	.prod:after {display: none;}
	.product-images {padding-top: 0px;}
	.product-images:before {content: "";position: absolute;width: 100%;height: 60px;background-image: url(/img/bage-new.svg);background-repeat: no-repeat;background-size: contain;left: -80px;top: 10px; display: none;}
	.main-slider img {height: 350px;padding: 20px;}
	.swiper-thumbs-block img {width: 80px;height: 80px;}
	.swiperpoductthumbs .swiper-wrapper {width: 100%;padding: 25px 0px 25px;}
	.icons-block img {width: 20%;}
	.icons-block {padding-top: 40px; padding-bottom: 40px;}

	.haracteristics span{display: none;}
	.haracteristics div {font-size: 16px; line-height: 110%; padding: 10px 0;}
	.list-view {margin-right: 0px;margin-left: 0px;padding: 35px 15px;}
	.where-buy .container .row:last-child {margin-right: 0px;margin-left: 0px;padding: 35px 15px;}





	.footer .footer-inner {flex-direction: column;}
	.footer .footer-inner .logo {margin: 0;margin-bottom: 24px;}
	.footer .footer-inner .nav {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;}
	.footer .nav a {margin-bottom: 12px;margin-right: 24px;margin-left: 24px;}
	.footer-bottom {flex-direction: column;align-items: center;}
	.footer-bottom p:last-child {margin-left: 0;margin-top: 12px;text-align: center;}
}