@-webkit-keyframes blinking {
    0%,
    to {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes blinking {
    0%,
    to {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

*,
::after,
::before {
    box-sizing: border-box;
}

ol[class],
ul[class] {
    padding: 0;
    list-style: none;
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol[class],
p,
ul[class] {
    margin: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: 'Montserrat', system-ui, sans-serif;
}

a,
button {
    cursor: pointer;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

a, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

.header {
    padding-top: 0;
    max-width: 100vw;
    margin: 0 auto;
    position: fixed;
    z-index: 4;
    width: 100%;
    top: 0;
	background-color: #fff;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.header__container.header__top {
    background-color: #fff;
}

.header__container.header__bottom {
    
}

.header__inner {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    gap: 10px;
    height: 80px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    width: 100%;
    z-index: 3;
}

.header__top .header__inner{
	border-bottom: 1px solid rgba(227, 221, 217, 0.5)
}

@media (max-width: 1200px) {
    .header__inner {
        padding: 15px;
        height: 60px;
    }
}

.header__bottom .header__inner {
    height: 52px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    width: 100%;
}

@media (max-width: 1200px) {
    .header__bottom .header__inner {
        padding: 10px 20px;
    }
}

@media (max-width: 992px) {
    .header__inner {
        padding: 15px;
    }
}

.header__menu-mobile {
    display: none;
}


.header__menu {
	width: calc(100% - 150px);
}

@media (max-width: 992px) {
    .header__menu {
        max-width: initial;
    }
}

.header__lists {
    max-width: 500px;
    display: flex;
    gap: 10px;
}

@media (max-width: 992px) {
    .header__lists {
        max-width: initial;
    }
}

.header__list {
    display: flex;
    align-items: center;
}

.header__top .header__lists {
    display: flex;
    gap: 10px;
}

.header__bottom .header__lists {
    display: flex;
    gap: 40px;
	max-width: none;
	align-items: center;
    justify-content: space-between;
}

.header__link {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #2b2b2b;
    display: flex;
    align-items: center;
}

.header__link:focus,
.header__link:hover,
.header__list.desk:focus > .header__link,
.header__list.desk:hover > .header__link {
    color: #ffc522;
}


@media (min-width: 992px) {
    .header__top .header__menu {
        display: none;
    }
}



body.scrolled-header .header__bottom {
    display: none;
}
body.scrolled-header .header__bottom.active {
    display: block;
}



@media (max-width: 992px) {
    .header__bottom {
        display: none;
    }
}

.header__download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 214px;
    height: 40px;
    cursor: pointer;
    border: 1px solid rgba(106, 169, 126, 1);
    color: rgba(106, 169, 126, 1);
    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    gap: 4px;
    border-radius: 10px;
    border-width: 1px;
}

@media (max-width: 992px) {
    .header__download {
        display: none;
    }
}

.header__socials {
    display: flex;
    gap: 15px;
}

.header__icon {
    text-decoration: none;
    display: none;
    width: 40px;
    height: 40px;
}

.header__icon.header__icon--wa {
    display: block;
}

@media (max-width: 992px) {
	.header__socials{
		display:none;
	}
	.header__top .mobile-navigation-sub-position{
		display:none;
	}
	body.lock #main{
		z-index: 99999!important;
	}
	.header__menu.active {
        padding-top: 20px;
		padding-right:20px;
		padding-left:20px;
    }
	
    .header__icon {
        display: block;
    }

    .header__icon svg  {
    }
	.header__menu .header__languages{
		position: static;
		padding: 15px 0;
		border-bottom: 1px solid rgba(227, 221, 217, 0.5);
	}
	.header-mobilemenu-block{
		display: flex;
		align-items: center;
		justify-content: start;
		margin: 0 0 20px 0;
	}
	.header-mobilemenu-social{
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 10px;
		padding-right: 20px;
		border-right: 1px solid rgba(227, 221, 217, 0.5);
	}
    .header__menu.active .header-menu-buttons {
        border-top: 0;
    }
	
	
	
	
}

.header__phone {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

@media (max-width: 992px) {
    .header__phone {
        display: none;
    }
    .header__phone.header-mobilemenu-phone {
        display: block;
		padding-left: 20px;
    }
	.header__menu.active .header__mail{
        display: block;
		margin: 15px 0 10px;
    }
}

.header__phone span {
    position: relative;
    text-align: right;
    color: rgba(93, 88, 86, 1);
    opacity: 1;
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    gap: 3px;
}

.header__phone span::before {
    /*content: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%230DC143' /%3E%3C/svg%3E");*/
    content: '';
    background: rgba(106, 169, 126, 1);
    border-radius: 100px;
    position: relative;
    width: 7px;
    height: 7px;
    -webkit-animation: blinking 3s ease-in-out infinite;
    animation: blinking 3s ease-in-out infinite;
}

.header__phone a {
    text-decoration: none;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    display: block;
    margin-top: 5px;
}

.header__mail {
    text-decoration: none;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .header__mail {
        display: none;
    }
}

.header__mail span {
    color: #2b2b2b;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}



.header__callback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 168px;
    height: 40px;
    cursor: pointer;
    background: rgba(106, 169, 126, 1);
    color: rgba(255, 255, 255, 1);
    gap: 10px;
    border-radius: 10px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .header__callback {
        display: none;
    }
}



.header__languages {
    position: absolute;
    right: 0;
    display: flex;
    gap: 5px;
}

@media (max-width: 1200px) {
    .header__languages {
        right: 20px;
    }
}

.header__languages .language-item{
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
	text-transform: uppercase;
	color: rgba(93, 88, 86, 1);
	background: rgba(249, 248, 247, 1);
	width: 32px;
	height: 32px;
	border-radius: 100px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.header__languages .language-item.active {
	background: rgba(240, 246, 242, 1);
    color: rgba(106, 169, 126, 1);
	font-weight: 700;
}



.header__logo {
    position: relative;
}

.header__logo img {
    width: 100%;
    max-width: 180px;
}

.header-box {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header-box i{
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: rgba(106, 169, 126, 1);
	font-style:normal;
}
.header-box .eco__button-cont {
    align-items: center;
    border: none;
}

.eco__button-cont:hover,
.eco__button-cont:hover .eco__button-wrapper {
    background: #ffd04a;
}

.eco .header-button {
    display: none;
}

.eco__button-wrapper {
    width: 201px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(94.14deg, #ffc522 8.37%, #ffbe09 90.95%);
    text-decoration: none;
    border-radius: 25px;
    border: 1px solid #f6b80a;
    color: #755441;
    transition-duration: 0.3s;
}

.eco__button-wrapper:hover,
.eco__button-wrapper:hover .eco__button-cont {
    background-color: #ffd04a;
}

.burger {
    width: 30px;
    height: 23px;
    position: relative;
    cursor: pointer;
    transition-duration: 0.3s;
    z-index: 33;
}
.header-box{
	display:none;
}
body.scrolled-header .header-box{
	display:flex;
}
.burger::after,
.burger::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    border-radius: 5px;
    background-color: rgba(106, 169, 126, 1);
    transition-duration: 0.3s;
}

.burger::before {
    top: 1px;
}

.burger::after {
    bottom: 1px;
}

.burger span {
    position: absolute;
    width: 30px;
    height: 2px;
    border-radius: 5px;
    background-color: rgba(106, 169, 126, 1);
    top: 50%;
    margin-top: -1px;
    transition-duration: 0.3s;
}

.burger.active span {
    transform: scale(0);
	background: rgba(215, 140, 67, 1);
}

.burger.active::before {
    top: 50%;
    margin-top: -1px;
    transform: rotate(-45deg);
	background: rgba(215, 140, 67, 1);
}

.burger.active::after {
    top: 50%;
    margin-top: -1px;
    transform: rotate(45deg);
	background: rgba(215, 140, 67, 1);
}






.title__banner {
    width: 100%;
    /*background: url(../img/banner.webp) center/cover no-repeat local;*/
    position: relative;
    z-index: 2;
}

.title__banner.short {
    height: 100px;
    background-position: bottom;
}

.main__title {
    color: #fff;
    font-size: 48px;
    text-align: center;
    margin-bottom: 110px;
    padding-top: 280px;
}

.main__title span {
    color: #ffc522;
}

.eco {
    position: relative;
}

.eco__container {
    --container-padding: 15px;

    max-width: 1230px;
    padding: 0 var(--container-padding);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.lock {
    overflow: hidden;
}

.eco__section,
.eco__section_main {
    margin-bottom: 120px;
    position: relative;
    z-index: 2;
}

.eco__section_main {
    margin-bottom: 60px;
    overflow: hidden;
}

.eco__section1 {
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.eco__section--mb--sm {
    margin-bottom: clamp(60px, 6vw, 80px);
}

.eco__section--full {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
}

.section-heading {
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

.section-heading mark {
    background-color: transparent;
    color: #d78c43;
}

.section-subtext {
    margin: clamp(20px, 3vw, 40px) 0;
    font-size: clamp(16px, 1.5vw, 18px);
}

.eco__text {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
}

.info-back {
    position: absolute;
    z-index: 3;
    width: 720px;
}

.video__back {
    position: absolute;
    left: 184px;
    top: -83px;
}

.efect-back {
    position: absolute;
    bottom: -200px;
}

.reco-back {
    z-index: 1;
    position: absolute;
    top: 227px;
}

.agrar-back {
    position: absolute;
    top: -200px;
}

.footer-back {
    position: absolute;
    top: 0;
}

.write__me {
    padding: 0 0 100px;
    background: 0 0;
}

.fancybox-slide--html .fancybox-close-small {
    display: none;
}

.write__inner {
    display: flex;
    justify-content: space-between;
    max-width: 750px;
    max-height: 535px;
    background-color: #fff;
    border-radius: 10px;
}

.write__img img {
    width: 100%;
}

.write__forms {
    flex: 1 0 305px;
}

.write__text-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
    margin-bottom: 30px;
    padding-right: 30px;
}

.write__form {
    padding-right: 30px;
}

.write__title {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
}

.write__input {
    resize: none;
    width: 100%;
    height: 65px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
    padding-left: 20px;
    margin-bottom: 20px;
	border: 1px solid #e3ddd9;
}

.write__input:focus {
    outline: 0;
}

.write__input::placeholder {
    font-size: 14px;
}

.write__area {
    height: 150px;
}

.write__del {
    cursor: pointer;
}

.write__inner-box .eco__button-cont {
    width: 305px;
    height: 74px;
    border-radius: 37px;
    margin: 0 auto;
    position: absolute;
    top: calc(100% - 34px);
    left: 50%;
}

.write__inner-box .eco__button-wrapper {
    width: 298px;
    height: 70px;
    border-radius: 35px;
}

.info2 {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0.322);
    display: none;
}

.info2.active {
    display: block;
}

.info2__inner {
    max-width: 750px;
    height: 78vh;
    margin: 15vh auto 0;
    background-color: #fff;
    border-radius: 10px;
    overflow-x: auto;
}

.info2__img {
    position: relative;
}

.info2__conten {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 30px;
    margin-top: 35px;
    display: flex;
    width: 100%;
}

.info2__del {
    background: #000;
    margin-left: 661px;
    position: fixed;
    cursor: pointer;
    border-radius: 30px;
}

.info2__title,
.info2__title2 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.info2__text-inner {
    margin-top: 30px;
    padding: 0 20px;
}

.info2__text {
    font-size: 14px;
    font-weight: 400;
    color: #606060;
}

.main__swiper.active {
    opacity: 0;
}

.main__swiper .swiper-pagination-bullet {
    background-color: #ebebeb;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 15px;
    transition-duration: 0.3s;
}

.main__swiper .swiper-pagination-bullet:first-child {
    margin: 0;
}

.main__swiper .swiper-pagination-bullet-active {
    background-color: #ffc522;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translateY(5px);
}

.main__swiper .swiper-button-next:after,
.main__swiper .swiper-button-prev:after {
    display: none;
}

.main__swiper .swiper-button-next,
.main__swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-color: #fdf5e6ff;
    border-radius: 50%;
    position: static;
    display: inline-block;
    margin-top: 20px;
}

.main__swiper .swiper-button-prev {
    background-image: url(../img/prev.svg);
}

.main__swiper :focus {
    outline: 0;
}

.main__slider-slide {
    padding-top: 40px;
}

.main__slider-control {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main__slider-button-prev {
    margin-right: 30px;
    cursor: pointer;
}

.main__slider-button-next {
    margin-left: 30px;
    cursor: pointer;
}

.main__slide-contet {
    width: 289px;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.main__slide-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(117, 84, 65, 0.2);
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: -35px;
}

.main__slide-text {
    text-align: center;
    padding: 50px 5px;
}

.main__slider-overflow {
    border-bottom-left-radius: 85% 45%;
    border-bottom-right-radius: 85% 45%;
    max-width: 1215px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.swiper-container-multirow-column > .swiper-wrapper,
.swiper-multirow-column > .swiper-wrapper {
    flex-direction: column;
}

.orgo-back {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.orgo {
    position: relative;
    z-index: 2;
}

.orgo__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.orgo__text-info {
    font-size: 20px;
    color: #606060;
}

.eco__sub-title {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    color: #606060;
    margin-bottom: 15px;
}

.eco__title {
    text-align: center;
    line-height: 1;
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 700;
}

.info {
    background-color: #f6f6f6;
}

.info__img {
    transform: translateY(-30px);
}

.info .eco__title {
    margin-bottom: 0;
}

.video__inner {
    display: flex;
    align-items: center;
}

.video__video {
    background-color: #606060;
    position: relative;
    margin-right: 70px;
    max-width: 700px;
    filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.1));
}

.video__video video {
    width: 700px;
    height: 430px;
}

.video__play {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    top: 50%;
    margin: -35px auto 0;
    cursor: pointer;
}

.vidio__text {
    margin-bottom: 30px;
}

.compound .eco__text {
    max-width: 402px;
    margin-top: 15px;
}

.compound__text-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
    align-items: center;
    width: 100%;
}

.compound__block-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.compound__block-inner-g {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}

.compound__block {
    width: 290px;
    height: 160px;
    background-color: #6fbb84;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.compound__block:hover {
    left: -10px;
}

.compound .compound__block:hover .compound__block-info {
    display: block;
}

.compound__elem {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
}

.compound__amount {
    font-size: 20px;
    font-weight: 700;
    color: #caffd9;
}

.compound__block-info {
    position: absolute;
    width: 228px;
    height: 50%;
    display: none;
    background-color: #6fbb84;
}

.compound__block-text {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.compound__block-text a {
    color: #fff;
}

.white__block-text {
    color: #2b2b2b;
}

.white__block-text a {
    color: #6fbb84;
}

.white__elem {
    color: #606060;
}

.white__amount {
    color: #ffc522;
}

.white__block,
.white__block-info {
    background-color: #fff;
}

.white__block:hover {
    left: 10px;
}

.efect {
    margin-bottom: 300px;
}

.efect__inner {
    display: flex;
    margin-top: 70px;
    gap: 20px;
}

.efect__up {
    display: flex;
    align-items: center;
    margin-bottom: 65px;
}

.efect__fuct {
    display: flex;
    margin-bottom: 25px;
}

.efect__fuct-img {
    margin-right: 25px;
}

.efect__up-inner .eco__title {
    margin-bottom: 0;
    margin-right: 25px;
}

.efect__img-inner {
    display: flex;
    justify-content: space-between;
}

.efect__img-inner .eco__text {
    text-align: center;
    margin-bottom: 30px;
}

.efect .efect__img-inner {
    margin-bottom: 50px;
}

.efect__img-block {
    position: relative;
    width: 207px;
    z-index: 2;
}

.efect__img-block:nth-child(4) .efect__block-img-inner::after {
    display: none;
}

.efect__block-img-inner {
    position: relative;
    margin-bottom: 15px;
    z-index: 2;
}

.efect__block-img-inner::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 20px;
    background-color: #f6f6f6;
    top: 96px;
    right: -143px;
    z-index: -1;
}

.efect .efect-none::after {
    display: none;
}

.efect__block-circle {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffc522;
    border-radius: 50%;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    left: 76px;
    right: 0;
    top: 145px;
}

.use .swiper-pagination-bullet {
    background-color: #ebebeb;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 15px;
    transition-duration: 0.3s;
}

.use .swiper-pagination-bullet:first-child {
    margin: 0;
}

.use .swiper-pagination-bullet-active {
    background-color: #ffc522;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translateY(5px);
}

.use .swiper-slide {
    transform: scale(0.8);
    transition-duration: 0.5s;
}

.use .swiper-slide-active {
    transform: scale(1.2);
}

.use .eco__title {
    text-align: center;
    margin-bottom: 70px;
}

.use .eco__sub-title {
    text-align: center;
}

.use__slider-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.use__slider-control {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.use__slider-arrow-prev {
    margin-right: 30px;
    cursor: pointer;
}

.use__slider-arrow-next {
    margin-left: 30px;
    cursor: pointer;
}

.reco .eco__title {
    margin-bottom: 70px;
}

.reco__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}

.reco__block {
    background-color: #fff;
    max-width: 285px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-decoration: none;
}

.reco__block .reco__title {
    margin-bottom: 0;
}

.reco__block:nth-child(3) {
    margin-right: 0;
}

.reco__block-text {
    padding: 30px;
}

.agrar__text1 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.reco__title {
    font-weight: 700;
    font-size: 20px;
    color: #2b2b2b;
    margin-bottom: 30px;
    line-height: 1;
    text-decoration: none;
}

.tab .eco__text {
    max-width: 400px;
}

.tab__inner {
    margin-bottom: 20px;
}

.tab__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tab__title {
    font-size: 36px;
    font-weight: 500;
    color: #2b2b2b;
}

.tab__container.active .tab__arrow {
    transform: rotate(180deg);
}

.tab__content {
    overflow: hidden;
    transform: translateY(0);
    height: 0;
    border-bottom: 1px solid #000;
    transition-duration: 0.5s;
    display: flex;
    align-items: center;
}

.tab__content.active {
    transition-duration: 0.5s;
    transform: translateY(0);
    height: 670px;
}

#infotab2 .eco__title {
    text-align: start;
}

#infotab2 .eco__text {
    max-width: 1495px;
}

#infotab2 .eco__sub-title {
    text-align: start;
}

#infotab2.active {
    height: 1080px;
}

.tab__tabble {
    margin-top: 30px;
    transform: translateX(-40px);
}

.tab__tabble img {
    max-width: 1000px;
}

.tab__text-inner {
    margin-bottom: 30px;
}

.tab__logo {
    margin-bottom: 50px;
}

.tab__logo img {
    width: 400px;
}

.prep .swiper-pagination-bullet {
    background-color: #ebebeb;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-left: 15px;
    transition-duration: 0.3s;
}

.prep .swiper-pagination-bullet:first-child {
    margin: 0;
}

.prep .swiper-pagination-bullet-active {
    background-color: #ffc522;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translateY(5px);
}

.prep .swiper-slide {
    transform: scale(0.8);
    transition-duration: 0.5s;
}

.prep .swiper-slide-active {
    transform: scale(1.2);
}

.prep .eco__sub-title,
.prep .eco__text,
.prep .eco__title {
    text-align: center;
}

.prep__slider-wrapper {
    padding-top: 70px;
}

.prep__slider-cont {
    display: flex;
    justify-content: center;
}

.prep__slider-control {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prep__slider-prev {
    margin-right: 30px;
    cursor: pointer;
}

.prep__slider-next {
    margin-left: 30px;
    cursor: pointer;
}

.agrar .eco__title {
    margin-bottom: 60px;
}

.agrar__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.agrar__block {
    width: 598px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.1));
    margin: 0 auto;
}

.agrar .agrar__block:hover .agrar__img img {
    transition-duration: 0.3s;
    transform: scale(1.1);
}

.agrar__img {
    position: relative;
    height: 100%;
}

.agrar__img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    z-index: 1;
}

.agrar__img .ag-img,
.agrar__img .back-mob {
    transition-duration: 0.3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.agrar__block-content {
    width: 100%;
    position: absolute;
    top: 105px;
    left: 0;
    padding: 25px;
    z-index: 1;
}

.agrar__block-logo {
    margin-bottom: 30px;
}

.agrar__text-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.agrar__text {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.agrar__arrow {
    margin-top: 70px;
}

.partners .eco__title {
    margin-bottom: 60px;
}

.partners__inner {
    margin: 0 auto;
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.footer {
    background-color: #f6f6f6;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.footer .eco__title {
    margin-bottom: 70px;
}

.footer .eco__title img,
.footer .eco__title svg {
    margin: 0 auto;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.footer__block-img {
    margin-right: 5px;
}

.footer__block-img-inner {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footer__title {
    font-size: 20px;
    font-weight: 700;
    color: #2b2b2b;
}

.main__slider-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

h1,
h2,
h3,
h4,
h5 {
    color: #606060;
}

.about-company-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 300px));
    justify-content: space-around;
    gap: 20px;
}

.about-company-item-img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.about-company-item-img svg {
    width: 100%;
    height: 100%;
    display: block;
}

.about-company-item {
    text-align: center;
}

.about-company-item .reco__title {
    font-size: 18px;
}

@media (min-width: 645px) {
    .agrar .back-mob {
        display: none;
    }
}

@media (min-width: 700px) {
    .use .swiper-slide-active {
        transform: scale(1);
    }
}

@media (min-width: 2050px) {
    .efect-back {
        left: 360px;
    }
}

@media (max-width: 1450px) {
    .efect-back {
        bottom: -250px;
    }
}

@media (max-width: 1220px) {
    .reco__inner {
        justify-content: center;
    }
}

@media (max-width: 1215px) {
    .compound__block-inner-g {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-row-gap: 30px;
    }

    .agrar__inner {
        grid-template-columns: 1fr;
        align-items: center;
    }
}

@media (max-width: 1200px) {
    .main__title {
        margin-bottom: 39px;
        padding-top: 150px;
    }

    .main__slider-wrapper {
        max-width: 700px;
        margin: 0 auto;
    }

    .main__slider-slide {
        width: calc(50% - 20px);
        margin: 0 0 10px;
    }

    .main__slide-contet {
        width: 100%;
    }
}

@media (max-width: 1135px) {
    .video__video {
        margin-right: 35px;
    }
}

@media (max-width: 1100px) {
    .efect__img-inner2 {
        flex-direction: column-reverse;
    }

    .efect__img-inner {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 5100px) {
    .efect__img-inner {
        align-items: center;
    }

    .efect .efect__img-inner {
        margin-bottom: 0;
    }

    .efect__block-img-inner::after,
    .efect__img-block:nth-child(4) .eco__text::after {
        display: none;
    }

    .header__menu.active {
        left: 0;
        top: 60px;
    }

    .agrar__text1 {
        font-size: 19px;
        font-weight: 500;
        color: #fff;
    }

    .video__inner {
        flex-direction: column-reverse;
    }

    .video__video {
        margin-right: 0;
    }

    .tab__content {
        flex-direction: column;
    }

    .tab__content.active {
        height: 1200px;
    }

    .tab__tabble {
        transform: translateX(0);
    }
}

@media (max-width: 1070px) {
    .compound__text-inner {
        flex-direction: column;
        align-items: center;
    }

    .compound__title {
        margin-bottom: 40px;
    }

    #infotab2.active {
        height: 3030px;
    }
}

@media (max-width: 1000px) {
    .about-company-items {
        grid-template-columns: minmax(auto, 300px);
        gap: 60px;
    }

    .footer-back {
        display: none;
    }

    .tab__title {
        font-size: 25px;
    }

    .agrar__block-content {
        top: 50px;
    }

    .partners__inner {
        align-items: center;
        flex-direction: column;
    }

    .footer__inner {
        flex-wrap: wrap;
        gap: 0;
    }

    .footer__block {
        flex-basis: 50%;
    }

    .footer .eco__title img,
    .footer .eco__title svg {
        margin: 0;
    }
}

@media (max-width: 945px) {
    .header {
        margin-bottom: 0;
    }

    .main__title {
        margin-bottom: 85px;
        font-size: 25px;
    }
}

@media (max-width: 925px) {
    .compound__block-inner-g {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 920px) {
    .info__img {
        transform: translateY(0);
    }

    .info .eco__title {
        margin-bottom: 30px;
    }
}

@media (max-width: 900px) {
    .prep .swiper-slide-active {
        transform: scale(1);
    }
}

@media (max-width: 881px) {
    .efect__inner {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
}

@media (max-width: 867px) {
    .reco-back {
        display: none;
    }
}

@media (max-width: 835px) {
    .compound__text-inner {
        flex-direction: column;
    }
}

@media (max-width: 780px) {
    .video__video video {
        width: 500px;
        height: 300px;
    }
}

@media (max-width: 768px) {
    .orgo__inner {
        flex-direction: column;
    }

    .orgo__text {
        text-align: center;
        margin-bottom: 29px;
    }

    .text-page .img-left,
    .text-page .img-right {
        float: none;
    }

    .footer {
        padding-bottom: 90px;
    }
}

@media (max-width: 749px) {
    .write__inner {
        padding: 0 15px;
    }

    .write__inner-box .eco__button-cont {
        left: 15px;
    }

    .write__form,
    .write__text-inner {
        padding-right: 0;
    }

    .write__img {
        display: none;
    }

    .write__forms {
        flex: 0 0 100%;
    }
}

@media (max-width: 680px) {
    .tab__tabble img {
        max-width: 420px;
    }
}

@media (max-width: 650px) {
    .reco__block {
        margin-right: 0;
    }

    .main__slide-img {
        width: 50px;
        height: 50px;
        top: -25px;
        margin-left: -25px;
    }

    .main__slide-text {
        padding: 25px 5px;
    }
}

@media (max-width: 649px) {
    .eco__logo {
        max-width: 200px;
    }
}

@media (max-width: 645px) {
    .info2__inner {
        margin-top: 85px;
    }

    .info2__title {
        font-size: 20px;
    }

    .agrar__block {
        width: 330px;
        margin: 0 auto;
        height: 220px;
    }

    .agrar .ag-img {
        display: none;
    }

    .agrar__block-content {
        top: 30px;
    }

    .agrar__text {
        font-size: 20px;
    }

    .agrar__text1 {
        font-size: 19px;
    }

    .agrar__arrow {
        margin-top: 40px;
    }

    .info2__del {
        margin-left: 300px;
    }
}

@media (max-width: 635px) {
    .compound__block {
        width: 158px;
        padding: 15px;
    }

    .compound__block-info {
        width: 128px;
        height: 90%;
    }
}

@media (max-width: 550px) {
    .main__slider-overflow {
        overflow: visible;
    }

    .header__inner .eco__button-cont {
        max-width: 120px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .eco .header-button {
        position: absolute;
        top: 400px;
        left: -100%;
        display: block;
        z-index: 33;
    }

    .eco .header-button.active {
        left: 0;
    }

    .main__title {
        margin-bottom: 50px;
    }

    .video__video video {
        width: 400px;
        height: 250px;
    }
}

@media (max-width: 500px) {
    #blackmanda {
        display: none;
    }

    .eco__container {
        --container-padding: 5px;
    }

    .info2__title2 {
        font-size: 15px;
        color: #fff;
    }

    .video__back {
        left: -90px;
        top: 130px;
    }

    .efect-back {
        bottom: -250px;
    }

    .orgo-back {
        top: 264px;
    }

    #effectt {
        display: none;
    }
}

@media (max-width: 410px) {
    .write__inner {
        padding: 0;
    }

    .write__inner-box .eco__button-cont {
        left: 0;
    }

    .main__slide-contet {
        max-width: 170px;
    }

    #effectt {
        display: none;
    }
}

@media (max-width: 392px) {
    #infotab2.active {
        height: 3520px;
    }
}

@media (max-width: 355px) {
    .main__slide-contet {
        max-width: 160px;
    }
}

@media (max-width: 330px) {
    .main__slide-contet {
        max-width: 155px;
    }

    #effect__prim,
    #effectt {
        display: none;
    }
}

@media (max-width: 320px) {
    #infotab2.active {
        height: 3520px;
    }
}

@media (min-width: 2050px) and (max-width: 480px) {
    .main__slider-slide {
        margin-left: 0;
    }
}

@media (min-width: 2050px) and (max-width: 475px) {
    .eco__sub-title {
        font-size: 10px;
    }

    .eco__title {
        font-size: 20px;
    }
}

@media (min-width: 2050px) and (max-width: 460px) {
    .video__video video {
        width: 300px;
        height: 200px;
    }
}

@media (min-width: 2050px) and (max-width: 455px) {
    .main__slide-contet {
        max-width: 158px;
    }
}

@media (min-width: 2050px) and (max-width: 415px) {
    .tab__tabble img {
        max-width: 400px;
    }
}

@media (min-width: 2050px) and (max-width: 400px) {
    .main__slider-slide {
        margin-left: 0;
    }

    .orgo__text-info {
        font-size: 18px;
    }

    .eco__sub-title {
        font-size: 10px;
    }

    .eco__title {
        font-size: 20px;
    }
}

@media (min-width: 2050px) and (max-width: 365px) {
    .main__slide-contet {
        max-width: 100%;
    }
}

.topmenu > li {
    width: 35%;
    float: left;
    position: relative;
    text-decoration: none;
}

.topmenu > li > a {
    text-decoration: none;
    font-size: 18px;
    color: #2b2b2b;
}

.topmenu li a:hover {
    color: #d5b45b;
}

.submenu-link:after {
    color: inherit;
    margin-left: 10px;
    border-radius: 30px;
    text-decoration: none;
}

.submenu {
    border-radius: 5px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 280px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: 0.5s ease-in-out;
}

.submenu a {
    color: #000;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    text-decoration: none;
}

.submenu li:last-child a {
    border-bottom: none;
}

.topmenu > li:hover .submenu {
    opacity: 1;
    transform: scaleY(1);
}

.minimized1:hover,
.minimized:hover {
    border: 1px solid #ff0;
}

#magnify {
    display: none;
    position: fixed;
    max-width: 1000px;
    height: auto;
    z-index: 9999;
}

#magnify img {
    width: 100%;
}

#magnify1 {
    display: none;
    position: fixed;
    max-width: 2000px;
    height: auto;
    z-index: 9999;
}

#magnify1 img {
    transform: rotate(90deg);
    width: 100%;
}

#overlay {
    display: none;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 9990;
}

#close-popup {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #afafaf;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

#close-popup i {
    width: 30px;
    height: 30px;
    background: url(https://codernote.ru/files/cross.png) center center/16px 16px no-repeat;
    display: block;
}

@keyframes rota {
    25% {
        transform: rotate(360deg);
    }
}

#close-popup:hover {
    animation: 4s rota;
    -webkit-animation-iteration-count: 1;
}

/*.header .eco__button-cont .eco__button-icon,
.header__list {
    display: none;
}*/

.header__list.desk {
    display: block;
}

.tan {
    border: 1px solid #f6b80a;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
}

.tan-menu > li:last-child {
    margin-right: 0;
}

.tan-menu > li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.tan-now {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
    padding-right: 2px;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

.tan-now:focus,
.tan-now:hover {
    color: #f6b80a;
}

.tan.open-menu .tan-submenu {
    visibility: visible;
}

.tan .tan-submenu {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 10;
    visibility: hidden;
    background: #fff;
    border: 1px solid #f6b80a;
    border-radius: 33px;
    padding: 7px 1px;
    width: 40px;
    gap: 4px;
}

.tan ul {
    width: 40px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.tan-item {
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    text-transform: uppercase;
}

.tan-item:focus,
.tan-item:hover {
    color: #f6b80a;
}

.header-menu-bottom {
    display: none;
}

.header-menu-buttons {
    display: none;
}

ul.breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 15px;
}

.breadcrumbs-list-item a {
    font-weight: 400;
}

.breadcrumbs-list-item a:hover {
    color: #ffc522;
}

.breadcrumbs-list-item-splitter {
    font-weight: 300;
    font-size: 11px;
    margin-left: 12px;
    color: #ccc;
    position: relative;
    top: 0;
}

.text-page {
    font-size: 17px;
    line-height: 1.5;
}

.text-page p {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #606060;
    margin: 24px 0;
}

.text-page > :last-child,
.text-page div > :last-child {
    margin-bottom: 0;
}

.text-page p b {
    font-weight: 600;
}

.text-page p a {
    text-decoration-line: underline;
    color: #ffc522;
}

.text-page p i {
    font-style: italic;
    color: #9498a6;
}

.text-page img {
    display: block;
    max-width: 100%;
    margin: 48px 0;
}

.text-page .img-left {
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    max-width: calc(50% - 15px);
}

.text-page .img-left::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.text-page .img-right {
    float: right;
    max-width: calc(50% - 15px);
    margin: 0 0 30px 30px;
    position: relative;
}

.text-page .img-right::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.text-page h1,
.text-page h2,
.text-page h3,
.text-page h4,
.text-page h5 {
    color: #606060;
}

.text-page h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3;
    margin: 48px 0 24px;
}

.text-page h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.3;
    margin: 48px 0 24px;
}

.text-page ol,
.text-page ul {
    display: block;
    padding: 0;
    margin: 24px 0;
}

.text-page ol li,
.text-page ul li {
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    color: #2b2b2b;
    padding-left: 30px;
    position: relative;
    list-style: none;
}

.text-page ol li + li,
.text-page ul li + li {
    margin-top: 8px;
}

.text-page ul li::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #ffc522;
    left: 0;
    top: 9px;
    border-radius: 50%;
}

.text-page ol li::before {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 450;
    font-size: 16px;
    line-height: 1.4;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	background: rgba(106, 169, 126, 1);
	color:#fff;
}

.text-page ol > li::before {
    content: counter(step-counter) "";
}

.text-page ol > li {
    counter-increment: step-counter;
}

.text-page .responsive-table {
    max-width: 100%;
    margin: 24px 0;
    overflow-x: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.text-page table {
    width: 100%;
    margin: 24px 0;
    border-collapse: collapse;
}

.text-page .responsive-table table {
    margin: 0;
}

.text-page table th {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    padding: 24px 16px;
    background: #6fbb84;
    border-left: 1px solid #f6f6f6;
}

.text-page table th:first-child {
    border-left: none;
    border-radius: 10px 0 0;
}

.text-page table th:last-child {
    border-radius: 0 10px 0 0;
}

.text-page table tr td {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    padding: 16px;
    color: #2b2b2b;
    background: #fff;
    border-top: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
}

.text-page table tr td:last-child {
    padding-right: 16px;
}

.text-page table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.text-page table tr:last-child td:last-child {
    border-radius: 0 0 10px;
}

.partners-slider .swiper-pagination,
.write__inner-box {
    position: relative;
}


.partners-slider .swiper-slide {
    width: auto
}

.partners-slider .partners-item.big {
    width: 400px
}

.partners-slider .swiper-pagination {
    position: relative
}

.partners-slider .swiper-next,
.partners-slider .swiper-pagination,
.partners-slider .swiper-prev {
    margin-top: 30px;
}

.partners-slider .swiper-pagination-bullet {
    background-color: #ebebeb;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    transition-duration: 0.3s;
    margin: 0;
}

.partners-slider .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 15px;
}

.partners-slider .swiper-pagination-bullet-active {
    background-color: #ffc522;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: translateY(5px);
}

.swiper-container-initialized {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.partners-item {
    width: 190px
}

.partners-item-img {
    height: 120px;
    margin: 0 auto 15px;
}

.partners-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.partners-item-info-title {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.5;
    padding: 0 6px;
}

.swiper-next,
.swiper-prev {
    cursor: pointer;
}

.partners-slider .swiper-prev {
    margin-right: 30px;
}

.partners-slider .swiper-next {
    margin-left: 30px;
}

.header__list {
    position: relative;
}

.header__list a {
    position: relative;
    /*display: grid;
    grid-template-columns: auto auto;*/
    display: flex;
    gap: 8px;
    white-space: nowrap;
	font-weight: 400;
    font-size: 16px;
    line-height: 100%;
	color: rgba(93, 88, 86, 1);

}

.header__menu ul > li.is-parent > a::after {
    content: "";
    background-image: url(../img/right.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0;
    top: 2px;
    transform: rotate(90deg);
}

ul.header__lists > li.is-parent:hover > a::after {
    transform: rotate(270deg);
}

.mobile-navigation-sub-position {
    position: absolute;
    height: calc(100vh - 105px);
    background: #fff;
    transition: opacity 0.15s;
    box-shadow: inset 0 46px 32px -32px rgba(0, 0, 0, 0.06);
    height: fit-content;
    width: 250px;
    z-index: -1;
    padding: 0;
    display: block;
    overflow: visible;
    top: 100%;
    opacity: 0;
    transform: scaleY(0);
    left: -30px;
}

.header__top .mobile-navigation-sub-position {
    box-shadow: none;
}


ul.header__lists > li:hover .mobile-navigation-sub-position {
    opacity: 1;
    transform: scaleY(1);
}


.header__menu {
   
}

@media (max-width: 992px) {
    .header__menu {
        max-width: initial;
    }
	.header-box i{
		display:none;
	}
}

.header__lists {
    max-width: 500px;
    display: flex;
    gap: 10px;
}

@media (max-width: 992px) {
    .header__lists {
        max-width: initial;
    }
}

.header__list {
    display: flex;
    align-items: center;
}

.header__top .header__lists {
    display: flex;
    gap: 10px;
}

.header__bottom .header__lists {
    display: flex;
    gap: 40px;
}

.mobile-navigation-sub-position span {
    display: block;
    max-width: 220px;
    width: max-content;
    margin: 0;
    padding: 0 30px;
}

.mobile-navigation-sub-menu li {
    padding: 8px 0;
}

ul.mobile-navigation-sub-menu {
    padding: 12px 0;
}

.swiper-control {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-disabled {
    display: none;
}

.link-anchor {
    color: #606060;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .25s;
}

.link-anchor:hover {
    border-color: #606060;
}

@media (max-width: 1200px) {
    .main__slider-overflow {
        height: auto;
        border-radius: 0;
    }

    .main__slider-slide:nth-child(3) .main__slide-contet {
        border-bottom-left-radius: 90% 25%;
    }

    .main__slider-slide:nth-child(4) .main__slide-contet {
        border-bottom-right-radius: 90% 25%;
    }
}

@media (max-width: 1199px) {
    .efect {
        margin-bottom: 300px;
    }

    .efect-back {
        width: 100%;
        overflow: hidden;
    }

    .efect-back img {
        width: 1200px;
        max-width: initial;
    }

    .header .eco__button-cont {
        width: 48px;
        height: 48px;
        border-radius: 50%;
    }

    .header .eco__button-cont .eco__button-icon {
        display: block;
    }

    .header .eco__button-cont .eco__button-wrapper {
        width: 48px;
        height: 48px;
        border-radius: 50%;
    }

    .header .eco__button-cont .eco__button-text {
        display: none;
    }
}

@media (max-width: 992px) {
    .mobile-navigation-sub-menu li + li {
        margin-top: 20px;
    }

    .mobile-navigation-sub-menu li {
        padding: 0;
    }

    .header__list {
        height: auto;
    }

    .mobile-navigation-sub-position {
        position: static;
        box-shadow: none;
        width: auto;
        opacity: 1;
        height: auto;
        z-index: 0;
        transform: scaleY(1);
    }

    .mobile-navigation-sub-position span {
        max-width: none;
        width: auto;
        padding: 0 0 0 30px;
    }

    ul.mobile-navigation-sub-menu {
        padding: 0;
        margin-top: 20px;
    }

    .header__link {
        height: auto;
    }

    .header__list a {
        display: block;
    }

    .tan {
        display: none;
    }

    .header__inner .eco__button-cont {
        margin: 0;
    }

    .header-box {
        display: block;
    }

    .header__menu {
        position: fixed;
        width: calc(100% - 40px);
        height: calc(100% - 100px);

        overflow: scroll;
        top: 0;
        left: -100%;
        background-color: #fff;
        opacity: 1;
        transition-duration: 0.3s;
        display: block;
        z-index: 3333;
		border-radius: 20px;

    }
	body .header__menu.active{
		left: 20px;
        top: 80px;
		padding: 0;
        border-radius: 0;
		background: none;
	}
    body .header__menu.active:after {
        content: '';
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }
	.header__menu-container{
		position: relative;
        z-index: 2;
        background: #fff;
        padding: 20px;
        border-radius: 20px;
	}
    .header__menu .header__lists {
        flex-direction: column;
        max-width: 1200px;
        padding: 20px 0 5px;
    }

    .header__menu .header__list + .header__list {
        margin-top: 13px;
    }

    .header__list {
        display: block;
    }

    .header__lists {
        gap: 0;
    }

    .header__menu.active .header-menu-buttons {
        margin: 0 0 0;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
	.header__languages .language-item{
		width: 40px;
		height: 40px;
	}
    .header-menu-buttons__download {
		display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 44px;
        background: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        cursor: pointer;
        border: 1px solid rgba(106, 169, 126, 1);
        padding-top: 16px;
        padding-right: 20px;
        padding-bottom: 16px;
        padding-left: 20px;
        gap: 4px;
        border-radius: 10px;
        border-width: 1px;
        color: rgba(106, 169, 126, 1);
        font-family: Montserrat;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-transform: uppercase;
    }

    .header-menu-buttons__callback {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        height: 56px;
        cursor: pointer;
        background: rgba(106, 169, 126, 1);
        gap: 10px;
        border-radius: 10px;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-transform: uppercase;
        color: #fff;
    }

    .header__menu.active .header-menu-bottom {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .header-menu-bottom-inner {
        display: flex;
        align-items: center;
        max-width: 1215px;
        padding: 10px 40px;
        gap: 30px;
    }

    .header-menu-bottom-item {
        border: 1px solid #f6b80a;
        border-radius: 50%;
        padding: 0;
    }

    .header-menu-bottom-item .tan-now {
        padding: 0;
    }
}

@media (max-width: 880px) {
    .efect-back {
        bottom: -280px;
    }

    .efect-back img {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .main__slider-slide {
        width: calc(50% - 5px);
        margin: 0;
    }

    .main__slide-contet {
        max-width: 100%;
        width: 100%;
        padding: 0 5px;
    }

    .efect {
        margin-bottom: 60px;
    }

    .efect-back {
        display: none;
    }

    .footer__block {
        flex-basis: 100%;
    }

    .footer .eco__title img,
    .footer .eco__title svg {
        margin: 0 auto;
    }

    .text-page {
        font-size: 16px;
        line-height: 1.4;
    }

    .text-page p {
        font-size: 16px;
        line-height: 1.4;
        margin: 22px 0;
    }

    .text-page img {
        margin: 40px 0;
    }

    .text-page h2 {
        font-size: 28px;
        margin: 40px 0 22px;
    }

    .text-page h3 {
        font-size: 20px;
        margin: 40px 0 22px;
    }

    .text-page ol,
    .text-page ul {
        margin: 22px 0;
    }

    .text-page ol li,
    .text-page ul li {
        font-size: 16px;
        color: #2b2b2b;
        padding-left: 28px;
    }

    .text-page ol li + li,
    .text-page ul li + li {
        margin-top: 8px;
    }

    .text-page ul li::before {
        top: 8px;
    }

    .text-page .responsive-table {
        border-radius: 6px;
    }

    .text-page table {
        margin: 22px 0;
    }

    .text-page table th {
        text-align: center;
        padding: 22px 14px;
    }

    .text-page table th:first-child {
        border-radius: 8px 0 0;
    }

    .text-page table th:last-child {
        border-radius: 0 8px 0 0;
    }

    .text-page table tr td {
        padding: 14px;
    }

    .text-page table tr:last-child td:first-child {
        border-radius: 0 0 0 8px;
    }

    .text-page table tr:last-child td:last-child {
        border-radius: 0 0 8px;
    }
}

@media (max-width: 649px) {
    .eco__logo {
        margin: 0 8px 0 0;
    }
}
@media (max-width: 360px) {
    .header__menu ,
	.header__menu-container{
        width: 100%;
        height: 100%;
		border-radius: 0;
	}
    body .header__menu.active {
        left: 0;
        top: 60px;
    }
}
.anchor {
    padding-top: 110px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}


.bottom-block {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #000;
    display: flex;
    gap: 25px;
}

@media (max-width: 992px) {
    .bottom-block {
        flex-direction: column;
        gap: 20px;
    }
}

.bottom-block .bottom-block__item {
    display: flex;
}

@media (max-width: 992px) {
    .bottom-block .bottom-block__item {
        gap: 20px;
    }
}

.bottom-block .bottom-block__item.bottom-block__item--first a{
	display: flex;
	gap: 10px;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: rgba(106, 169, 126, 1);
}
.bottom-block-title-block{
font-weight: 700;
font-size: 44px;
line-height: 100%;
margin-bottom:40px;

}
.bottom-block .bottom-block__item.bottom-block__item--first {
	flex-direction: column;
    width: 346px;
    gap: 26px;
    border-radius: 20px;
    padding: 40px;
    background: rgba(249, 248, 247, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: rgba(93, 88, 86, 1);
}

.bottom-block .bottom-block__item.bottom-block__item--second {
    gap: 0;
    width: calc(100% - 366px);
    display: flex;
    align-items: center;
	border: 1px solid rgba(227, 221, 217, 1);
    border-radius: 20px;
	overflow: hidden;
}
.bottom-block__item--second--img{
    height: 100%;
    width: 50%;
    overflow: hidden;
	display: flex;
    align-items: center;
    justify-content: center;
}
.bottom-block__item_title{
    width: 50%;
	padding: 40px;
}
.bottom-block__item_title_title{
	font-weight: 700;
    font-size: 28px;
    line-height: 140%;
    color: rgba(23, 17, 13, 1);
}
.bottom-block__item_title_text{
	font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    color: rgba(93, 88, 86, 1);
    margin-top: 20px;
}
.bottom-block__item--second--img img{height: 100%;max-width: none;}
.bottom-block p {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #606060;
}

.bottom-block .bottom-block__item b {
	font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: rgba(23, 17, 13, 1);
}

.bottom-block .bottom-block__item a {
    color: #000;
    text-decoration: none;
}

.contacts-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 992px) {
    .contacts-list {
    }
	.bottom-block .bottom-block__item.bottom-block__item--first{
		width: 100%;
		padding: 25px;
	}
	.bottom-block .bottom-block__item.bottom-block__item--second {
		width: 100%;
		flex-direction: column;
	}
	.bottom-block__item--second--img{
		width: 100%;
	}
	.bottom-block__item_title{
		width: 100%;
		padding: 25px;
	}
	.bottom-block__item--second--img img {
		width: 100%;
		height: auto;
	}
}

.contacts-list .contacts-list__item {
    display: flex;
    justify-content: space-between;
    gap: 90px;
}

@media (max-width: 992px) {
    .contacts-list .contacts-list__item {
        flex-direction: column;
        gap: 20px;
    }
}

.contacts-list .contacts-list__text {

}

@media (max-width: 992px) {
    .contacts-list .contacts-list__text {

    }
}

.contacts-list .contacts-list__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #000;
}

.contacts-list .contacts-list__text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #000;
    margin: 0;
}

.contacts-list .contacts-list__text .caption {
    font-size: 16px;
    margin-bottom: 13px;
}

.contacts-list .contacts-list__text .mb-6 {
    margin-bottom: 6px;
}

.contacts-list .contacts-list__text b {
    font-weight: 700;
}

.contacts-list .contacts-list__text a {
    text-decoration-line: underline;
    color: #ffc522;
}

.contacts-list .contacts-list__map {
    width: 350px;
    min-width: 350px;
}

@media (max-width: 992px) {
    .contacts-list .contacts-list__map {
        width: 100%;
        min-width: 100%;
    }
}

/* featured posts */

.featured-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10px, 1.5vw, 20px);
}

.featured-posts__main .post-card__badge {
    font-size: clamp(12px, 1vw, 16px);
}

.featured-posts__main .post-card__preview {
    aspect-ratio: 16 / 9;
}

.featured-posts__list {
    display: grid;
    align-content: start;
    gap: 40px;
}

.featured-posts__item {
    position: relative;
}

.featured-posts__item + .featured-posts__item::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #2b2b2b;
    opacity: .1;
}

@media (max-width: 992px) {
    .featured-posts {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .featured-posts__item:first-of-type::before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #2b2b2b;
        opacity: .1;
    }
}

/* post card */

.post-card {
    transition: opacity .3s ease;
}

.post-card:hover {
    opacity: .8;
}

.post-card:hover .post-card__title {
    text-decoration: underline;
}

.post-card__preview {
    position: relative;
    overflow: hidden;
    aspect-ratio: 14 / 9;
    border-radius: 10px;
}

.post-card .post-card__image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.post-card__badges {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    gap: clamp(5px, .75vw, 10px);
}

.post-card__badge {
    --bg: #ffc012;
    --color: inherit;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--bg);
    color: var(--color);
    padding: 5px clamp(15px, 1.5vw, 20px);
    font-size: 12px;
    font-weight: 450;
    border-radius: 6px;
}

body .post-card .post-card__content > * {
    margin: clamp(5px, .75vw, 10px) 0 0;
    color: inherit;
}

.post-card__date {
    display: block;
    font-size: 14px;
    font-weight: 350;
    opacity: .4;
}

.post-card .post-card__title {
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 450;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-card .post-card__text {
    font-size: clamp(14px, 1vw, 16px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

/* all posts */

.all-posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 992px) {
    .all-posts {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .all-posts {
        grid-template-columns: 1fr;
    }
}

/* posts pagination */

.posts-pagination {
    margin-top: 20px;
    display: flex;
}

.posts-pagination__content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.posts-pagination__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffc31e;
    min-width: 40px;
    min-height: 40px;
    line-height: 1;
    user-select: none;
    font-size: 16px;
    font-weight: 350;
    border-radius: 4px;
    transition: opacity .3s ease;
}

.posts-pagination__item--active {
    background-color: #ffc31e;
    font-weight: 500;
}

.posts-pagination__item:not(.active):not(span):hover {
    opacity: .6;
}

.posts-pagination__button.prev {
    margin-right: auto;
}

.posts-pagination__button.next {
    margin-left: auto;
}

span.posts-pagination__button {
    visibility: hidden;
}

.posts-pagination__button {
    border-radius: 4px;
    border: 1px solid rgba(255, 197, 34, .4);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 350;
    padding: 10px 30px;
    min-height: 40px;
    line-height: 1;
    transition: opacity .3s ease;
}

.posts-pagination__button:hover {
    opacity: .6;
}

@media (max-width: 992px) {
    .posts-pagination {
        justify-content: center;
    }

    .posts-pagination__button {
        display: none;
    }
}

/* article preview */

.article-preview {
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    border-radius: 12px;
    padding: clamp(10px, 3vw, 40px);
    min-height: 360px;
}

.article-preview::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .7));
    z-index: -1;
}

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

.article-preview__body {
    margin-top: auto;
    display: flex;
    align-items: end;
    gap: 30px;
}

.article-preview__body > * {
    flex-shrink: 0;
}

.article-preview__body .article-preview__title {
    flex-shrink: 1;
    flex-grow: 1;
    color: #fff;
    font-size: clamp(32px, 2.5vw, 36px);
    font-weight: 450;
    line-height: 1;
}

.article-preview__text {
    font-size: 14px;
    font-weight: 350;
}

.article-preview__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #ffc012;
    color: #2b2b2b;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 450;
    border-radius: 6px;
}

.article-preview__share {
    display: grid;
    gap: 10px;
}

.article-preview__share .article-preview__text {
    opacity: .8;
}

@media (max-width: 768px) {
    .article-preview__body {
        flex-wrap: wrap;
    }

    .article-preview__title {
        flex-basis: 100%;
    }

    .article-preview__share {
        flex-basis: 100%;
    }
}

/* article views */

.article-views {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.article-views__icon {
    flex-shrink: 0;
}

/* article */

.article {
    margin-top: 40px;
    display: flex;
    gap: 20px;
    font-weight: 350;
}

@media (max-width: 768px) {
    .article {
        flex-direction: column-reverse;
    }
}

/* article content wrapper */

.article-content-wrapper {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 900px;
    min-width: 0;
}

/* article aside */

.article-aside {
    max-width: 285px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-aside__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.article-aside__item--sticky {
    position: sticky;
    top: 160px;
}

/* article recommended posts */

.article-recommended-posts {
    display: grid;
    gap: 10px;
}

/* post inline */

.post-inline {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    transition: opacity .3s ease;
}

.post-inline:hover {
    opacity: .8;
}

.post-inline:hover .post-inline__link {
    text-decoration: underline;
}

.post-inline .post-inline__img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    margin: 0;
    object-fit: cover;
}

.post-inline__content {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
}

.post-inline__title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-inline__link {
    font-size: 14px;
    opacity: .4;
    line-height: 1;
}

/* article editors */

.article-editors {
    display: grid;
    align-content: start;
    gap: 20px;
}

.article-editors__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
}

.article-editors .article-editors__img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0;
}

.article-editors__title {
    font-size: 16px;
    font-weight: 350;
    opacity: .6;
}

.article-editors__author {
    font-size: 16px;
    font-weight: 500;
}

/* article contents */

.article-contents {
    padding: clamp(10px, 3vw, 40px);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    margin-bottom: clamp(20px, 3vw, 40px);
}

.article-contents__title {
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 500;
    margin-bottom: clamp(10px, 1.5vw, 20px);
}

.article-contents__links {
    display: inline-grid;
    gap: clamp(8px, 1vw, 12px);
    counter-reset: article-contents-counter;
}

.article-contents__link {
    display: flex;
    align-items: center;
    gap: clamp(5px, .75vw, 10px);
    cursor: pointer;
}

.article-contents__link:hover {
    text-decoration: underline;
}

.article-contents__link span {
    font-size: 16px;
    font-weight: 350;
}

.article-contents__link::before {
    counter-increment: article-contents-counter;
    content: counter(article-contents-counter);
    font-size: 16px;
    background: rgba(241, 238, 236, 1);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.article-contents__link:hover{
	text-decoration:none;
}
.article-contents__link:hover span{
	color: rgba(106, 169, 126, 1);
}
.article-contents__link:hover::before {
	background: rgba(106, 169, 126, 1);
	color:#fff;
}
/* article content */

body .article .article-content {
    display: grid;
    align-content: start;
    gap: clamp(15px, 2vw, 30px);
    color: #2b2b2b;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin: 0;
    color: inherit;
}

.article h2 {
    font-size: clamp(26px, 2.25vw, 32px);
    font-weight: 500;
}

.article h3 {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 500;
}

.article-content p {
    margin: 0;
    color: inherit;
    font-weight: inherit;
    font-size: clamp(16px, 1.5vw, 20px);
}

.article-content img {
    margin: 0;
    border-radius: 12px;
    object-fit: cover;
}

.article-content ul,
.article-content ol {
    margin: 0;
}

.article-content ul li,
.article-content ol li {
    font-size: 18px;
    font-weight: 350;
    padding-left: 18px;
	margin-top:15px;
}

.article-content ol li {
    padding-left: 40px;
}

.article-content ol li + li {
    margin-top: 15px;
}

.article-content ul li::before {
    background-color: #fff;
    top: 10px;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(106, 169, 126, 1);
}

body .article-content b {
    font-weight: 500;
}

.article-content figcaption {
    font-style: italic;
    font-size: clamp(14px, 1vw, 16px);
}

.article-content blockquote {
    background-color: #f4fff7;
    padding: clamp(15px, 3vw, 40px);
    border-radius: 12px;
    font-size: clamp(16px, 1.5vw, 20px);
    border: 1px solid rgba(43, 43, 43, .1);
}

.article-content blockquote {
    background-color: #f4fff7;
    padding: clamp(15px, 3vw, 40px);
    border-radius: 12px;
    font-size: clamp(16px, 1.5vw, 20px);
    border: 1px solid rgba(43, 43, 43, .1);
}

.article-content blockquote.red {
    background-color: #fff;
    border: 1px solid #e20c0c;
}

.article-content blockquote.red li::before {
    background-color: #e20c0c;
    top: 50%;
    transform: translateY(-50%);
}

.article-content blockquote.green {
    background-color: #fff;
    border: 1px solid #6ebb83;
}

.article-content blockquote.green li::before {
    background-color: #6ebb83;
    top: 50%;
    transform: translateY(-50%);
}

.article-content table,
.article-content tr,
.article-content th,
.article-content td {
    border: 1px solid #ebebeb !important;
}

/* post card widget */

.post-card-widget {
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
}

.post-card-widget:hover .post-card-widget__title,
.post-card-widget:hover .post-card-widget__text {
    text-decoration: underline;
}

.post-card-widget:hover .post-card-widget__icon {
    transform: translateX(5px);
}

.post-card-widget:hover .post-card-widget__img {
    opacity: .8;
}

.post-card-widget__content {
    padding: clamp(15px, 3vw, 40px);
    display: grid;
    gap: clamp(10px, 1vw, 15px);
}

.post-card-widget .post-card-widget__img {
    width: 350px;
    height: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 12px;
    transition: opacity .3s ease;
}

.post-card-widget__subtitle {
    opacity: .2;
}

.post-card-widget__title {
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 500;
    line-height: 1.4;
}

.post-card-widget__link {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 500;
    color: #6ebb83;
}

.post-card-widget__icon {
    transition: transform .3s ease;
}

@media (max-width: 768px) {
    .post-card-widget {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .post-card-widget .post-card-widget__img {
        grid-row: 1 / 2;
        width: 100%;
        aspect-ratio: 9 / 4;
    }
}

/* recommended posts widget */

.recommended-posts-widget {
    padding: clamp(15px, 3vw, 40px);
    display: grid;
    gap: clamp(10px, 1.5vw, 20px);
    border: 1px solid #6ebb83;
    border-radius: 12px;
}

.recommended-posts-widget__title {
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 500;
    color: #6ebb83;
}

.recommended-posts-widget__list {
    display: grid;
    gap: 10px;
}

.recommended-posts-widget__link {
    font-size: clamp(16px, 1.5vw, 20px);
    text-decoration: underline;
    text-decoration-thickness: from-font;
    font-weight: 350;
    transition: opacity .3s ease;
}

.recommended-posts-widget__link:hover {
    opacity: .6;
}

/* article share block */

.article-share-block {
    margin-top: clamp(30px, 3vw, 40px);
    padding: clamp(10px, 3vw, 40px);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    margin-bottom: clamp(20px, 3vw, 40px);

    display: grid;
    gap: clamp(15px, 2vw, 20px);
}

.article-share-block__title {
    font-size: clamp(24px, 2.25vw, 32px);
    font-weight: 500;
}

@media (max-width: 576px) {
    .article-share-block__content {
        transform: scale(.75);
        transform-origin: left top;
    }
}

/* yashare2 */

ul.ya-share2__list li.ya-share2__item::before {
    content: unset;
}

/* news read */

.news-read {
    margin-top: clamp(20px, 3vw, 40px);
}

.news-read__title {
    font-size: clamp(24px, 2.25vw, 32px);
    font-weight: 500;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

@media (min-width: 993px) {
    .news-read__title .news-swiper-arrows {
        display: none;
    }
}

/* news article card */

.news-article-card .article-views__text {
    font-size: 12px;
}

.news-article-card:hover .news-article-card__title {
    text-decoration: underline;
}

.news-article-card:hover .news-article-card__icon {
    transform: translateX(10px);
}

.news-article-card .news-article-card__image {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    margin: 0;
}

.news-article-card__content {
    padding: clamp(15px, 1.5vw, 20px);
    background-color: #fff;
}

.news-article-card__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 20px;
    opacity: .4;
    margin-bottom: 10px;
}

.news-article-card__date {
    font-size: 12px;
}

.news-article-card__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: clamp(15px, 1.5vw, 20px);
}

.news-article-card__link {
    display: flex;
    align-items: center;
    gap: 25px;
    color: #6ebb83;
    font-size: 18px;
    font-weight: 500;
}

.news-article-card__icon {
    transition: transform .3s ease;
}

/* swiper */

body .swiper-pagination {
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-color: #ffc31e;
    --swiper-pagination-bullet-inactive-color: #ffc31e;

    position: static;
}

body .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color);
}

/* news swiper arrows */

.news-swiper-arrows {
    display: flex;
    gap: 10px;
}

.news-swiper-arrows__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #ffc110;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity .3s ease;
}

.news-swiper-arrows__item.swiper-button-disabled {
    opacity: .6;
}

/* catalog cards */

.catalog-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-auto-rows: 1fr;
    gap: clamp(10px, 1.5vw, 20px);
}

/* catalog card */

.catalog-card {
    --padding: clamp(30px, 3vw, 40px);

    height: 100%;
    border: 1px solid #e3ddd9;
    border-radius: 20px;
    padding: var(--padding);
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    font-size: clamp(12px, 1vw, 14px);
    color: #5d5856;
    cursor: default;
    overflow: hidden;
    transition: border-color .3s ease;
}

.catalog-card:hover {
    border-color: #d78c43;
}

.catalog-card:hover .catalog-card__title,
.catalog-card:hover .catalog-card__link {
    color: #d78c43;
}

.catalog-card.catalog-card--img--top {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
}

.catalog-card.catalog-card--img--top .catalog-card__img {
    margin: calc(var(--padding) * -1);
    width: calc(100% + var(--padding) * 2);
    max-width: calc(100% + var(--padding) * 2);
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.catalog-card.catalog-card--img--top .catalog-card__content {
    order: 1;
    margin-top: var(--padding);
}

.catalog-card__img {
    background-color: #f3f3f3;
    font-size: 0;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right;
}

.catalog-card__content {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.5vw, 20px);
}

.catalog-card__title {
    font-size: clamp(16px, 1.5vw, 18px);
    font-weight: 700;
    color: #17110d;
    transition: color .3s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catalog-card__title:hover {
    text-decoration: underline;
}

.catalog-card__description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.catalog-card__table {
    display: grid;
    gap: clamp(12px, 1vw, 16px);
}

.catalog-card__cell {
    display: flex;
    align-items: end;
    gap: clamp(5px, .5vw, 10px);
}

.catalog-card__line {
    flex-grow: 1;
    border: 1px dashed #e3ddd9;
    transform: translateY(-2px);
}

.catalog-card__icon {
    transition: transform .3s ease;
}

.catalog-card .catalog-card__link {
    margin-top: auto;
    display: flex;
    gap: 8px;
    font-size: 14px;
    color: #6aa97e;
    transition: opacity .3s ease, color .3s ease;
}

.catalog-card__link:hover {
    opacity: .6;
}

.catalog-card__link:hover .catalog-card__icon {
    transform: translate(2px, -2px);
}

/* product screen */

.product-screen {
    display: grid;
    align-items: start;
    grid-template-columns: 700px 1fr;
    gap: 20px;
}

@media (max-width: 1200px) {
    .product-screen {
        grid-template-columns: 100%;
    }
}

/* product slider */

.product-slider .swiper-slide {
    transition: opacity .3s ease;
}

.product-slider__main {
    position: relative;
}

.product-slider__main .swiper {
    --image-radius: 20px;

    height: clamp(220px, 40vw, 450px);
}

.product-slider__main .product-slider__image {
    cursor: zoom-in;
}

.product-slider__thumbs .swiper {
    --image-radius: 15px;

    height: 80px;
    margin-top: 20px;
}

.product-slider__thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
    opacity: .4;
}

.product-slider__heading {
    margin-bottom: 20px;
}

.product-slider__badge {
    position: absolute;
    left: clamp(10px, 1.5vw, 20px);
    right: clamp(10px, 1.5vw, 20px);
    top: clamp(10px, 1.5vw, 20px);
    max-width: max-content;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: clamp(6px, 1vw, 8px) 12px;
    line-height: 1;
    font-size: clamp(12px, 1vw, 14px);
    background-color: #f0f6f2;
    color: #6aa97e;
    border-radius: 999px;
    z-index: 2;
}

.product-slider__image {
    border-radius: var(--image-radius, 0);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-slider__notice {
    margin-top: 20px;
}

@media (min-width: 993px) {
    .product-slider__heading {
        display: none;
    }
}

@media (max-width: 1200px) {
    .product-slider__thumbs {
        display: none;
    }
}

/* product cultures */

.product-cultures {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: clamp(12px, 1vw, 14px);
}

.product-cultures__item {
    display: inline-block;
    text-align: center;
    padding: 8px 12px;
    border-radius: 999px;
    background-color: #f9f8f7;
    color: #5d5856;
    line-height: 1;
    white-space: nowrap;
    transition: opacity .3s ease;
}

.product-cultures__item:hover {
    opacity: .8;
}

@media (max-width: 768px) {
    .product-cultures__title {
        flex-basis: 100%;
    }
}

/* swiper */

.swiper-parent {
    position: relative;
}

.swiper-parent.swiper-parent--buttons--out .swiper-button-next {
    right: -10px;
}

.swiper-parent.swiper-parent--buttons--out .swiper-button-prev {
    left: -10px;
}

.swiper-parent .swiper-button-next,
.swiper-parent .swiper-button-prev {
    --swiper-navigation-size: 32px;

    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    background-color: #fff;
    color: #000;
    border: 1px solid #eee;
    border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .05);
    transition: opacity .3s ease;
}

.swiper-parent .swiper-button-next::after,
.swiper-parent .swiper-button-prev::after {
    line-height: 0;
}

.swiper-parent .swiper-button-next.swiper-button-disabled,
.swiper-parent .swiper-button-prev.swiper-button-disabled {
    display: flex;
    opacity: 0;
}

.swiper-parent .swiper-button-next::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.599976 0.667969L5.93331 6.0013L0.599976 11.3346' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.swiper-parent .swiper-button-prev::after {
    content: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.66699 14.665L1.00033 7.99837L7.66699 1.33171' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.swiper-parent.swiper-parent--has--pagination {
    --bullet-size: clamp(10px, 1vw, 12px);
    --pagination-margin: clamp(24px, 2vw, 32px);
}

.swiper-parent.swiper-parent--has--pagination .swiper-pagination {
    --swiper-pagination-bullet-size: var(--bullet-size);
    --swiper-pagination-pagination-margin: var(--pagination-margin);
    --swiper-pagination-color: #6aa97e;
    --swiper-pagination-bullet-inactive-color: #6aa97e;

    line-height: 0;
    margin-top: var(--swiper-pagination-pagination-margin);
}

.swiper-parent.swiper-parent--has--pagination .swiper-button-next,
.swiper-parent.swiper-parent--has--pagination .swiper-button-prev {
    transform: translateY(calc(var(--bullet-size) * -.5 - var(--pagination-margin) * .5));
}

.swiper-parent.swiper-parent--has--pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-size);
    height: var(--swiper-pagination-bullet-size);
}

.swiper-parent.swiper-parent--has--pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: clamp(10px, 1.5vw, 20px);
}

.swiper-parent .swiper-slide {
    height: auto;
}

@media (min-width: 993px) {
    .swiper-parent.swiper-parent--visible-buttons--mobile .swiper-button-next,
    .swiper-parent.swiper-parent--visible-buttons--mobile .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 992px) {
    .swiper-parent.swiper-parent--visible-buttons--desktop .swiper-button-next,
    .swiper-parent.swiper-parent--visible-buttons--desktop .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 576px) {
    .swiper-parent.swiper-parent--auto-slide--mobile .swiper-slide {
        max-width: 180px;
    }
}

/* product info */

.product-info {
    padding: clamp(20px, 3vw, 40px);
    border-radius: 20px;
    border: 1px solid #e3ddd9;
    display: grid;
    align-content: start;
    gap: clamp(20px, 3vw, 40px);
    line-height: 1;
}

.product-info__group {
    display: grid;
    gap: 10px;
}

.product-info__price {
    color: #d78c43;
    font-size: clamp(26px, 2vw, 28px);
    font-weight: 700;display:none;
}

.product-info__faq {
    padding-top: clamp(20px, 3vw, 40px);
    border-top: 1px solid rgba(227, 221, 217, .5);
    display: flex;
    align-items: start;
    gap: clamp(10px, 1.5vw, 20px);
    transition: opacity .3s ease;
    cursor: pointer;
}

.product-info__faq:hover {
    opacity: .6;
}

.product-info__content {
    flex-grow: 1;
    display: grid;
    gap: 12px;
}

.product-info__qr {
    flex-shrink: 0;
    flex-basis: 60px;
    min-width: 0;
    margin-left: auto;
}

.product-info__subtitle {
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
    line-height: 1.2;
}

.product-info__description {
    font-size: 12px;
    color: #5d5856;
}

@media (max-width: 992px) {
    .product-info__group.product-info__group--heading {
        display: none;
    }

}

@media (max-width: 576px) {
    .product-info__qr {
        display: none;
    }
}

/* product status */

.product-status {
    color: #6aa97e;
    font-size: clamp(12px, 1vw, 14px);
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-status.product-status--error {
    color: #e20c0c;
}

/* product title */

.product-title {
    font-size: clamp(26px, 3vw, 44px);
    font-weight: 700;
    color: inherit;
}

/* button */

.button {
    padding: 20px clamp(20px, 3vw, 40px);
    border-radius: 10px;
    background-color: #d78c43;
    border: 1px solid #d78c43;
    color: #fff;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    transition: opacity .3s ease;
}

.button:hover {
    opacity: .8;
}

.button.button--success {
    background-color: transparent;
    border: 1px solid #6aa97e;
    color: #6aa97e;
    line-height: 1;
}

/* spoiler */

.spoiler {
    position: relative;
}

.spoiler.spoiler--spacing--top .spoiler__button {
    margin-top: 24px;
}

.spoiler[open] .spoiler__button {
    display: none;
}

.spoiler__button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6aa97e;
    font-size: 14px;
    cursor: pointer;
    transition: opacity .3s ease;
}

.spoiler__button:hover {
    opacity: .6;
}

/*  product specs */

.product-specs {
    max-width: 700px;
    display: grid;
    gap: 24px;
    color: #17110d;
}

.product-specs + .product-specs {
    margin-top: clamp(40px, 3.5vw, 48px);
}

.product-specs__title {
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 700;
    color: inherit;
}

.product-specs__text {
    font-size: clamp(16px, 1.5vw, 18px);
}

.product-specs__item {
    display: flex;
    align-items: end;
    gap: clamp(20px, 3vw, 40px);
    margin-bottom: 20px;
}

.product-specs__item.product-specs__item--order--last {
    margin-bottom: 0;
}

.product-specs__line {
    flex-grow: 1;
    height: 100%;
    border-bottom: 1px dashed #e3ddd9;
    transform: translateY(-2px);
}

.product-specs__key {
    font-size: clamp(16px, 1.5vw, 18px);
}

.product-specs__value {
    font-size: 14px;
    color: #5d5856;
}

/* product efficiency */

.product-efficiency {
    background-color: #f9f8f7;
    border-radius: 20px;
    padding: clamp(20px, 3vw, 40px);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: clamp(20px, 3vw, 40px);
    color: #17110d;
}

.product-efficiency__content {
    display: grid;
    align-content: start;
    gap: clamp(20px, 3vw, 40px);
}

.product-efficiency__group {
    display: grid;
    gap: 10px;
}

.product-efficiency__subtitle {
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 700;
    color: inherit;
}

.product-efficiency__text {
    font-size: clamp(16px, 1.5vw, 18px);
}

.product-efficiency__list {
    display: grid;
    gap: 10px;
    font-size: clamp(16px, 1.5vw, 18px);
}

.product-efficiency__item::before {
    content: '●';
    vertical-align: middle;
    font-size: 10px;
    color: #6aa97e;
    margin-right: clamp(10px, 1vw, 16px);
}

.product-efficiency__preview {
    position: relative;
    border-radius: 20px;
    border: 1px solid #e3ddd9;
    width: 360px;
    max-width: 100%;
    overflow: hidden;
}

.product-efficiency__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in;
}

.product-efficiency .product-quality {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: clamp(20px, 3vw, 40px);
    pointer-events: none;
}

@media (max-width: 992px) {
    .product-efficiency {
        padding: 0;
        background-color: transparent;
        grid-template-columns: 1fr;
    }

    .product-efficiency__preview {
        width: 100%;
        height: 500px;
    }
	.header__mail span{
		font-size: 16px;
	}
}

/* product-quality */

.product-quality {
    border-radius: 999px;
    background-color: #fff;
    border: 2px solid #6aa97e;
    color: #6aa97e;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: clamp(10px, 1vw, 16px);
}

.product-quality__content {
    flex-grow: 1;
    margin-left: 16px;
    display: grid;
    gap: 4px;
}

.product-quality__icon {
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.product-quality__title {
    font-size: 14px;
    font-weight: 700;
}

.product-quality__description {
    font-size: 12px;
}

/* client card */

.client-card {
    height: 100%;
    background-color: #f9f8f7;
    padding: 16px 20px;
    border-radius: 20px;
    text-align: center;
}

.client-card__preview {
    width: 100%;
    height: 120px;
    object-fit: contain;
}

.client-card__text {
    padding-top: 16px;
    font-size: 10px;
    color: #5d5856;
}

/* get solution */

.get-solution {
    background-color: #6aa97e;
    color: #fff;
    padding: clamp(40px, 4.5vw, 64px) 0;
}

.get-solution__content {
    display: grid;
    justify-items: start;
    gap: clamp(20px, 3vw, 40px);
}

.get-solution__subtitle {
    font-size: 18px;
    font-weight: 700;
}

.get-solution__name {
    font-size: 14px;
    font-weight: 700;
}

.get-solution__text {
    margin-top: 8px;
    font-size: 14px;
}

.get-solution__steps {
    --items: 4;
    --item-width: 160px;
    --gap: 40px;
    --padding: 20px;
    --border-width: 1px;

    padding: var(--padding);
    border: var(--border-width) solid #fff;
    border-radius: 20px;
}

.get-solution__step {
    position: relative;
}

.get-solution__slider {
    width: calc(100vw - var(--container-padding) * 2 - var(--padding) * 2 - var(--border-width) * 2);
    max-width: calc((var(--item-width) + var(--gap)) * var(--items));
}

.get-solution__slider .swiper-slide {
    max-width: var(--item-width);
}

.get-solution__slider .swiper-slide:not(:last-of-type) .get-solution__step::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    transform: translateX(calc(var(--gap) / 2));
}

.get-solution__block {
    width: 100%;
    color: #17110d;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.get-solution__badge {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    border-radius: 999px;
    background-color: #f9f8f7;
    line-height: 1;
}

.get-solution__info {
    padding: 16px 24px;
}

.get-solution__person {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 380px;
    border-bottom-right-radius: 20px;
    z-index: -1;
}

.get-solution__mini-person {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: contain;
    object-position: bottom;
    margin: 6px;
    background-color: #f0f6f2;
}

.get-solution__form {
    border-radius: 20px;
    display: grid;
    align-items: end;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 20px;
    transition: opacity .3s ease;
}

.get-solution__form.loading {
    opacity: .4;
    pointer-events: none;
}

.get-solution__group {
    display: grid;
    gap: 12px;
    font-size: 14px;
}

.get-solution__agreement {
    grid-column: 1 / 3;
    font-size: 12px;
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: 6px;
    color: rgba(46, 33, 26, 0.4);
}

.get-solution__link {
    color: #d78c43;
    text-decoration: underline;
}

@media (min-width: 1201px) {
    .get-solution__mini-person {
        display: none;
    }
}

@media (max-width: 1200px) {
    .get-solution__person {
        display: none;
    }

    .get-solution__block {
        background-color: transparent;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .get-solution__form {
        background-color: #fff;
        padding: 20px;
        order: 1;
    }
}

@media (max-width: 768px) {
    .get-solution__form {
        grid-template-columns: 1fr;
    }

    .get-solution__agreement {
        grid-column: unset;
    }
}

@media (max-width: 576px) {
    .get-solution__steps {
        --item-width: 120px;
        --gap: 30px;
        --padding: 0px;
        --border-width: 0px;
    }
}

/* input */

.input {
    border-radius: 10px;
    border: 1px solid #e3ddd9;
    background-color: #fff;
    line-height: 1;
    padding: 20px clamp(20px, 3vw, 40px);
    font-size: clamp(14px, 1vw, 16px);
}

.input::placeholder {
    color: rgba(46, 33, 26, 0.4);
}

/* checkbox */

.checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 14px;
    height: 14px;
    border-radius: 1px;
    border: 1px solid #d78c43;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.checkbox:not(:checked)::before {
    opacity: 0;
}

.checkbox::before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4375 1.125L2.85414 5.5L0.5625 3.3125' stroke='%23D78C43' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: opacity .3s ease;
}

/* other products slider */

.other-products-slider {
    margin-top: clamp(20px, 3vw, 40px);
}

/* catalog form */

.catalog-form {
    display: grid;
    gap: 8px;
}

.catalog-form__group {
    display: grid;
    gap: 4px;
}

.catalog-form__input {
    width: 100%;
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-form__button {
    position: relative;
    padding: 0 20px;
    border-radius: 60px;
    background-color: #ffbf0c;
    border: none;
    color: #fff;
    height: 60px;
    font-weight: 700;
    font-size: 18px;
    text-align: start;
}

.catalog-form__button::after {
    content: attr(data-suffix);
    position: absolute;
    right: 20px;
    opacity: .6;
}

.catalog-form__agreement {
    display: flex;
    gap: 4px;
    font-size: 9px;
    color: #747e79;
	margin-bottom: 9px;
}

.catalog-form__agreement .catalog-form__checkbox {
    flex-shrink: 0;
}

.catalog-form__checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #747e79;
    margin: 0;
    position: relative;
}

.catalog-form__checkbox:checked::after {
    content: '✓';
    display: block;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
}

/* loading */

.loading {
    opacity: .4;
    pointer-events: none;
}
.eco__container_links{
	margin-top:20px;
}
.eco__container_links a{
	text-decoration:underline;display:block;
	font-size:14px;
}






























#emailform__header.fancybox-content{
	padding: 0;
	border-radius:20px;
	width: 100%;
	max-width: 1000px;
}
.emailform {
  font-family: Arial, sans-serif;
  background: #fff;
  border-radius: 12px;
  padding: 15px 20px 3px;
  margin: 0 auto;
}
.emailform__header {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0;
  position: relative;
}
.emailform__logo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emailform__logo img {
    width: 61px;
}
.emailform__info {
  flex: 1;
  margin-left: 40px;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
.emailform__info-row {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid rgba(50, 50, 50, 0.1);
  padding: 7px 0 17px;
}
.emailform__label {
  color: #bbb;
  font-size: 17px;
  white-space: nowrap;
}
.emailform__label b{font-weight: 400;}
.emailform__to,
.emailform__subject,
.emailform__phone {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  outline: none;
  border: none;
  color: rgba(50, 50, 50, 1);
}
input.emailform__phone {
	width: 100%;
    min-width: 0;
}
input.emailform__phone::placeholder {color: rgba(50, 50, 50, 1);}
.emailform__avatar {

}
.emailform__to__avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 6px;
  padding: 5px;
  background: rgba(42, 42, 42, 1);
}
.emailform__to{
	font-size: 16px;
	background: rgba(246, 246, 246, 1);
	padding: 0 40px 0 0;
	border-radius: 36px;
}
.emailform__close {
  position: absolute;
  top: -5px;
  right: -5px;
  border: none;
  background: none;
  font-size: 32px;
  cursor: pointer;
}

.emailform__body {
  padding-top: 12px;
}
.emailform__textarea {
  width: 100%;
  min-height: 115px;
  resize: none;
  border: none;
  background: #fafafa;
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 20px;
  box-sizing: border-box;
  outline: none;
  color: rgba(160, 160, 160, 1);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}
.emailform__textarea::placeholder{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(160, 160, 160, 1);
	font-size: 20px;
}
.emailform__actions {
  display: flex;
  gap: 18px;
  margin-bottom: 10px;
}
.emailform__send-btn {
  flex: 1;
  background: #23b14d;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 18px 0;
  cursor: pointer;
  transition: background 0.2s;
  font-weight: 700;
  font-size: 22px;
  line-height: 16px;
}
.emailform__send-btn:hover {
  background: #19813b;
}

.emailform__file {
  flex: 1;
}
.emailform__file-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  color: #333;
  font-weight: 500;
  font-size: 19px;
  border-radius: 7px;
  border: 1px solid #ededed;
  padding: 18px 0;
  cursor: pointer;
  transition: background 0.2s;
  gap: 10px;
}
.emailform__file-btn:hover {
  background: #ececec;
}
.emailform__file-btn b{
	text-decoration:underline;
}
.emailform__file-icon {
  margin-right: 7px;
}

.emailform__checkboxes {
  margin-top: 10px;
}
.emailform__checkbox {
  display: flex;
  align-items: flex-start;
  margin-bottom: 7px;
  font-size: 14px;
  color: #999;
}
.emailform__checkbox input {
  margin-right: 7px;
  accent-color: #23b14d;
  display: none;
}
.emailform__checkbox span{
	display:flex;
	gap:8px;
	align-items:center;
	font-size: 12px;
	line-height: 100%;
}
.emailform__checkbox span b{
	font-weight:400;
	width: calc(100% - 25px);
}
.emailform__checkbox input + span:before{
	content:'';
	display:block;
	width: 17px;
	height: 17px;
	border: 1px solid rgba(183, 183, 183, 1);
	border-radius:2px;
}
.emailform__checkbox input:checked + span:before{
	background:url(/local/templates/eco_main/img/galochka.png) no-repeat center center;
}
.emailform__checkbox a {
  color: #999;
  text-decoration: underline;
  transition: color 0.2s;
}
.emailform__checkbox a:hover {
  color: #23b14d;
}
.fancybox-container{
	z-index: 999992;
}





@media(max-width:768px){
	.eco__section_main{
		margin-bottom: 0;
	}
	.emailform__info-row{gap: 10px;}
	.emailform__label b{display:none;}
	.emailform__logo{
		display:none;
	}
	.emailform__info{
		margin-left: 0;
	}
	.emailform__to, .emailform__subject, .emailform__phone{
		font-size: 14px;
	}
	.emailform__label{
		font-size: 14px;
	}
	.emailform__textarea{
		font-size: 14px;
	}
	.emailform__send-btn{
		font-size: 18px;
		padding: 24px 0;
	}
	.emailform__file-btn{
		font-size: 18px;
	}
	.emailform__actions {
		flex-direction: column;
	}
	
}










































.footernew {
  background: #232322;
  color: #fff;
  padding: 60px 0 60px 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 9999;
}
.footernew__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 0 32px;
}
.footernew__col {
  flex: 1;
  min-width: 240px;
}
.footernew__col_contacts{
	min-width: 373px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}
.footernew__col_logo {
  max-width: 420px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
.footernew__logo {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.footernew__logo-img {
}
.footernew__logo-title {
  font-size: 42px;
  font-weight: 400;
}
.footernew__logo-desc {
  font-size: 18px;
  color: #b8b8b8;
}
.footernew__company {
  margin-bottom: 18px;
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}
.footernew__info {
  margin-bottom: 12px;
}
.footernew__info-title {
  font-weight: 700;
  margin: 20px 0 10px;
}
.footernew__info-value {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.85);
}

.footernew__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footernew__nav-item {
  margin-bottom: 10px;
}
.footernew__nav-link {
  text-decoration: none;
  transition: color .2s;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.85);
}
.footernew__nav-link:hover {
  color: #70ba89;
}

.footernew__worktitle {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 1);
}
.footernew__workblock {
  margin-bottom: 12px;
}
.footernew__workcity {
  font-weight: 600;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 1);
  margin-top: 20px;
}
.footernew__worktime {
  color: #b8b8b8;
  margin-bottom: 5px;
  font-size: 14px;
}

.footernew__socials {
  margin-top: 30px;
  display: flex;
  align-items: center;
  background: #232322;
  border: 2px solid #373737;
  border-radius: 20px;
  padding: 12px 20px;
  gap: 7px;
  width: fit-content;
}
.footernew__social img {
  width: 32px;
  height: 32px;
  filter: brightness(0.9);
  transition: filter .2s;
}
.footernew__social img:hover {
  filter: brightness(1.6);
}
.footernew__phone {
  font-weight: 700;
  font-size: 18px;
  margin-left: 5px;
  color: rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 10px;
}

.footernew__btn {
  display: block;
  margin-top: 24px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  border-radius: 14px;
  padding: 18px 0;
  text-decoration: none;
  transition: background .2s;
  max-width: none;
  background: rgba(106, 169, 126, 1);
}
.footernew__btn:hover {
  background: #468c5c;
}

.footernew__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 24px;
  border-top: 1px solid #313131;
  padding-top: 24px;
  font-size: 14px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  color: rgba(255, 255, 255, 0.4);
}
.footernew__copyright {
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 2;
  margin-top: 40px;
}
.footernew__links {
  line-height: 1.5;
}
.footernew__link {
  text-decoration: none;
  margin-bottom: 0;
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.footernew__personal {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.footernew__col_nav{
	display:flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-between;
}
.footernew__mobile_info{
	display:none;
}

@media(max-width:992px){
	.footernew__container {
		flex-direction: column;
		padding: 0 15px;
		gap: 20px;
	}
	.footernew__col_logo .footernew__copyright{
		display:none;
	}
	.footernew__col_logo .footernew__info{
		display:none;
	}
	.footernew__col_logo .footernew__company{
		display:none;
	}
	.footernew__mobile_info{
		display:block;
	}
	.footernew__copyright{
		margin-top:20px;
	}
	.footernew{
	    padding: 40px 0;
	}
}
@media(max-width:360px){
	.footernew__phone{
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}
	.footernew__socials{
		padding: 12px 5px;
	}
	.footernew__col_contacts{
		min-width: 0;
	}
	
}







.search_form_head_input_popup{
	display:none;
	position: fixed;
    z-index: 956;
}
.search_form_head_input_block{
	max-width: 1220px;
	margin: 75px auto 0;
	padding: 0 0 50px;
	position: relative;
}
.search_form_query{
	border: 0;
	border-bottom: 1px solid rgba(215, 140, 67, 1);
	outline: none;
	font-family: Montserrat;
	font-weight: 400;
	font-size: 32px;
	line-height: 100%;
	text-align: center;
	color: rgba(96, 96, 96, 1);
	width: 100%;
	padding-bottom: 15px;
}
.search_form_button{
	background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.0833 10.1562C17.7348 10.1562 10.1562 17.7348 10.1562 27.0833C10.1562 36.432 17.7348 44.0104 27.0833 44.0104C36.432 44.0104 44.0104 36.432 44.0104 27.0833C44.0104 17.7348 36.432 10.1562 27.0833 10.1562ZM6.09375 27.0833C6.09375 15.4911 15.4911 6.09375 27.0833 6.09375C38.6755 6.09375 48.0729 15.4911 48.0729 27.0833C48.0729 38.6755 38.6755 48.0729 27.0833 48.0729C15.4911 48.0729 6.09375 38.6755 6.09375 27.0833Z' fill='%23D78C43'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.1887 39.1888C39.982 38.3955 41.2679 38.3955 42.0612 39.1888L55.6028 52.7304C56.3961 53.5237 56.3961 54.8096 55.6028 55.6029C54.8096 56.3962 53.5236 56.3962 52.7304 55.6029L39.1887 42.0612C38.3954 41.268 38.3954 39.982 39.1887 39.1888Z' fill='%23D78C43'/%3e%3c/svg%3e ");
	width: 65px;
	height: 65px;
	border: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: -20px;
	cursor:pointer;
}
.search_form_head_input_popup form{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 6;
	background: #fff;
}
.search_form_head_input_bg{
	background: rgba(43, 43, 43, 0.45);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 5;
}
.search_head_btn_popup{
	background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.0833 10.1562C17.7348 10.1562 10.1562 17.7348 10.1562 27.0833C10.1562 36.432 17.7348 44.0104 27.0833 44.0104C36.432 44.0104 44.0104 36.432 44.0104 27.0833C44.0104 17.7348 36.432 10.1562 27.0833 10.1562ZM6.09375 27.0833C6.09375 15.4911 15.4911 6.09375 27.0833 6.09375C38.6755 6.09375 48.0729 15.4911 48.0729 27.0833C48.0729 38.6755 38.6755 48.0729 27.0833 48.0729C15.4911 48.0729 6.09375 38.6755 6.09375 27.0833Z' fill='%23D78C43'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.1887 39.1888C39.982 38.3955 41.2679 38.3955 42.0612 39.1888L55.6028 52.7304C56.3961 53.5237 56.3961 54.8096 55.6028 55.6029C54.8096 56.3962 53.5236 56.3962 52.7304 55.6029L39.1887 42.0612C38.3954 41.268 38.3954 39.982 39.1887 39.1888Z' fill='%23D78C43'/%3e%3c/svg%3e ");
	width: 28px;
	height: 28px;
	background-size:100% 100%;
	margin-right:10px;
	margin-top:2px;
	cursor:pointer;
}


.eco_blog{}