/* Start:/local/templates/zemlitsa/css/normalize.css?17142116776475*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
   ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

* {
	outline: none !important;
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}


/* Sections
   ========================================================================== */


/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}


/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1, h2, h3, h4, h5, p {
	margin: 0;
}


/* Grouping content
   ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}


/* Text-level semantics
   ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

p {
	margin: 0;
}

ul {
	padding: 0;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: 600;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}


/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */

img {
  display: block;
	border-style: none;
}


/* Forms
   ========================================================================== */


/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
	outline: none;
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	/* 1 */
	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
  	-moz-appearance: none;
  	appearance: none;
  	border-radius: 0px;
	overflow: visible;
}
label {
  user-select: none;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	/* 1 */
	text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}


/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}


/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}


/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}


/* Interactive
   ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}


/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}


/* Misc
   ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}


/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}
/* End */


/* Start:/local/templates/zemlitsa/css/swiper-bundle.min.css?171421167718429*/
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/zemlitsa/fonts/stylesheets.css?17142116731975*/
@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.eot');
  src: local('MuseoSansCyrl-700'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.woff2') format('woff2'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.woff') format('woff'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.ttf') format('truetype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans Cyrillic';
  src: url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.eot');
  src: local('Museo Sans Cyrillic 500'), local('MuseoSansCyrillic-500'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.woff2') format('woff2'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.woff') format('woff'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.ttf') format('truetype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrillic-500.svg#MuseoSansCyrillic-500') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans Cyrl 300';
  src: url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.eot');
  src: local('MuseoSansCyrl-300'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.woff2') format('woff2'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.woff') format('woff'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.ttf') format('truetype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Katherine Plus';
  src: url('/local/templates/zemlitsa/fonts/katherine-plus.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl 900';
  src: url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-900.eot');
  src: local('MuseoSansCyrl-900'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-900.woff') format('woff'),
  url('/local/templates/zemlitsa/fonts/MuseoSansCyrl-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* End */


/* Start:/local/templates/zemlitsa/css/style.css?1721744980351430*/
a:hover,
a:focus {
  text-decoration: none !important;
}

#bx-panel {
  z-index: 1010 !important;
}

body::-webkit-scrollbar {
  width: 3px;
}

body::-webkit-scrollbar-track {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #519139;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: inherit;
}

ul {
  list-style: none;
  margin: 0;
}

.row {
  margin: 0 !important;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: none;
}

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
  display: none !important;
}

body {
  font-family: 'Museo Sans Cyrl 300';
  color: #2D2D2E;
  background-color: #F9F9F9;
}
body.overflow-hidden{
  overflow: hidden;
}
body.overflow{
  overflow: hidden;
}
.container {
  padding-left: 75px;
  padding-right: 75px;
  max-width: 1920px;
  margin: 0 auto;
}
@media (max-width: 1920px) {
  .container {
    padding-left: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    padding-right: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .container {
    padding-left: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-right: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .container {
    padding-left: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
.header {
  /* background-color: #FFF; */
  padding-top: 22px;
  padding-bottom: 22px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.header.opacity {
  background: none;
}

.header .container {
  display: flex;
  align-items: center;
}
.header__menu-list {
  display: flex;
  align-items: center;
  gap: 18px;
}
.header__right {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 23px;
}
@media (max-width: 1024px) {
  .header__right {
    display: none;
  }
}
.header__logo {
  margin-right: 100px;
}
@media (max-width: 1920px) {
  .header__logo {
    margin-right: calc(40px + (100 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__logo img {
    width: calc(127px + (149 - 127) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .header__logo img {
    width: calc(107px + (127 - 107) * ((100vw - 375px) / (1366 - 375)));
  }
}
@media (max-width: 1024px) {
  .header__menu {
    display: none;
  }
}
.header__menu-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header__menu-link {
  padding: 10px 25px;
}
@media (max-width: 1366px) {
  .header__menu-link {
    padding: 10px calc(10px + (25 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
}
.header__menu-link span {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
.header.opacity .header__menu-link span {
  color: white;
}
@media (max-width: 1920px) {
  .header__menu-link span {
    font-size: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
.lang-select {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header.opacity .lang-select {
  color: white;
}
.header.opacity .lang-select svg path {
  stroke: white;
}
.header.opacity .header__search svg path {
  stroke: white;
}
.breadcrumb {
  display: flex;
  align-items: center;
  padding-top: 155px;
}
#breadcrunbSwiper li {
  width: auto;
}
#breadcrunbSwiper {
  padding: 155px 385px 0;
  overflow: hidden;
}
@media (max-width: 2500px) {
  #breadcrunbSwiper {
    padding: 155px calc(75px + (385 - 75) * ((100vw - 1920px) / (2500 - 1920))) 0;
  }
}
@media (max-width: 1920px) {
  #breadcrunbSwiper {
    padding: 155px calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
}
@media (max-width: 1366px) {
  #breadcrunbSwiper {
    padding: 155px calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768))) 0;
  }
}
@media (max-width: 768px) {
  .breadcrumb {
    padding-top: calc(105px + (155 - 105) * ((100vw - 375px) / (768 - 375)));
  }
  #breadcrunbSwiper {
    padding: calc(100px + (155 - 100) * ((100vw - 375px) / (768 - 375))) calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375))) 0;
  }
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  color: #FFF;
  opacity: 50%;
  gap: 20px;
}
.breadcrumb-active {
  display: flex;
  color: #FFF;
  gap: 20px;
}
.about__banner-content {
  padding-top: 300px;
  max-width: 722px;
  width: 100%;
}
@media (max-width: 1366px) {
  .about__banner-content {
    max-width: calc(481px + (722 - 481) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about__banner-content {
    max-width: 100%;
    padding-top: calc(200px + (300 - 200) * ((100vw - 375px) / (768 - 375)));
  }
}
.about__banner-content h1 {
  margin-bottom: 60px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 90px;
  color: #FFF;
}
@media (max-width: 1920px) {
  .about__banner-content h1 {
    font-size: calc(68px + (80 - 68) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(75px + (90 - 75) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__banner-content h1 {
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(60px + (75 - 60) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
.about__banner-content p {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 35px;
  color: #FFF;
}
@media (max-width: 1920px) {
  .about__banner-content p {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__banner-content p {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(30px + (35 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
.about__banner {
  background-image: url(/local/templates/zemlitsa/css/../img/banner-about.png);
  height: 1080px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1920px) {
  .about__banner {
    height: calc(1024px + (1080 - 1024) * ((100vw - 1366px) / (1920 - 1366)));
    background-position-x: calc(-430px + (0 + 430) * ((100vw - 1024px) / (1920 - 1024)));
  }
}
@media (max-width: 1366px) {
  .about__banner {
    height: 1024px;
  }
}
@media (max-width: 768px) {
  .about__banner {
    height: calc(812px + (1024 - 812) * ((100vw - 375px) / (768 - 375)));
  }
}
.about__info {
  padding-top: 190px;
  padding-bottom: 170px;
  background-color: #519139;
  background-image: url(/local/templates/zemlitsa/css/../img/bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1920px) {
  .about__info {
    padding-top: calc(146px + (190 - 146) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(146px + (170 - 146) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__info {
    padding-top: calc(80px + (146 - 80) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(120px + (146 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about__info {
    padding-top: 80px;
    padding-bottom: 120px;
    background-size: cover;
  }
}
.about__info .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .about__info .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .about__info .container {
    gap: calc(60px + (70 - 60) * ((100vw - 375px) / (768 - 375)));
  }
}
.about__info-pic {
  max-width: 720px;
  width: 100%;
}
@media (max-width: 1920px) {
  .about__info-pic {
    max-width: calc(513px + (720 - 513) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__info-pic {
    max-width: calc(470px + (513 - 470) * ((100vw - 1024px) / (1366 - 1024)));
  }
}
@media (max-width: 768px) {
  .about__info-pic {
    max-width: calc(345px + (470 - 345) * ((100vw - 375px) / (768 - 375)));
  }
}
.about__info-pic img {
  width: 100%;
  border-radius: 50%;
}
.about-title {
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 75px;
}
@media (max-width: 1920px) {
  .about-title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (45 - 40) * ((100vw - 375px) / (768 - 375)));
  }
}
.color-white {
  color: #FFF;
}
.about__info-content {
  max-width: 720px;
  width: 100%;
}
@media (max-width: 1920px) {
  .about__info-content {
    max-width: calc(622px + (720 - 622) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .about__info-content {
    max-width: 100%;
  }
}
.about__info-content .about-title {
  margin-bottom: 50px;
}
@media (max-width: 1920px) {
  .about__info-content .about-title {
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__info-content .about-title {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about__info-content .about-title {
    margin-bottom: 20px;
  }
}
.about-text {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
}
.about-subtitle {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 30px;
}
.use-our-experience .about-text {
  max-width: 762px;
}
@media (max-width: 1920px) {
  .about-subtitle,
  .about-text {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-subtitle,
  .about-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
  .use-our-experience .about-text {
    max-width: 624px;
  }
}
@media (max-width: 768px) {
  .about-subtitle,
  .about-text {
    font-size: 16px;
    line-height: 20px;
  }
}
.bold-text {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
}
.about__info-content .bold-text {
  margin-bottom: 35px;
}
@media (max-width: 1920px) {
  .about__info-content .bold-text {
    margin-bottom: calc(20px + (35 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about__info-content .bold-text {
    margin-bottom: 20px;
  }
}

/*start about-history*/
.about-history {
  padding: 180px 0;
  background-color: #fff;
}
.about-history__title{
  margin-bottom: 100px;
  width: 870px;
  margin-left: auto;
}
.about-history__block {
  overflow-x: hidden;
}
.swiper.about-history__slider {
  max-width: 1920px;
  min-height: 195px;
  padding: 10px 75px 0;
  margin: 0 auto;
  overflow: initial;
  position: relative;
}
.swiper.about-history__slider::before{
  content: '';
  position: absolute;
  height: 1px;
  left: -10000px;
  right: -10000px;
  background: #E8E8E8;
  top: 10px;
}

.swiper-slide.about-history__slide {
  width: auto;
  padding-top: 70px;
  position: relative;
  cursor: pointer;
}

.about-history__slide-circle {
  width: 10px;
  height: 10px;
  background-color: #E8E8E8;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.swiper-slide.about-history__slide.swiper-slide-thumb-active .about-history__slide-circle{
  background-color: #8BBF44;
  width: 20px;
  height: 20px;
  top: -9px;
}
.about-history__slide-num {
  color: #E8E8E8;
  font-size: 30px;
  font-family: 'Museo Sans Cyrl 900';
  line-height: 140%;
  transition: 0.3s;
}
.swiper-slide.about-history__slide.swiper-slide-thumb-active .about-history__slide-num{
  font-size: 80px;
  color: #2D2D2E;
}
.about-history__content {
  padding-top: 120px;
  display: flex;
  justify-content: flex-end;
}
.swiper.about-history__minislider {
  width: 870px;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 140px;
  position: relative;
}
.about-history__minislider .swiper-wrapper{
  height: auto;
}
.swiper-slide.about-history__mini-slide {
  width: 100%;
  margin-left: auto;
  font-size: 21px;
  line-height: 140%;
  font-family: 'Museo Sans Cyrl 300';
  opacity: 0 !important;
}
.swiper-slide.about-history__mini-slide.swiper-slide-active{
  opacity: 1 !important;
}
.about-history__minislider-arrows{
  display: flex;
  justify-content: flex-end;
  grid-gap: 15px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-history-arrow{
  width: 70px;
  background-color: #F9F9F9;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  justify-content: center;
  transition: 0.3s;
}
.about-history-arrow svg path{
  transition: 0.3s;
}
.about-history-arrow:hover svg path{
  stroke: #fff;
}
.about-history-arrow:hover{
  background-color: #8BBF44;

}
.about-history-arrow.swiper-button-disabled{
  opacity: 0.5;
  pointer-events: none;
  background-color: #F9F9F9;
}
.about-history-arrow.swiper-button-disabled svg path{
  stroke: #39393A;
}
@media (max-width: 1920px) {
  .about-history {
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .about-history__title{
    margin-bottom:  calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
    width:  calc(625px + (870 - 625) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .swiper.about-history__slider{
    padding-left: calc(50px + (70 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    padding-right: calc(50px + (70 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    min-height: calc(180px + (195 - 180) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-history__content{
    padding-top: calc(95px + (120 - 95) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .swiper-slide.about-history__mini-slide{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .swiper.about-history__minislider {
    width:  calc(625px + (870 - 625) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-history-arrow{
    width:  calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
    height:  calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .swiper-slide.about-history__slide.swiper-slide-thumb-active .about-history__slide-num{
    font-size: calc(68px + (80 - 68) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-history__slide-num{
    font-size: calc(26px + (30 - 26) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-history {
    padding: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .about-history-arrow{
    width: 64px;
    height: 64px;
  }
  .swiper.about-history__slider{
    padding-left:calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-right:calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1200px) {
  .swiper.about-history__slider{
    min-height: 130px;
  }
  .about-history__content{
    padding-top: 45px;
  }
  .about-history__title{
    width: 100%;
    margin-bottom: 60px;
  }
  .swiper.about-history__minislider{
    width: 100%;
  }
  .about-history__slide-num{
    font-size: 24px;
  }
  .swiper-slide.about-history__slide.swiper-slide-thumb-active .about-history__slide-num{
    font-size: 50px;
  }
  .swiper-slide.about-history__slide{
    padding-top: 50px;
  }
  .swiper-slide.about-history__mini-slide{
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-history {
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (1024 - 375))) 0;
  }
  .about-history-arrow{
    width:  calc(50px + (64 - 50) * ((100vw - 375px) / (768 - 375)));
    height:  calc(50px + (64 - 50) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper.about-history__slider{
    padding-left:calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375))) ;
    padding-right:calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375))) ;
  }
  .about-history__title {
    margin-bottom: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper-slide.about-history__slide{
    padding-top:calc(40px + (50 - 40) * ((100vw - 375px) / (768 - 375))) ;
  }
  .about-history__slide-num{
    font-size: calc(21px + (24 - 21) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper-slide.about-history__slide.swiper-slide-thumb-active .about-history__slide-num{
    font-size: calc(38px + (50 - 38) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper.about-history__slider {
    min-height: calc(105px + (135 - 105) * ((100vw - 375px) / (768 - 375)));
  }
  .swiper.about-history__minislider{
    padding-bottom: calc(90px + (140 - 90) * ((100vw - 375px) / (768 - 375)));
  }
  .about-history-arrow svg{
    width:calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375))) ;
    height: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width: 375px) {
  .swiper.about-history__slider{
    padding-left: 15px;
    padding-right: 15px;
  }
  .about-history-arrow{
    width: 50px;
    height: 50px;
  }
  .about-history-arrow svg{
    width: 20px;
    height: 20px;
  }
}
/*end about-history*/

.about-today {
  padding-top: 180px;
  padding-bottom: 180px;
  background-color: #F9F9F9;
}
@media (max-width: 1920px) {
  .about-today {
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-today {
    padding-top: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-today {
    padding-top: calc(80px + (120 - 80) * ((100vw - 375px) / (1024 - 375)));
    padding-bottom: calc(80px + (120 - 80) * ((100vw - 375px) / (1024 - 375)));
  }
}
.about-today__header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
}
@media (max-width: 768px) {
  .about-today__header {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.about-today__header .about-title {
  position: relative;
}
.about-today__header .about-title::before {
  content: '';
  display: block;
  position: absolute;
  width: 55px;
  height: 63px;
  background-image: url(/local/templates/zemlitsa/css/../img/list.svg);
  right: 50px;
  top: -50px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1366px) {
  .about-today__header .about-title::before {
    width: calc(26px + (55 - 26) * ((100vw - 768px) / (1366 - 768)));
    height: calc(30px + (63 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-today__header .about-title::before {
    width: calc(22px + (26 - 22) * ((100vw - 375px) / (1024 - 375)));
    line-height: calc(25px + (30 - 25) * ((100vw - 375px) / (1024 - 375)));
  }
}
#aboutTodaySwiper {
  padding-top: 120px;
  padding-right: 75px;
  padding-left: 75px;
}
@media (max-width: 1920px) {
  #aboutTodaySwiper {
    padding-right: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    padding-left: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #aboutTodaySwiper {
    padding-right: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-left: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-top: calc(80px + (120 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #aboutTodaySwiper {
    padding-top: 80px;
    padding-right: calc(15px + (30 - 15) * ((100vw - 375px) / (1024 - 375)));
    padding-left: calc(15px + (30 - 15) * ((100vw - 375px) / (1024 - 375)));
  }
}
#aboutTodaySwiper .swiper-slide {
  border-radius: 50%;
  width: 570px !important;
  height: 570px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding-right: 88px;
  padding-left: 88px;
  cursor: grab;
}
@media (max-width: 1920px) {
  #aboutTodaySwiper .swiper-slide {
    width: calc(409px + (570 - 409) * ((100vw - 1366px) / (1920 - 1366))) !important;
    height: calc(409px + (570 - 409) * ((100vw - 1366px) / (1920 - 1366)));
    padding-right: calc(52px + (88 - 52) * ((100vw - 1366px) / (1920 - 1366)));
    padding-left: calc(52px + (88 - 52) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #aboutTodaySwiper .swiper-slide {
    width: calc(344px + (409 - 344) * ((100vw - 768px) / (1366 - 768))) !important;
    height: calc(344px + (409 - 344) * ((100vw - 768px) / (1366 - 768)));
    padding-right: calc(36px + (52 - 36) * ((100vw - 768px) / (1366 - 768)));
    padding-left: calc(36px + (52 - 36) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #aboutTodaySwiper .swiper-slide {
    width: 344px !important;
    height: 344px;
    padding-left: 36px;
    padding-right: 36px;
  }
}
#aboutTodaySwiper .swiper-slide .slide__title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  color: #8BBF44;
}
@media (max-width: 1920px) {
  #aboutTodaySwiper .swiper-slide .slide__title {
    font-size: calc(38px + (50 - 38) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(45px + (60 - 45) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #aboutTodaySwiper .swiper-slide .slide__title {
    font-size: calc(30px + (38 - 30) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(40px + (45 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #aboutTodaySwiper .swiper-slide .slide__title {
    font-size: 30px;
    line-height: 40px;
  }
}
#aboutTodaySwiper .swiper-slide .slide__text {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 35px;
  color: #2D2D2E;
}
@media (max-width: 1920px) {
  #aboutTodaySwiper .swiper-slide .slide__text {
    font-size: calc(21px + (26 - 21) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #aboutTodaySwiper .swiper-slide .slide__text {
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #aboutTodaySwiper .swiper-slide .slide__text {
    font-size: 18px;
    line-height: 25px;
  }
}
.about-dignity {
  padding-top: 180px;
  padding-bottom: 180px;
  background-color: #fff;
}
@media (max-width: 1920px) {
  .about-dignity {
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-dignity {
    padding-top: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-dignity {
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
}
.about-dignity__list {
  margin-top: 120px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 60px;
  column-gap: 30px;
}
@media (max-width: 1920px) {
  .about-dignity__list {
    margin-top: calc(80px + (120 - 80) * ((100vw - 1366px) / (1920 - 1366)));
    row-gap:calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    column-gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-dignity__list {
    margin-top: calc(60px + (80 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .about-dignity__list {
    grid-template-columns: auto;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .about-dignity__list {
    margin-top: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
    gap:calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) ;
  }
}
.about-dignity__item {
  position: relative;
  max-width: 870px;
  width: 100%;
  padding-left: 50px;
}
@media (max-width: 1920px) {
  .about-dignity__item {
    padding-left: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .about-dignity__item {
    padding-left: 40px;
  }
  .about-dignity__item:nth-child(3) {
    grid-row: 2;
  }
}
@media (max-width: 500px) {
  .about-dignity__item {
    padding-left: 38px;
  }
} 
.about-dignity__item::before {
  content: '';
  position: absolute;
  width: 19px;
  height: 20px;
  background-image: url(/local/templates/zemlitsa/css/../img/list.svg);
  background-size: 19px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  left: 0;
  top: 8px;
}
@media (max-width: 768px) {
  .about-dignity__item::before {
    background-size: 15px 18px;
  }
}
.about-dignity__title {
  font-family:'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 20px;
}
.about-dignity__text {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 140%;
}
@media (max-width: 1920px) {
  .about-dignity__title {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-dignity__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-dignity__title {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
    line-height: 30px;
  }
  .about-dignity__text{
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-dignity__title {
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .about-dignity__text{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}

.about-form {
  background-color: #519139;
  padding-top: 180px;
  padding-bottom: 250px;
  background-image: url(/img/bg1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
@media (max-width: 1920px) {
  .about-form {
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-form {
    padding-top: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(120px + (250 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .about-form {
    padding-top: calc(80px + (120 - 80) * ((100vw - 375px) / (1024 - 375)));
    padding-bottom: 120px;
  }
}
.about-form .about-title {
  margin-bottom: 30px;
}
@media (max-width: 1920px) {
  .about-form .about-title {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
.contact-form {
  margin-top: 60px;
  width: 100%;
}
@media (max-width: 1920px) {
  .contact-form {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contact-form {
    margin-top: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}
.contact-form__wrapper {
  display: flex;
  gap: 30px;
}
@media (max-width: 1920px) {
  .contact-form__wrapper {
    gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contact-form__wrapper {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .contact-form__wrapper {
    flex-direction: column;
    gap: 10px;
  }
}
.contact-form__wrapper .left-side {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 1920px) {
  .contact-form__wrapper .left-side {
    column-gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    row-gap: calc(10px + (30 - 10) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contact-form__wrapper .left-side {
    column-gap: 20px;
    row-gap: 10px;
  }
}
@media (max-width: 1024px) {
  .contact-form__wrapper .left-side {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .contact-form__wrapper .left-side {
    display: flex;
    flex-direction: column;
  }
}
.contact-form__wrapper .left-side .form-subtitle {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 1024px) {
  .contact-form__wrapper .left-side .form-subtitle {
    display: none;
  }
}
.contact-form__wrapper .right-side {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1920px) {
  .contact-form__wrapper .right-side {
    gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .contact-form__wrapper .right-side {
    width: 100%;
  }
}
.contact-form__wrapper input {
  padding: 28px 25px;
  border-radius: 16px;
  border: none;
}
@media (max-width: 1920px) {
  .contact-form__wrapper input {
    padding: calc(25px + (28 - 25) * ((100vw - 1366px) / (1920 - 1366))) calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .contact-form__wrapper input {
    padding: 15px 25px;
  }
}
.contact-form__wrapper .right-side input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .contact-form__wrapper .right-side input {
    min-height: 120px;
  }
}
.contact-form .form-subtitle {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #E8E8E8;
}
@media (max-width: 1920px) {
  .contact-form .form-subtitle {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contact-form .form-subtitle {
    font-size: 14px;
  }
}
.form-button {
  margin-top: 60px;
  padding: 9px 9px 9px 42px;
  border: none;
  border-radius: 64px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #2D2D2E;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .form-button {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(19px + (9 - 19) * ((100vw - 1366px) / (1920 - 1366))) calc(19px + (9 - 19) * ((100vw - 1366px) / (1920 - 1366))) calc(19px + (9 - 19) * ((100vw - 1366px) / (1920 - 1366))) calc(36px + (42 - 36) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .form-button {
    margin-top: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
    padding: calc(16px + (19 - 16) * ((100vw - 768px) / (1366 - 768))) calc(16px + (19 - 16) * ((100vw - 768px) / (1366 - 768))) calc(16px + (19 - 16) * ((100vw - 768px) / (1366 - 768))) calc(25px + (36 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
.form-button span {
  width: 50px;
  height: 50px;
  background-color: #8BBF44;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.form-button span svg {
  transition: 0.3s ease-in-out;
}
.form-button:hover span svg {
  transform: rotate(45deg);
  transition: 0.3s ease-in-out;
}
.footer {
  padding-top: 50px;
  background-color: #fff;
}

.footer.footer--white {
  background-color: #fff;
}

@media (max-width: 1920px) {
  .footer {
    padding-top: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer {
    padding-top: 46px;
  }
}
@media (max-width: 768px) {
  .footer {
    padding-top: 40px;
  }
}
.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1920px) {
  .footer-top {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 700px) {
  .footer-top {
    margin-bottom: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
.footer-title {
  display: flex;
  align-items: center;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  gap: 20px;
}
.footer-title svg{
  height: 95px;
}
@media (max-width: 1920px) {
  .footer-title {
    font-size: calc(38px + (50 - 38) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(45px + (60 - 45) * ((100vw - 1366px) / (1920 - 1366)));
    gap: calc(15px + (20 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .footer-title svg {
    width: calc(174px + (239 - 174) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(80px + (95 - 80) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(40px + (45 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
  .footer-title svg {
    width: calc(130px + (174 - 130) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .footer-title {
    font-size: calc(26px + (30 - 26) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(35px + (40 - 35) * ((100vw - 375px) / (768 - 375)));
    /* flex-direction: column; */
    gap: 10px;
  }
  .footer-title svg {
    width: 130px;
    height: 58px;
  }
}
@media (max-width: 500px) {
  .footer-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-social {
  display: flex;
  gap: 15px;
  align-items: center;
}
.social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #F9F9F9;
  transition: 0.4s ease-in;
}
.social-item:nth-child(1):hover{
  background-color: #0077ff;
}
.social-item:nth-child(2):hover{
  background-color: #0863f7;
}
.social-item:nth-child(4):hover{
  background-color: #ff0000;
}



@media (max-width: 1920px) {
  .social-item {
    width: calc(60px + (66 - 60) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(60px + (66 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .social-item {
    width: calc(50px + (60 - 50) * ((100vw - 768px) / (1366 - 768)));
    height: calc(50px + (60 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .social-item {
    width: 50px;
    height: 50px;
  }
}
.social-item:hover {
  background-color: #239AD6;
  transition: 0.4s ease-in;
}
.social-item path {
  fill: #39393A;
  transition: 0.4s ease-in-out;
}
.social-item:hover path {
  fill: #FFFFFF;
  transition: 0.4s ease-in-out;
}
.footer-center {
  padding-top: 50px;
  padding-bottom: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.footer-center .footer-social {
  display: none;
}
@media (max-width: 1920px) {
  .footer-center {
    padding-top: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
    gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-center {
    padding-top: calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: 80px;
  }
}
@media (max-width: 1024px) {
  .footer-center {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .footer-des {
    grid-column-start: 1;
    grid-column-end: 3;
    display: flex;
    gap: calc(203px + (321 - 203) * ((100vw - 768px) / (1024 - 768)));
  }
}
@media (max-width: 768px) {
  .footer-des {
    margin-bottom: 40px;
  }
  .footer-center {
    gap: 0;
  }
}
@media (max-width: 750px) {
  .footer-des {
    flex-direction: column;
    gap: 25px;
  }
  .footer-top .footer-social {
    display: none;
  }
  .footer-center .footer-social {
    display: flex;
    margin-top: 25px;
    margin-bottom: 60px;
  }
}
@media (max-width: 750px) {
  .footer-center {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 60px;
    gap: 0px;
  }
}
.footer-menu {
  display: flex;
  flex-direction: column;
}
.footer-menu .title {
  margin-bottom: 30px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.footer-menu .title.mob {
  display: none;
}
@media (max-width: 1920px) {
  .footer-menu .title {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-menu .title {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .footer-menu .title.des {
      display: none;
    }
  
    .footer-menu .title.mob {
      display: block;
    }
  
    .footer-menu.mob {
      display: none;
    }
}
@media (max-width: 768px) {
  .footer-menu .title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }
  
}
.footer-menu .link {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}
.footer-menu a {
  transition: color 0.3s ease;
}
.footer-menu a:hover {
  color: #8BBF44;
  transition: color 0.3s ease;
}
@media (max-width: 1920px) {
  .footer-menu .link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-menu .link {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .footer-menu .link:not(:last-child) {
    font-size: 14px;
    line-height: 20px;
  }
}
.footer-menu .link:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .footer-menu .link:not(:last-child) {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .footer-menu .link:not(:last-child) {
    margin-bottom: 15px;
  }
}
.footer-bottom {
  padding-top: 50px;
  padding-bottom: 80px;
  border-top: 1px solid #E8E8E8;
}
@media (max-width: 1920px) {
  .footer-bottom {
    padding-top: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(60px + (80 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .footer-logo svg {
    width: calc(170px + (213 - 170) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (51 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-bottom {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .footer-logo svg {
    width: 170px;
    height: 40px;
  }
}
@media (max-width: 768px) {
  .footer-bottom {
    padding-bottom: 50px;
  }
}
.footer-bottom .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .footer-bottom .container {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 750px) {
  .footer-bottom .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-bottom .adress {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #2D2D2E80;
}
@media (max-width: 1920px) {
  .footer-bottom .adress {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-bottom .adress {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .footer-bottom .adress {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.footer-center .adress {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #2D2D2E80;
}

@media (max-width: 1920px) {
  .footer-center .adress {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width: 1366px) {
  .footer-center .adress {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1024px) {
  .footer-center .adress {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.footer-center .footer-logo {
  display: block;
  margin-bottom: 30px;
}
.footer-bottom .links {
  display: flex;
  gap: 60px;
  grid-column-start: 3;
  grid-column-end: 5;
}
@media (max-width: 1024px) {
  .footer-bottom .links {
    grid-column-start: 2;
    grid-column-end: 3;
    flex-direction: column;
    gap: 20px;
  }
}
.footer-bottom .links a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 25px;
  color: #2D2D2E;
}
@media (max-width: 1920px) {
  .footer-bottom .links a {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 500px) {
  .footer-bottom .links a svg{
    width: 20px;
    height: 20px;
  }
}
.footer-social .links {
  display: flex;
  gap: 60px;
  grid-column-start: 3;
  grid-column-end: 5;
}

@media (max-width: 1024px) {
  .footer-social .links {
    grid-column-start: 2;
    grid-column-end: 3;
    flex-direction: column;
    gap: 20px;
  }
}

.footer-social .links a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 25px;
  color: #2D2D2E;
}

@media (max-width: 1920px) {
  .footer-social .links a {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width: 500px) {
  .footer-social .links a svg {
    width: 20px;
    height: 20px;
  }
  .footer-social .links a {
    font-size: 16px;
  }
}
.footer-info {
  padding-top: 33px;
  padding-bottom: 33px;
  border-top: 1px solid #E8E8E8;
}
@media (max-width: 1920px) {
  .footer-info {
    padding-top: calc(25px + (33 - 25) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(25px + (33 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-info {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.footer-info .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  color: #2D2D2E80;
}
@media (max-width: 1920px) {
  .footer-info .container {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .footer-info .container {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 750px) {
  .footer-info .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.page-title {
  margin-top: 100px;
  margin-bottom: 50px;
}
@media (max-width: 1366px) {
  .page-title {
    margin-top: calc(60px + (100 - 60) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .page-title {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}
.page-title h1 {
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 75px;
  margin-bottom: 30px;
}
@media (max-width: 1920px) {
  .page-title h1 {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .page-title h1 {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .page-title h1 {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (45 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: 20px;
  }
}
.page-title p {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
}
.page-title .info {
  max-width: 830px;
}
@media (max-width: 1920px) {
  .page-title p {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .page-title .info {
    max-width: calc(710px + (830 - 710) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .page-title p {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
  .page-title .info {
    max-width: 640px;
  }
}
@media (max-width: 768px) {
  .page-title p {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    line-height: 20px;
  }
}
#pressCenterTabs {
  padding-right: 75px;
  padding-left: 75px;
  max-width: 1920px;
  margin: 0 auto 80px;
}
#pressCenterTabs .swiper-wrapper{
  height: auto;
}
@media (max-width: 1920px) {
  #pressCenterTabs {
    padding-left: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    padding-right: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #pressCenterTabs {
    padding-left: calc(30px + (75 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-right: calc(30px + (75 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #pressCenterTabs {
    padding-left: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
#pressCenterTabs .swiper-slide {
  padding: 15px 25px;
  font-family: 'Museo Sans Cyrl 600', sans-serif;
  font-size: 18px;
  line-height: 25px;
  background-color: #fff;
  border-radius: 16px;
  width: fit-content !important;
  cursor: pointer;
}
@media (max-width: 1920px) {
  #pressCenterTabs .swiper-slide {
    padding: calc(12px + (15 - 12) * ((100vw - 1366px) / (1920 - 1366))) calc(22px + (25 - 22) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  #pressCenterTabs .swiper-slide {
    padding: calc(10px + (12 - 10) * ((100vw - 768px) / (1366 - 768))) calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
    border-radius: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  #pressCenterTabs .swiper-slide {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 12px;
  }
}
.article-swiper .swiper-wrapper{
  height: auto;
}
.press-center {
  background-color: #f9f9f9;
}
#pressCenterTabs .swiper-slide.active {
  color: #FFF;
  background-color: #8BBF44;
  font-weight: 600;
}
.press-wrapper {
  margin-top: 80px;
  padding-bottom: 180px;
}
@media (max-width: 1366px) {
  .press-wrapper {
    margin-top: calc(60px + (80 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-wrapper {
    margin-top: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 60px;
}
@media (max-width: 1920px) {
  .press-news {
    column-gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    row-gap: calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news {
    column-gap: 20px;
    row-gap: 40px;
  }
}
@media (max-width: 1024px) {
  .press-news {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 566px) {
  .press-news {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.press-news__item {
  border-radius: 24px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 8px 40px 0 #0000000A;
  display: block;
}
.press-news__item-content {
  padding: 35px;
}
@media (max-width: 1920px) {
  .press-news__item-content {
    padding: calc(25px + (35 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .press-news__item {
    border-right: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news__item-content {
    padding: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-news__item-content {
    padding: 20px;
  }
  .press-news__item {
    border-radius: 16px;
  }
}
.press-news__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1920px) {
  .press-news__info {
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news__info {
    margin-bottom: 10px;
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-news__info {
    font-size: 12px;
    margin-bottom: calc(20px + (10 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-news__date {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #A0A0A0;
}
.press-news__category {
  padding: 10px 20px;
  background-color: #F9F9F9;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #39393A;
  border-radius: 30px;
}
@media (max-width: 1920px) {
  .press-news__category {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(15px + (20 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news__category {
    font-size: calc(12px + (14 - 12) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(20px + (15 - 20) * ((100vw - 768px) / (1366 - 768)));
    padding: calc(5px + (10 - 5) * ((100vw - 768px) / (1366 - 768))) calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-news__category {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px;
  }
}
.press-news__title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #2D2D2E;
  margin-bottom: 30px;
}
@media (max-width: 1920px) {
  .press-news__title {
    font-size: calc(24px + (30 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news__title {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .press-news__title {
    font-size: 18px;
    line-height: 25px;
  }
}
.press-news__subtitle {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #A0A0A0;
}
.press-news__img {
  margin-bottom: 40px;
  max-height: 375px;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .press-news__img {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    max-height: calc(300px + (375 - 300) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-news__img {
    max-height: calc(250px + (300 - 250) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-news__img {
    max-height: 250px;
  }
}
.press-news__img  img {
  width: 100%;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul {
  max-width: 700px;
  margin: 80px auto 0;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: 0.3s ease-in;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li span {
  background: none;
  color: #2D2D2E;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next {
  margin-left: 35px;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev {
  margin-right: 35px;
}
@media (max-width: 768px) {
  .press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next {
    margin-left: calc(1px + (35 - 1) * ((100vw - 375px) / (768 - 375)));
  }
  .press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev {
    margin-right: calc(1px + (35 - 1) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li.bx-active {
  color: #FFF;
  background-color: #8BBF44;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li.bx-active span {
  color: #FFF;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li:hover {
  color: #FFF;
  background-color: #8BBF44;
  transition: 0.3s ease-in;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul li:hover span {
  color: #FFF;
  transition: color 0.3s ease-in;
  background: none;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next span,
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev span {
  display: none;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next a,
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev a {
  position: absolute;
  height: 64px;
  width: 64px;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next,
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev {
  display: flex;
  align-items: center;
  justify-content: center;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next::before,
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-next::before {
  background-image: url(/local/templates/zemlitsa/css/../img/arrow-right.svg);
}
.press-news__navigation .bx-pagination .bx-pagination-container ul .bx-pag-prev::before {
  background-image: url(/local/templates/zemlitsa/css/../img/arrow-left.svg);
}

.photo-report__item {
  display: flex;
  align-items: center;
  gap: 65px;
  max-width: 870px;
  width: 100%;
  min-height: 410px;
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 24px;
}
@media (max-width: 1920px) {
  .photo-report__item {
    max-width: calc(623px + (870 - 623) * ((100vw - 1366px) / (1920 - 1366)));
    min-height: calc(315px + (410 - 315) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .photo-report__item {
    gap: calc(30px + (65 - 30) * ((100vw - 1024px) / (1366 - 1024)));
    max-width: calc(450px + (623 - 450) * ((100vw - 1024px) / (1366 - 1024)));
    padding: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768))) calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .photo-report__item {
    gap: 65px;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .photo-report__item {
    padding: calc(30px + (35 - 30) * ((100vw - 375px) / (768 - 375))) calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width: 580px) {
  .photo-report__item {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
.photo-report__info {
  max-width: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1920px) {
  .photo-report__info {
    max-width: calc(263px + (360 - 263) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .photo-report__info {
    max-width: 45%;
  }
}
@media (max-width: 580px) {
  .photo-report__info {
    max-width: 100%;
  }
}
.photo-report__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 40px;
}
@media (max-width: 1920px) {
  .photo-report__wrap {
    column-gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .photo-report__wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.photo-report__img {
  width: 385px;
  height: 330px;
  position: relative;
}
@media (max-width: 1920px) {
  .photo-report__img {
    width: calc(245px + (385 - 245) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(245px + (330 - 245) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .photo-report__img {
    width: calc(160px + (245 - 160) * ((100vw - 1024px) / (1366 - 1024)));
    height: calc(160px + (245 - 160) * ((100vw - 1024px) / (1366 - 1024)));
  }
}
@media (max-width: 1024px) {
  .photo-report__img {
    width: 245px;
    height: 245px;
  }
}
@media (max-width: 768px) {
  .photo-report__img {
    width: calc(140px + (245 - 140) * ((100vw - 580px) / (768 - 580)));
    height: calc(140px + (245 - 140) * ((100vw - 580px) / (768 - 580)));
  }
}
@media (max-width: 580px) {
  .photo-report__img {
    width: 245px;
    height: 245px;
  }
}
.photo-report__img::after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -14px;
  width: 90%;
  height: 90%;
  border-radius: 20px;
  background-color: #F3B624;
  transform: rotate(7deg);
  z-index: 1;
  transition: 0.3s ease;
}
.photo-report__item:hover .photo-report__img::after {
  background-color: #8BBF44;
  transition: 0.3s ease;
}
.photo-report__img img {
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.photo-report__date {
  padding-top: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: #A0A0A0;
}
.photo-report__title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: auto;
}
@media (max-width: 1920px) {
  .photo-report__title {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .photo-report__title {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .photo-report__title {
    font-size: 21px;
    line-height: 30px;
  }
}
.photo-report__count {
  margin-top: auto;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #A0A0A0;
}
@media (max-width: 1920px) {
  .photo-report__count {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .photo-report__count {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .photo-report__count {
    margin-top: 40px;
  }
}
.press-video__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 60px;
}
@media (max-width: 1920px) {
  .press-video__wrap {
    column-gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    row-gap: calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-video__wrap {
    column-gap: 20px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .press-video__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 580px) {
  .press-video__wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.press-video__item {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.press-video__img {
  height: 330px;
  overflow: hidden;
}
.press-video__img img {
  width: 100%;
}
@media (max-width: 1920px) {
  .press-video__img {
    height: calc(250px + (330 - 250) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-video__img {
    height: calc(200px + (250 - 200) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-video__img {
    height: 200px;
  }
}
.press-video__info {
  padding: 0 35px 35px;
}
@media (max-width: 1920px) {
  .press-video__info {
    padding: 0 calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366))) calc(40px + (35 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .press-video__info {
    padding: 0 calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768))) calc(30px + (35 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
.press-style__wrap {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
  padding: 15px;
}
@media (max-width: 1366px) {
  .press-style__wrap {
    padding: calc(10px + (15 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-style__wrap {
    padding: 10px;
  }
}
.press-style__item {
  padding: 34px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1366px) {
  .press-style__item {
    padding: calc(30px + (34 - 30) * ((100vw - 768px) / (1366 - 768))) calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-style__item {
    padding: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375))) calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-style__item:hover {
  background-color: #F9F9F9;
}
.press-style__item:not(:last-child) {
  border-bottom: 1px solid #F9F9F9;
}
.press-style__title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1366px) {
  .press-style__title {
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-style__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-style__info {
  display: flex;
  gap: 15px;
}
.press-style__info .sep {
  width: 1px;
  background-color: #A0A0A0;
}
.press-style__size {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #A0A0A0;
}
@media (max-width: 1366px) {
  .press-style__size {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .press-style__size {
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-style__date {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #A0A0A0;
}
@media (max-width: 1366px) {
  .press-style__date {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .press-style__date {
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
.press-style__item .press-style__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #8BBF44;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

@media (max-width: 1366px) {
  .press-style__item .press-style__icon {
    width: calc(50px + (55 - 50) * ((100vw - 768px) / (1366 - 768)));
    height: calc(50px + (55 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .press-style__item .press-style__icon {
    width: 50px;
    height: 50px;
    opacity: 1;
  }
  .press-style__content {
    max-width: 80%;
  }
}
.press-style__item:hover .press-style__icon {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.contacts {
  background-color: #f9f9f9;
  padding-top: 270px;
}
.contacts__block {
  padding: 80px 50px 100px;
  grid-gap: 30px;
  background-color: #fff;
  border-radius: 24px;
  display: grid;
  grid-template-columns: 1fr 896px;
}
.contacts .page-title{
  margin-top: 0 !important;
  margin-bottom: 80px;
}
@media (max-width: 1920px) {
  .contacts__block {
    padding: calc(60px + (80 - 60) * ((100vw - 1366px) / (1920 - 1366))) calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366))) calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
    grid-template-columns: 1fr calc(625px + (896 - 625) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .contacts{
    padding-top: calc(230px + (270 - 230) * ((100vw - 1366px) / (1920 - 1366)));
  }

}
@media (max-width: 1366px) {
  .contacts__block {
    padding: calc(50px + (60 - 50) * ((100vw - 768px) / (1366 - 768))) calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768))) 80px;
    border-radius: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .contacts{
    padding-top: calc(160px + (230 - 160) * ((100vw - 768px) / (1366 - 768)));
  }

}
@media (max-width: 1024px) {
  .contacts__block {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .contacts .page-title{
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .contacts{
    padding-top: 160px;
  }
  .contacts__block {
    padding: calc(40px + (50 - 40) * ((100vw - 375px) / (768 - 375))) calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) 80px;
  }
}
.contacts__block-title {
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
}
@media (max-width: 1920px) {
  .contacts__block-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-title {
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));;
  }
}
@media (max-width: 768px) {
  .contacts__block-title {
    font-size: 26px;
    line-height: 35px;
  }
}
.contacts__block-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 100px;

  row-gap: 50px;
}
@media (max-width: 1920px) {
  .contacts__block-content {
    column-gap: calc(20px + (100 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    row-gap: calc(20px + (50 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-content {
    column-gap: 20px;
  }
}
@media (max-width: 1024px) {
  .contacts__block-content {
    row-gap: 60px;
  }
}
@media (max-width: 580px) {
  .contacts__block-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
}
.contacts__block-item {
  padding: 25px 0;
  font-family: 'Museo Sans Cyrillic', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  border-bottom: 1px solid #E8E8E8;
}
.contacts__block-item:nth-child(2){
  white-space: nowrap;
}
.contacts__block-item:nth-child(3){
  white-space: nowrap;
}
@media (max-width: 1920px) {
  .contacts__block-item {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-item {
    font-size: 18px;
    line-height: 25px;
  }
}
.contacts__block-item.title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 30px;
  white-space: nowrap;
}
@media (max-width: 1920px) {
  .contacts__block-item.title {
    font-size: calc(18px + (24 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-item.title {
    font-size: 18px;
    line-height: 25px;
  }
}
.contacts__block-sub {
  margin-top: 30px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #A0A0A0;
}
@media (max-width: 1920px) {
  .contacts__block-sub {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-sub {
    font-size: 14px;
  }
}
.contacts__block-adress {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 95%;
}
@media (max-width: 1024px) {
  .contacts__block-adress {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.contacts__adress-item {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 1366px) {
  .contacts__adress-item {
    gap: calc(15px + (18 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}
.contacts__adress-title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 30px;
}
@media (max-width: 1920px) {
  .contacts__adress-title {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__adress-title {
    font-size: 18px;
    line-height: 25px;
  }
}
.contacts__adress-text {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #A0A0A0;
}
@media (max-width: 1366px) {
  .contacts__adress-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1368 - 768)));
  }
}
@media (max-width: 768px) {
  .contacts__adress-text {
    font-size: 16px;
  }
}
.requisites {
  display: flex;
  flex-direction: column;
}
.requisites__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 21px;
  align-items: center;
  padding: 30px 0;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 1920px) {
  .requisites__item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
}
@media (max-width: 1366px) {
  .requisites__item {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0;
  }
}
@media (max-width: 580px) {
  .requisites__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 15px 0;
  }
}
.requisites__item:not(:last-child) {
  border-bottom: 1px solid #E8E8E8;
}
.requisites__head {
  color: #A0A0A0;
}
.requisites__content {
  color: #2D2D2E;
}
.contacts__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-bottom: 160px;
}
.contacts__block-buttons {
  margin-top: 50px;
  display: flex;
  gap: 15px;
}
@media (max-width: 1920px) {
  .contacts__block-buttons {
    margin-top: calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-buttons {
    margin-top: 30px;
  }
  .contacts__wrap{
    padding-bottom: calc(140px + (160 - 140) * ((100vw - 375px) / (1366 - 768)));
  }
}
.contacts__block-buttons .button {
  border: none;
  border-radius: 64px;
  position: relative;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  overflow: hidden;
  cursor: pointer;
  min-width: 235px;
  padding: 0;
}
.contacts__block-buttons .button .def{
  transition: 0.3s;
}
.contacts__block-buttons .button:hover .def{
  background-color: #8BBF44;
}
.contacts__block-buttons .button:hover .def p{
  color: #fff;
}
.contacts__block-buttons .button:hover .def .pic{
  background-color: #fff;
}
.contacts__block-buttons .button:hover .def .pic svg path{
  stroke: #2D2D2E;
}
.contacts__block-buttons .button.copy:hover .def .pic svg path:nth-child(2){
  stroke: transparent;
  fill: #2D2D2E;
}
.contacts__block-buttons .button .def .pic svg path{
  transition: 0.3s;
}
@media (max-width: 1920px) {
  .contacts__block-buttons .button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    min-width: calc(203px + (235 - 203) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .contacts__block-buttons .button svg{
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }

}
@media (max-width: 1366px) {
  .contacts__block-buttons .button {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
    min-width: calc(168px + (203 - 168) * ((100vw - 768px) / (1366 - 768)));
  }
  .contacts__block-buttons .button svg{
    width: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
    height: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }

}
@media (max-width: 768px) {
  .contacts__block-buttons .button svg{
    width: 15px;
    height: 15px;
  }
  .contacts__block-buttons .button {
    min-width: 168px;
  }
  .contacts__block-buttons{
    gap: calc(10px + (15 - 10) * ((100vw - 375px) / (768 - 375)));
  }
}
.contacts__block-buttons .button .def {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 9px 9px 9px 42px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  background-color: #F9F9F9;
}
.contacts__block-buttons .button .done {
  padding: 9px 9px 9px 42px;
  display: flex;
  align-items: center;
  gap: 18px;
  background-color: #8BBF44;
  opacity: 0;
  transition: 0.3s;
  justify-content: flex-end;
  color: #fff;
}
.contacts__block-buttons .button.active .done {
  opacity: 1;
}
.contacts__block-buttons .button .def .pic {
  width: 50px;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #8BBF44;
  border-radius: 50%;
  transition: 0.3s;
}
.contacts__block-buttons .button p {
  width: 100%;
  text-align: center;
	color: #2D2D2E;
}
.contacts__block-buttons .button .done .pic {
  width: 50px;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 50%;
}
@media (max-width: 1920px) {
  .contacts__block-buttons .button .def .pic {
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    min-width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .contacts__block-buttons .button .done .pic {
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    min-width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .contacts__block-buttons .button .done,.contacts__block-buttons .button .def{
    padding-left: calc(35px + (42 - 35) * ((100vw - 1366px) / (1920 - 1366)));
    gap: calc(15px + (18 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .contacts__block-buttons .button .def .pic {
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    min-width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
  .contacts__block-buttons .button .done .pic {
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    min-width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
  .contacts__block-buttons .button .done,.contacts__block-buttons .button .def{
    padding-left: calc(25px + (35 - 25) * ((100vw - 768px) / (1366 - 768)));
    gap: calc(10px + (15 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .contacts__block-buttons .button .def .pic {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .contacts__block-buttons .button .done .pic {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .contacts__block-buttons .button .done,.contacts__block-buttons .button .def{
    padding-left: 25px;
    gap: 10px;
  }
}
@media (max-width: 500px) {
  .contacts__block-buttons .button.down{
    min-width: 130px;
  }
}
@media (max-width: 370px) {
  .contacts__block-buttons{
    flex-wrap: wrap;
    gap: 10px;
  }
}
.contacts__block-buttons .button .def {
  opacity: 1;
  transition: 0.3s ease;
}
.contacts__block-buttons .button.active .def {
  opacity: 0;
  transition: 0.3s ease;
}
.development__banner {
  min-height: 1080px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1920px) {
  .development__banner {
    min-height: calc(1024px + (1080 - 1024) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__banner {
    min-height: 1024px;
  }
}
@media (max-width: 768px) {
  .development__banner {
    min-height: calc(812px + (1024 - 812) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__banner-title {
  margin-top: 200px;
  display: flex;
  flex-direction: column;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 80px;
  line-height: 90px;
  color: #FFF;
}
@media (max-width: 1920px) {
  .development__banner-title {
    font-size: calc(68px + (80 - 68) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(75px + (90 - 75) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__banner-title {
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(60px + (75 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
  .development__banner-title svg {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .development__banner-title {
    font-size: calc(30px + (50 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__banner-subtitle {
  margin-top: 50px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  color: #FFF;
  max-width: 685px;
}
@media (max-width: 1366px) {
  .development__banner-subtitle {
    margin-top: calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .development__banner-subtitle {
    margin-top: 30px;
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__block {
  padding-top: 180px;
  padding-bottom: 180px;
  background-color: #FFF;
}
@media (max-width: 1920px) {
  .development__block {
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__block {
    padding-top: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .development__block {
    padding-top: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__block-title {
  max-width: 1020px;
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 75px;
  margin-bottom: 40px;
}

@media (max-width: 1920px) {
  .development__block-title {
    max-width: calc(730px + (1020 - 730) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__block-title {
    max-width: calc(470px + (730 - 470) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
  .mobTitle {
    max-width: 95%;
  }
}
@media (max-width: 1024px) {
  .development__block-title {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .development__block-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (45 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: 30px;
  }
  .development__block-title br{
    display: none;
  }
  .development__block.bank .development__block-title{
    max-width: 470px;
  }
  .development__block.bank .development__block-subtitle{
    max-width: 470px;
  }
}
@media (max-width: 700px) {
  .development__block-title {
    max-width: 100%;
  }
}
.development__block-subtitle {
  max-width: 955px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
}
.trading.development__block-subtitle {
  max-width: 995px;
}
@media (max-width: 1920px) {
  .development__block-subtitle {
    max-width: calc(539px + (955 - 539) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .trading.development__block-subtitle {
    max-width: calc(538px + (995 - 538) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__block-subtitle {
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .development__block-subtitle {
    max-width: 100%;
  }
  .trading.development__block-subtitle {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .development__block-subtitle {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__cards {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1920px) {
  .development__cards {
    gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__cards {
    margin-top: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
    gap: calc(10px + (20 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .development__cards {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .development__cards {
    gap: 10px;
  }
}
.development__card {
  border-radius: 24px;
  padding: 40px 50px 60px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 365px;
}
@media (max-width: 1920px) {
  .development__card {
    padding: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))) calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366))) calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    gap: calc(20px + (15 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    min-height: calc(350px + (365 - 350) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__card {
    padding: 30px 30px 40px;
    border-radius: calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .development__card {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .development__card {
    border-radius: 16px;
    padding:calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) 40px;
  }
}
@media (max-width: 578px) {
  .development__card {
    flex-direction: column;
  }
}
.development__card:nth-child(1) {
  background-color: #8BBF44;
}
.development__card:nth-child(2) {
  background-color: #519139;
}
.development__card:nth-child(3) {
  background-color: #00693A;
}
.development__card .count {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
}
@media (max-width: 1920px) {
  .development__card .count {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .development__card .count {
    font-size: 24px;
    line-height: 30px;
  }
}
.development__card:nth-child(1) .count {
  color: #B8ED71;
}
.development__card:nth-child(2) .count {
  color: #8BBF44;
}
.development__card:nth-child(3) .count {
  color: #8BBF44;
}
.development__card .card-title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
  color: #FFF;
}
@media (max-width: 1920px) {
  .development__card .card-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .development__card .card-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.development__card .card-subtitle {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #FFF;
}
@media (max-width: 1920px) {
  .development__card .card-subtitle {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .development__card .card-subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
.development__block.green {
  background-color: #519139;
}
.container.df {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .container.df {
    flex-direction: column;
    gap: 80px;
  }
}
.development__block-img {
  max-width: 720px;
  width: 100%;
}
@media (max-width: 1920px) {
  .development__block-img {
    max-width: calc(513px + (720 - 513) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__block-img {
    max-width: 513px;
  }
}
@media (max-width: 768px) {
  .development__block-img {
    max-width: 90%;
  }
}
.development__block-img img {
  width: 100%;
}
.development__block.grey {
  background-color: #f9f9f9;
}
.development__links-title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 68px;
  line-height: 82px;
  margin-bottom: 100px;
}
@media (max-width: 1920px) {
  .development__links-title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (82 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__links-title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .development__links-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
}
.development__links {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.development__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 58px 50px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
}
@media (max-width: 1920px) {
  .development__link {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__link {
    padding: calc(30px + (58 - 30) * ((100vw - 768px) / (1366 - 768))) calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(24px + (30 - 24) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .development__link {
    padding: 30px;
    font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375)));
    gap: 30px;
  }
}
.development__link:not(:last-child) {
  border-bottom: 1px solid #f9f9f9;
}
.development__link .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #8BBF44;
}
@media (max-width: 1920px) {
  .development__link .pic {
    width: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .development__link .pic {
    width: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
    height: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .development__link .pic {
    width: 50px;
    height: 50px;
  }
}
.development__block-content {
  max-width: 870px;
}
@media (max-width: 1920px) {
  .development__block-content {
    max-width: calc(623px + (870 - 623) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .development__block-content {
    max-width: 100%;
  }
}
/*детальная новости*/
.article-detail__img {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 98%;
}
@media (max-width: 1920px) {
  .article-detail__img {
    margin-top: calc(85px + (50 - 85) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(85px + (50 - 85) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail__img {
    margin-top: calc(60px + (85 - 60) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(60px + (85 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-detail__img {
    margin-top: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__img svg {
  position: absolute;
  right: -3%;
  bottom: -13%;
  width: 100%;
}
.article-detail__img::before {
  content: '';
  width: 100%;
  height: 188px;
  position: absolute;
  background-image: url(/local/templates/zemlitsa/css/../img/shape.svg);
  background-size: cover;
  bottom: -62px;
  right: 0;
}
@media (max-width: 1920px) {
  .article-detail__img::before {
    bottom: calc(-105px + (-62 + 105) * ((100vw - 1024px) / (1920 - 1024)));
  }
}
@media (max-width: 1024px) {
  .article-detail__img::before {
    bottom: -86px;
  }
}
.article-detail__img img {
  width: 90%;
  height: 90%;
  border-radius: 30px;
}
.article-detail {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1920px) {
  .article-detail {
    margin-top: calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail {
    margin-top: calc(60px + (80 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .article-detail {
    flex-direction: column;
    gap: calc(40px + (60 - 40) * ((100vw - 375px) / (1024 - 375)));
  }
}
@media (max-width: 768px) {
  .article-detail {
    margin-top: calc(80px + (60 - 80) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__wrap {
  max-width: 1170px;
  width: 100%;
}
@media (max-width: 1920px) {
  .article-detail__wrap {
    max-width: calc(920px + (1170 - 920) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .article-detail__wrap {
    max-width: 100%;
  }
}
.article-detail__title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 67px;
  line-height: 75px;
  font-weight: 700;
  color: #2D2D2E;
  margin-bottom: 80px;
}
@media (max-width: 1920px) {
  .article-detail__title {
    font-size: calc(49px + (67 - 49) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail__title {
    font-size: calc(37px + (49 - 37) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(40px + (80 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-detail__title {
    font-size: calc(30px + (37 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (45 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: 40px;
  }
}
.article-detail__subtitle {
  width: 98%;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 35px;
  color: #2D2D2E;
}
@media (max-width: 1920px) {
  .article-detail__subtitle {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail__subtitle {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .article-detail__subtitle {
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__subtitle a {
  color: #8BBF44;
}
.article-detail__content {
  width: 98%;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  color: #2D2D2E;
}
.article-detail__content img {
  width: 100%;
  margin-bottom: 15px;
}
@media (max-width: 1920px) {
  .article-detail__content {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail__content {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 768px) {
  .article-detail__content {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  
}
.article-detail__content p {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .article-detail__content p {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__content b {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
}
.article-detail__content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1366px) {
  .article-detail__content ul {
    gap: calc(10px + (15 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-detail__content ul {
    gap: 10px;
  }
}
.article-detail__content ul li {
  display: flex;
  align-items: center;
}
.article-detail__content ul li::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8BBF44;
  justify-content: space-between;
  margin-right: 20px;
}
.article-detail__content h2 {
  margin-top: 85px;
  margin-bottom: 50px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 38px;
  line-height: 45px;
}
@media (max-width: 1920px) {
  .article-detail__content h2 {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-detail__content h2 {
    margin-top: calc(60px + (85 - 60) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-detail__content h2 {
    margin-top: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(30px + (35 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__content blockquote {
  margin-top: 20px;
  margin-bottom: 50px;
  margin-right: 0;
  margin-left: 0;
  gap: 41px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  display: grid;
  grid-template-columns: auto 1fr;
}
@media (max-width: 768px) {
  .article-detail__content blockquote {
    gap: calc(20px + (41 - 20) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__content blockquote::before {
  content: '';
  width: 58px;
  height: 58px;
  display: block;
  background-image: url("/local/templates/zemlitsa/css/../img/quotes_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article-detail__content blockquote::before {
    width: calc(40px + (58 - 40) * ((100vw - 375px) / (768 - 375)));
    height: calc(40px + (58 - 40) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__content a {
  color: #8BBF44;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.article-detail__aside {
  max-width: 420px;
  width: 100%;
}
@media (max-width: 1920px) {
  .article-detail__aside {
    max-width: calc(276px + (420 - 276) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .article-detail__aside {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 580px) {
  .article-detail__aside {
    flex-direction: column;
    gap: 40px;
  }
}
.article-detail__aside .aside-title {
  margin-bottom: 15px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #A0A0A0;
}
@media (max-width: 1920px) {
  .article-detail__aside .aside-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .article-detail__aside .aside-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    line-height: 20px;
  }
}
.article-detail__date .date-cont {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .article-detail__date .date-cont {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-detail__date {
  margin-bottom: 100px;
}
@media (max-width: 1920px) {
  .article-detail__date {
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .article-detail__date {
    margin-bottom: 0;
  }
}
.article-detail__social .social-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.article-detail__social .social-wrap a {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
}
@media (max-width: 1920px) {
  .article-detail__social .social-wrap a {
    width: calc(60px + (66 - 60) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(60px + (66 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 768px) {
  .article-detail__social .social-wrap a {
    width: calc(50px + (60 - 50) * ((100vw - 375px) / (768 - 375)));
    height: calc(50px + (60 - 50) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-swiper {
  margin-top: 180px;
  padding-bottom: 180px;
  padding-left: 380px;
  padding-right: 380px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 2500px) {
  .article-swiper {
    padding-left: calc(75px + (380 - 75) * ((100vw - 1920px) / (2500 - 1920)));
    padding-right: calc(75px + (380 - 75) * ((100vw - 1920px) / (2500 - 1920)));
  }
}
@media (max-width: 1920px) {
  .article-swiper {
    padding-left: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    padding-right: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    margin-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-swiper {
    padding-left: calc(30px + (75 - 30) * ((100vw - 768px) / (1366 - 768)));
    padding-right: calc(30px + (75 - 30) * ((100vw - 768px) / (1366 - 768)));
    margin-top: calc(140px + (150 - 140) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(140px + (150 - 140) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-swiper {
    padding-left: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    margin-top: calc(80px + (140 - 80) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(170px + (140 - 170) * ((100vw - 375px) / (768 - 375)));
  }
}
.article-swiper__top {
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1366px) {
  .article-swiper__top {
    margin-bottom: calc(40px + (65 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-swiper__top {
    margin-bottom: 40px;
  }
}
.swiper-title {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 68px;
  line-height: 75px;
}
@media (max-width: 1920px) {
  .swiper-title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .swiper-title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    line-height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .swiper-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(40px + (45 - 40) * ((100vw - 375px) / (768 - 375)));;
  }
}
.article-swiper .swiper-buttons {
  display: flex;
  gap: 40px;
}
@media (max-width: 580px) {
  .article-swiper .swiper-buttons {
    position: absolute;
    bottom: 80px;
    right: 0;
  }
}
.article-swiper .swiper-button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 28%;
}
@media (max-width: 1920px) {
  .article-swiper .swiper-button {
    width: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .article-swiper .swiper-button {
    width: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
    height: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .article-swiper .swiper-button {
    width: 50px;
    height: 50px;
  }
}
.article-swiper .swiper-button:after {
  content: none;
}
.article-swiper .swiper-button svg {
  width: 16px;
}
.article-swiper .swiper-slide {
  height: 670px;
}
@media (max-width: 1024px) {
  .article-swiper .swiper-slide {
    height: calc(430px + (670 - 430) * ((100vw - 375px) / (1024 - 375)));
  }
}

.article-swiper .swiper-slide .press-news__item {
  height: 100%;
}
/*конец детальной новости*/
/*раскрытие информации*/
.info-section {
  background-color: #f9f9f9;
}
.info-section .page-title {
  max-width: 829px;
}
/*конец раскрытия информации*/
/*выращивание зерна*/
.block-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 922px) {
  .block-wrap {
    display: flex;
    flex-direction: column;
    gap: calc(60px + (80 - 60) * ((100vw - 375px) / (922 - 375)));
  }
}
.block-wrap__left-content {
  max-width: 620px;
}
.link-button {
  margin-top: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 9px 9px 9px 42px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #2D2D2E;
  background-color: #F9F9F9;
  border-radius: 64px;
  transition: 0.3s ease;
}
@media (max-width: 1920px) {
  .link-button {
    gap: calc(15px + (18 - 15) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding: 9px 9px 9px calc(36px + (42 - 36) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .block-wrap__left-content{
    width: calc(555px + (620 - 555) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .link-button {
    gap: calc(10px + (15 - 10) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    line-height: 20px;
    padding: calc(8px + (9 - 8) * ((100vw - 768px) / (1366 - 768))) calc(8px + (9 - 8) * ((100vw - 768px) / (1366 - 768))) calc(8px + (9 - 8) * ((100vw - 768px) / (1366 - 768))) calc(25px + (36 - 25) * ((100vw - 768px) / (1366 - 768))) ;
  }
}
@media (max-width: 922px) {
  .block-wrap__left-content .link-button{
    margin-top: 50px;
  }
  .block-wrap__left-content{
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .link-button {
    gap: 10px;
    font-size: 14px;
    padding: 8px 8px 8px 25px;
  }
  .link-button svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 375px) {
  .block-wrap__left-content .link-button{
    margin-top: 40px;
  }
}
.link-button:hover {
  background-color: #8BBF44;
  color: #FFF;
  transition: 0.3s ease;
}
.link-button:hover .pic {
  background-color: #FFF;
  transition: 0.3s ease;
  transform: rotate(45deg);
}
.link-button .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8BBF44;
  transition: 0.3s ease;
}
@media (max-width: 1920px) {
  .link-button .pic {
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .link-button .pic {
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .link-button .pic {
    width: 35px;
    height: 35px;
  }
}
.link-button .pic path {
  stroke: #FFF;
  transition: 0.3s ease;
}
.link-button:hover .pic path {
  stroke: #8BBF44;
  transition: 0.3s ease;
}
.about-dignity__list--flex {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.greenBall.l {
  animation: scale 3s infinite;
}
.greenBall.l--one {
  animation: fill 3s infinite;
  animation-delay: 0.3s;
}
.greenBall.l--two {
  animation: fill 3s infinite;
  animation-delay: 0.6s;
}
.greenBall.l--three {
  animation: fill 3s infinite;
  animation-delay: 0.9s;
}
.greenBall.r {
  fill: #F3B624;
  animation: scale 3s infinite;
  animation-delay: 0.6s;
}
.greenBall.r--one {
  animation: fill 3s infinite;
  animation-delay: 0.9s;
}
.greenBall.r--two {
  animation: fill 3s infinite;
  animation-delay: 1.2s;
}
.greenBall.r--three {
  animation: fill 3s infinite;
  animation-delay: 1.5s;
}
.greenBall.f {
  fill: #F3B624;
  animation: scale 3s infinite;
  animation-delay: 1.2s;
}
.greenBall.f--one {
  animation: fill 3s infinite;
  animation-delay: 1.5s;
}
.greenBall.f--two {
  animation: fill 3s infinite;
  animation-delay: 1.7s;
}
.greenBall.f--three {
  animation: fill 3s infinite;
  animation-delay: 1.9s;
}
.greenBall.d {
  fill: #F3B624;
  animation: scale 3s infinite;
  animation-delay: 1.5s;
}
.greenBall.d--one {
  fill: #F3B624;
  animation: fill 3s infinite;
  animation-delay: 1.7s;
}
.greenBall.d--two {
  fill: #F3B624;
  animation: fill 3s infinite;
  animation-delay: 2s;
}
.greenBall.d--three {
  fill: #F3B624;
  animation: fill 3s infinite;
  animation-delay: 2.3s;
}
.greenBall.c {
  fill: #F3B624;
  animation: scale 3s infinite;
  animation-delay: 2s;
}
.greenBall.c--one {
  animation: fill 3s infinite;
  animation-delay: 2.3s;
}
.greenBall.c--two {
  animation: fill 3s infinite;
  animation-delay: 2.6s;
}
.greenBall.c--three {
  animation: fill 3s infinite;
  animation-delay: 2.9s;
}
@keyframes fill {
  0% {
    fill: #F3B624;
    opacity: 1;
  }
  25% {
    opacity: 0.9;
  }
  50% {
    fill: #8BBF44;
    opacity: 1;
  }
  75% {
    opacity: 0.9;
  }
  100% {
    fill: #F3B624;
    opacity: 1;
  }
}
@keyframes scale {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.005;
  }
  100% {
    scale: 1;
  }
}
.map-block__wrap {
  display: flex;
}
@media (max-width: 1920px) {
  .about-dignity__list--flex{
    gap:  calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .about-dignity__list--flex{
    gap:  calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
    width: 96.8429%;
  }
}
@media (max-width: 1366px) {
  .about-dignity__list--flex{
    gap: 40px;
  }
}
@media (max-width: 922px) {
  .map-block__wrap {
    flex-direction: column;
    gap: calc(60px + (80 - 60) * ((100vw - 375px) / (922 - 375)));
  }
  .map-block .link-button{
    margin-top: 50px;
  }
}
@media (max-width: 375px) {
  .about-dignity__list--flex {
    width: 96%;
  }
}

.map-block__wrap .map {
  padding-top: 100px;
}
.map-block__wrap .map svg {
  width: 100%;
  height: auto;
}
.map-block__wrap-content {
  max-width: 1020px;
  width: 100%;
}
.map-block__wrap-content .development__block-title {
  max-width: 100%;
}
.development__block--round-swiper {
  position: relative;
  overflow: hidden;
}
.development__block--round-swiper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  bottom: 0;
  background-color: #F3B624;
}
@media (max-width: 1024px) {
  .development__block--round-swiper::before {
    left: 0;
    top: 50%;
  }
}
.round-swiper {
  position: relative;
  /*overflow: hidden;*/
  width: 560px;
}
@media (max-width: 768px) {
  .round-swiper {
    width: calc(315px + (480 - 315) * ((100vw - 375px) / (768 - 375)));
  }
}
.round-swiper::before {
  content: '';
  background-image: url("/local/templates/zemlitsa/css/../img/elips.png");
  position: absolute;
  transform: translate(-35px, -35px);
  width: 630px;
  height: 630px;
  border-radius: 50%;
  background-size: contain;
}
@media (max-width: 1920px) {
  .round-swiper::before {
    width: calc(540px + (630 - 540) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(540px + (630 - 540) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .round-swiper {
    width: calc(475px + (560 - 475) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .round-swiper::before {
    width: 540px;
    height: 540px;
  }
  /* .round-swiper {
    width: 480px;
  } */
}
@media (max-width: 1024px) {
  .round-swiper::before {
    background-image: url("/local/templates/zemlitsa/css/../img/elips2.png");
    width: 540px;
    height: 540px;
  }
}
@media (max-width: 768px) {
  .round-swiper::before {
    background-size: calc(345px + (540 - 345) * ((100vw - 375px) / (768 - 375))) calc(345px + (540 - 345) * ((100vw - 375px) / (768 - 375))) ;
    width: calc(345px + (540 - 345) * ((100vw - 375px) / (768 - 375)));
    height: calc(345px + (540 - 345) * ((100vw - 375px) / (768 - 375)));
    left: calc(20px + (0 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}
.round-swiper .swiper-wrapper {
  width: 560px;
}
@media (max-width: 1024px) {
  .round-swiper .swiper-wrapper {
    width: 480px;
  }
}
.round-swiper__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .round-swiper__wrap {
    gap: 20px;
  }
}
.round-swiper .swiper-pagination {
  width: 350px !important;
  position: absolute;
  top: 28% !important;
  left: -375px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 60px;
}
@media (max-width: 1600px) {
  .round-swiper .swiper-pagination {
    top: 27% !important;
  }
}
@media (max-width: 1500px) {
  .round-swiper .swiper-pagination {
    top: 26% !important;
  }
}
@media (max-width: 1400px) {
  .round-swiper .swiper-pagination {
    top: 25% !important;
  }
}
@media (max-width: 1366px) {
  .round-swiper .swiper-pagination {
    top: 24% !important;
  }
}
@media (max-width: 1024px) {
  .round-swiper .swiper-pagination {
    flex-direction: row;
    top: -90px !important;
    bottom: auto !important;
  }
}
.round-swiper .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  background: none;
  gap: 65px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 30px;
  line-height: 40px;
  color: #A0A0A0;
  transition: 0.5s ease;
  opacity: 1;
}
@media (max-width: 1920px) {
  .round-swiper .swiper-pagination .swiper-pagination-bullet {
    font-size: calc(21px + (30 - 21) * ((100vw - 1024px) / (1920 - 1024)));
  }
}
@media (max-width: 1024px) {
  .round-swiper .swiper-pagination .swiper-pagination-bullet {
    flex-direction: row-reverse;
    gap: 20px;
    white-space: nowrap;
    display: none;
  }
}
.round-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  color: #2D2D2E;
  transition: 0.5s ease;
}
.round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  transform: translateX(15px);
}
.round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  transform: translateX(15px);
}
/* .round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  transform: translateX(70px);
}
.round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  transform: translateX(70px);
} */
@media (max-width: 1920px) {
  .round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    transform: translateX(calc(21px + (15 - 21) * ((100vw - 1366px) / (1920 - 1366))));
  }
  .round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    transform: translateX(calc(21px + (15 - 21) * ((100vw - 1366px) / (1920 - 1366))));
  }
}
@media (max-width: 1366px) {
  .round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
    transform: translateX(21px);
  }
  .round-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    transform: translateX(21px);
  }
}
.round-swiper .swiper-pagination .swiper-pagination-bullet .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #39393A;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: 0.4s ease;
}
.round-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pic {
  scale: 5;
  background-color: #F3B624;
  transition: 0.4s ease;
}
.round-swiper .swiper-pagination .swiper-pagination-bullet .pic img {
  opacity: 0;
  transition: 0.3s ease;
}
.round-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pic img {
  opacity: 1;
  width: 50px;
  height: 50px;
  scale: 0.1;
  transition: 0.3s ease;
}
.round-swiper .swiper-slide {
  width: 560px !important;
}
@media (max-width: 1920px) {
  .round-swiper .swiper-slide {
    width: calc(480px + (560 - 480) * ((100vw - 1366px) / (1920 - 1366))) !important;
  }
}
@media (max-width:1366px) {
  .round-swiper .swiper-slide {
    width: 480px !important;
  }
} 
@media (max-width: 1024px) {
  .round-swiper .swiper-slide {
    width: 480px !important;
  }
}
@media (max-width: 768px) {
  .round-swiper .swiper-slide {
    width: calc(315px + (480 - 315) * ((100vw - 375px) / (768 - 375))) !important;
  }
}
.round-swiper .swiper-slide img {
  width: 100%;
}
.round-swiper .swiper-slide .text {
  position: absolute;
  max-width: 400px;
  width: 100%;
  left: 625px;
  bottom: 100px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 50px;
  line-height: 60px;
  color: #FFF;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 1920px) {
  .round-swiper .swiper-slide .text {
    font-size: calc(38px + (50 - 38) * ((100vw - 1024px) / (1920 - 1024)));
    max-width: calc(275px + (400 - 275) * ((100vw - 1024px) / (1920 - 1024)));
    left: calc(405px + (625 - 405) * ((100vw - 1024px) / (1920 - 1024)));
  }
}
@media (max-width: 1024px) {
  .round-swiper .swiper-slide .text {
    left: calc(-75px + (-172 + 75) * ((100vw - 768px) / (1024 - 768)));
    bottom: -75px;
    max-width: 250px;
  }
}
@media (max-width: 768px) {
  .round-swiper .swiper-slide .text {
    left: calc(-15px + (-75 + 15) * ((100vw - 375px) / (768 - 375)));
  }

  .round-swiper .swiper-slide {
    opacity: 0 !important;
  }
  .round-swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
  }
}
.round-swiper .swiper-slide.swiper-slide-active .text {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.development__block--round-swiper .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  margin-bottom: 78px;
}
.development__block--round-swiper .development__block-subtitle {
  max-width: 532px;
  color: #FFF;
}
.development__block--round-swiper .development__block-subtitle--custom {
  display: none;
}
@media (max-width: 1920px) {
  .development__block--round-swiper .development__block-subtitle {
    max-width: calc(463px + (532 - 463) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1024px) {
  .development__block--round-swiper .development__block-subtitle {
    display: none;
  }
  .development__block--round-swiper .development__block-subtitle--custom {
    padding-top: 115px;
    max-width: 70%;
    display: block;
  }
}
@media (max-width: 580px) {
  .development__block--round-swiper .development__block-subtitle--custom {
    max-width: 100%;
  }
}
.mobile-tabs-swiper {
  overflow: hidden;
  /* padding-left: 665px; */
  display: none;
}

@media (max-width: 1024px) {
  .mobile-tabs-swiper {
    display: block;
  }
  .mobile-tabs-swiper .swiper-wrapper {
    padding-left: calc(193px + (527 - 193) * ((100vw - 375px) / (1024 - 375)));
    padding-bottom: 24px;
  }
}
.mobile-tabs-swiper .swiper-slide {
  display: flex;
  align-items: center;
  width: auto;
  gap: 20px;
  font-family: 'Museo Sans Cyrillic', sans-serif;
  font-size: 21px;
  line-height: 30px;
  color: #A0A0A0;
  padding: 5px 0;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .mobile-tabs-swiper .swiper-slide {
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
}
.mobile-tabs-swiper .swiper-slide.swiper-slide-active {
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  color: #2D2D2E;
}
.mobile-tabs-swiper .swiper-slide .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #A0A0A0;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .mobile-tabs-swiper .swiper-slide .pic {
    width: calc(6px + (8 - 6) * ((100vw - 375px) / (768 - 375)));
    height: calc(6px + (8 - 6) * ((100vw - 375px) / (768 - 375)));
  }
}
.mobile-tabs-swiper .swiper-slide.swiper-slide-active .pic {
  scale: 5;
  background-color: #F3B624;
  transition: 0.3s ease;
}
.mobile-tabs-swiper .swiper-slide.swiper-slide-active .pic svg rect {
  fill: #F3B624;
}
.mobile-tabs-swiper .swiper-slide .pic svg rect {
  fill: #A0A0A0;
}
.mobile-tabs-swiper .swiper-slide.swiper-slide-active .pic svg path {
  fill: white;
}
.mobile-tabs-swiper .swiper-slide .pic svg path {
  fill: #A0A0A0;
}
.mobile-tabs-swiper .swiper-slide .pic img {
  opacity: 0;
  transition: 0.3s ease;
}
.mobile-tabs-swiper .swiper-slide.swiper-slide-active .pic img {
  scale: 0.2;
  opacity: 1;
  transition: 0.3s ease;
}
/*конец выращивания зерна*/

/* HOME PAGE */

header.header.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  color: #fff;
  z-index: 100;
}

/* header fixed */

.header.header--fixed .header__menu-item path,
.header.header--fixed .header__search path,
.header.header--fixed .lang-select path {
  stroke: #fff;
}

.header.header--fixed:not(.visible) {
  transition: all 1s ease;
  transform: translateY(-100%);
  opacity: 0;
}

.header.header--fixed.visible {
  transition: all 1s ease;
  transform: translateY(0%);
  opacity: 1;
}

/* First window (START) */

.first-window {
  min-height: 100vh;
  max-height: 100vh;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .first-window {
    min-height: 1050px;
    max-height: 1050px;
  }
}
.first-window > .container {
  position: relative;
  z-index: 1;
}

.first-window__orange-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  background: #F3B624;
  -webkit-mask-image: url("/local/templates/zemlitsa/css/../img/first-window-two-lines.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: 95%;
  -webkit-mask-position-y: 95%;
}

.first-window__orange-box.animate-scale {
  transform-origin: 60% 85%;
  animation: scaleOrangeBoxHomePage 1s linear forwards;
}

@media screen and (max-width: 1399px) {
  .first-window__orange-box.animate-scale {
    transform-origin: 60% 82%;
  }
}

@media screen and (max-width: 1279px) {
  .first-window__orange-box {
    -webkit-mask-position-x: 100%;
    -webkit-mask-position-y: 100%;
  }
  .first-window__orange-box.animate-scale {
    transform-origin: 53% 85%;
  }
}

@media screen and (max-width: 1149px) {
  .first-window__orange-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    background: transparent;
    -webkit-mask-image: initial;
    -webkit-mask-repeat: initial;
    -webkit-mask-size: initial;
    -webkit-mask-position-x: initial;
    -webkit-mask-position-y: initial;
  }
  .first-window__orange-box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #F3B624;
    height: calc(100vh - 100vw * (1080 / 1920) + 1px);
  }
  .first-window__orange-box::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    background: #F3B624;
    -webkit-mask-image: url("/local/templates/zemlitsa/css/../img/first-window-two-lines.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position-x: 95%;
    -webkit-mask-position-y: 100%;
  }
  .first-window__orange-box.animate-scale {
    transform-origin: 62% 89%;
  }
}

@media screen and (max-width: 1023px) {
  .first-window__orange-box.animate-scale {
    transform-origin: 62% calc(100vh - 60px);
  }
}

@media screen and (max-width: 767px) {
  .first-window__orange-box.animate-scale {
    transform-origin: 62% calc(100vh - 40px);
  }
}
@media screen and (max-width: 499px) {
  .first-window__orange-box.animate-scale {
    transform-origin: 62% calc(100vh - 32px);
  }
}

@keyframes scaleOrangeBoxHomePage {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(7);
  }
}

@media screen and (max-width: 1149px) {
  @keyframes scaleOrangeBoxHomePage {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(10);
    }
  }
}

@media screen and (max-width: 1023px) {
  @keyframes scaleOrangeBoxHomePage {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(15);
    }
  }
}

@media screen and (max-width: 767px) {
  @keyframes scaleOrangeBoxHomePage {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(20);
    }
  }
}

@media screen and (max-width: 499px) {
  @keyframes scaleOrangeBoxHomePage {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(25);
    }
  }
}

.first-window__orange {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 98;
  background: #F3B624;
}
.first-window__orange.hide {
  display: none;
}

.first-window__yellow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100vw * (1080 / 1920));
  z-index: 99;
  background: rgba(244, 226, 114, 1);
  transition: opacity 1.5s ease, background 1.5s ease;
  display: none;
}

.first-window__yellow.animate-one {
  display: block;
  animation: clipPathAnimationOneYellowFirstWindow 1s linear forwards;
}

.first-window__yellow.animate-two {
  background: rgba(244, 226, 114, 0);
}

@keyframes clipPathAnimationOneYellowFirstWindow {
  0% {
    clip-path: polygon(-100% 100%, -100% 100%, -100% 100%, -100% 100%, 60% 100%);
  }
  50% {
    clip-path: polygon(-100% 100%, 50% -100%, 50% -100%, 50% -100%, 60% 100%);
  }
  100% {
    clip-path: polygon(-100% 100%, 50% -100%, 100% -100%, 200% 100%, 60% 100%);
  }
}

@media screen and (max-width: 1279px) {
  @keyframes clipPathAnimationOneYellowFirstWindow {
    0% {
      clip-path: polygon(-100% 100%, -100% 100%, -100% 100%, -100% 100%, 50% 100%);
    }
    50% {
      clip-path: polygon(-100% 100%, 50% -100%, 50% -100%, 50% -100%, 50% 100%);
    }
    100% {
      clip-path: polygon(-100% 100%, 50% -100%, 100% -100%, 200% 100%, 50% 100%);
    }
  }
}

@media screen and (max-width: 1149px) {
  @keyframes clipPathAnimationOneYellowFirstWindow {
    0% {
      clip-path: polygon(-100% 100%, -100% 100%, -100% 100%, -100% 100%, 60% 100%);
    }
    50% {
      clip-path: polygon(-100% 100%, 50% -100%, 50% -100%, 50% -100%, 60% 100%);
    }
    100% {
      clip-path: polygon(-100% 100%, 50% -100%, 100% -100%, 200% 100%, 60% 100%);
    }
  }
}

.first-window__video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.first-window__video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(10, 33, 15, 0.29) 0%, rgba(10, 33, 15, 0.29) 100%);
  pointer-events: none;
  z-index: 1;
}

.first-window__video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 335px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) -19.4%, rgba(0, 0, 0, 0.00) 91.19%);
  pointer-events: none;
  z-index: 1;
}

.first-window__video video {
  object-fit: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.first-window__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  opacity: 1;
  transition: transform 1s cubic-bezier(0.43, 0.7, 0.72, 1), opacity 0.3s cubic-bezier(0.43, 0.7, 0.72, 1);
}
.first-window__content.hide {
  transform: translateY(-100vh);
  opacity: 0;
}

.first-window__subtitle {
  max-width: 750px;
  color: #fff;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.73;
  opacity: 0;
  transform: translateY(15px);
  transition: all .5s ease;
}
@media screen and (max-width: 1920px) {
  .first-window__subtitle {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
    max-width: calc(714px + (750 - 714) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .first-window__subtitle {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .first-window__subtitle {
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
}
.first-window__subtitle.animate {
  opacity: 1;
  transform: translateY(0);
}

.first-window__title {
  margin-bottom: 50px;
}

.first-window__title h1 {
  font-size: 80px;
  font-family: 'Museo Sans Cyrl 900';
  font-style: normal;
  font-weight: 700;
  line-height: 1.12;
  color: #fff;
  opacity: 0;
  transform: translateY(15px);
  transition: all 1s ease;
}
@media screen and (max-width: 1920px) {
  .first-window__title h1 {
    font-size: calc(68px + (80 - 68) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .first-window__title h1 {
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .first-window__title h1 {
    font-size: calc(30px + (50 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}

.first-window__title h1.animate {
  opacity: 1;
  transform: translateY(0px);
}

.first-window__title svg {
  max-width: 840px;
  width: 100%;
}
@media (max-width:1920px) {
  .first-window__title svg {
    max-width: calc(597px + (840 - 597) * ((100vw - 1366px) / (1920 - 1366)));
  }
} 
@media (max-width: 1366px) {
  .first-window__title svg {
    max-width: calc(518px + (597 - 518) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .first-window__title svg {
    max-width: calc(283px + (597 - 283) * ((100vw - 375px) / (768 - 375)));
    height: auto;
  }
}
.first-window__title svg .first-window__svg-text {
  opacity: 0;
  transition: all 1s ease;
}
.first-window__title svg .first-window__svg-text.animate {
  opacity: 1;
}

.first-window__title svg .first-window__svg-line {
  stroke-dasharray: 360;
  stroke-dashoffset: 360;
  transition: all .5s ease;
}
.first-window__title svg .first-window__svg-line.animate {
  stroke-dashoffset: 0;
}

.first-window__green-logotype {
  height: 100vh;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background: #519139;
  -webkit-mask-image: url("/local/templates/zemlitsa/css/../img/first-window-rostok.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  transform: scale(13);
  transform-origin: 50% 35%;
  display: none;
  transition: transform 1s cubic-bezier(0.43, 0.7, 0.72, 1);
  will-change: transform;
}
@media screen and (max-width: 1399px) {
  .first-window__green-logotype {
    transform-origin: 50% 35%
  }
}

@media screen and (max-width: 1279px) {
  .first-window__green-logotype {
    transform-origin: 50% 37%;
    transform: scale(20);
  }
}


.first-window__green-logotype.active {
  display: block;
}

.first-window__green-logotype.active.animate-one {
  transform: scale(1);
}

.first-window__green-logotype.active.animate-two {
  transform: translateY(-100vh) scale(1);
}

.first-window__green-block {
  background-color: #519139;
  height: 100vh;
  top: 100vh;
  left: 0;
  right: 0;
  position: absolute;
  transition: transform 1s cubic-bezier(0.43, 0.7, 0.72, 1);
  /*will-change: transform;*/
  z-index: 1;
}
@media (max-width: 768px) {
  .first-window__green-block {
    height: 1050px;
  }
}
.first-window__green-block .first-window__green-block-button{
  display: flex;
  justify-content: flex-start;
  margin-top: 80px;
}
.first-window__mouse {
  position: absolute;
  bottom: 82px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.3s;
}
.first-window__mouse.animate{
  opacity: 1;
}
.first-window__mouse-box {
  width: 38px;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
}
.first-window__mouse-link {
  width: 14px;
  height: 25px;
  background-color: #F7F7F7;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  padding-top: 4px;
}
.first-window__mouse-animate {
  width: 7px;
  height: 7px;
  background-color: #8BBF44;
  border-radius: 50%;
  animation-name: mouse-anim;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;

}
@keyframes mouse-anim {
  0%{
    transform: translateY(0px);
  }
  50%{
    transform: translateY(9px);
  }
  100%{
    transform: translateY(0px);
  }
}
@media screen and (max-width: 1920px) {
  .first-window__green-block .first-window__green-block-button{
    margin-top:calc(50px + (80 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .first-window__green-block .first-window__green-block-button{
    margin-top: 50px;
  }
  .first-window__mouse{
    bottom: 60px;
  }
}
@media screen and (max-width: 800px) {
  .first-window__mouse {
    display: none
  }
}

/* @media screen and (max-width: 767px) {
  .first-window__green-block {
    height: initial;
    position: relative;
    top: 0;
  }

} */

.green-block__overflow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.green-block__line {
  position: absolute;
  left: 2px;
  top: 0;
  width: calc( 100vh * (1109 / 1080));
  bottom: 0;
  background: #519139;
  -webkit-mask-image: url("/local/templates/zemlitsa/css/../img/green-block__line.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .green-block__line {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: calc(100vw * (349 / 711));
    -webkit-mask-image: url("/local/templates/zemlitsa/css/../img/green-block__line-mobile.svg");
  }
}

.green-block__line-after {
  content: '';
  position: absolute;
  left: calc(100vh * (1109 / 1080));
  right: calc(0vw - ( 100vh * (1109 / 1080)));
  top: 0;
  bottom: 0;
  background: #519139;
  pointer-events: none;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .green-block__line-after {
    left: 0;
    right: 0;
    top: calc(100vw * (349 / 711));
    bottom: 0;
  }
}

.green-block__line-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8BBF44;
  transition: clip-path .5s linear;
  clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 100%);
  z-index: 0;
}
.green-block__line-background.animate {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
}

@media screen and (max-width: 768px) {
  .green-block__line-background {
    clip-path: polygon(100% 0%, 100% 100%, 100% 100%);
  }
  .green-block__line-background.animate {
    clip-path: polygon(100% 0%, 0% 0%, 100% 100%);
  }
}

.first-window__green-block.animate {
  transform: translateY(-100vh);
}

.first-window__green-block > .container {
  position: relative;
  z-index: 1;
}

.green-block__content {
  height: 100vh;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .green-block__content {
    height: initial;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 120px;
    padding-top: 80px;
  }
}

.green-block__image {
  width: 50%;
}
.green-block__text {
  width: 40%;
}

@media screen and (min-width: 2000px) {
  .green-block__image {
    padding-right: 100px;
  }
}
@media (max-width: 1366px) {
  .green-block__image,
    .green-block__text {
      width: 49.77%;
    }
}
@media screen and (max-width: 768px) {
  .green-block__image {
    max-width: 470px;
    max-height: 470px;
    width: initial;
  }

  .green-block__image > img {
    max-height: 100%;
    max-width: 100%;
  }

  .green-block__text {
    width: 100%;
    padding-top: 70px;
  }
}

.green-block__image > img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1920px) {
  .green-block__image {
    padding-right: calc(130px + (180 - 130) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .green-block__image {
    padding-right: calc(30px + (130 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .green-block__image {
    padding-right: 0;
  }
}

.green-block__text h2 {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .green-block__text h2 {
    margin-bottom: 25px;
  }
}

.green-block__text p {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .green-block__text p {
    margin-bottom: 25px;
  }
}

.green-block__text button {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .green-block__text button {
    margin-top: 50px;
  }
}

/* First window (END) */

/* What's new (START) */

.whats-new {
  padding: 180px 0;
  background-color: #F9F9F9;
  overflow: hidden;
}

@media screen and (max-width: 1920px) {
  .whats-new {
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
}

@media screen and (max-width: 1366px) {
  .whats-new {
    padding: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
}

@media screen and (max-width: 768px) {
  .whats-new {
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
}

.whats-new__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 70px;
}
@media screen and (max-width: 1920px) {
  .whats-new__heading {
    margin-bottom: calc(6460 + (70 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__heading {
    margin-bottom: calc(40px + (60 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .whats-new__heading {
    margin-bottom: 40px;
  }
}

.whats-new__title {
  color: #2D2D2E;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  line-height: 1.1;
}

@media screen and (max-width: 1920px) {
  .whats-new__title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .whats-new__title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}

.whats-new__slider {
  padding: 0 75px;
}

@media screen and (min-width: 1921px) {
  .whats-new__slider {
    max-width: 1920px;
    width: 100%;
    overflow: initial !important;
  }
  /*.whats-new__slider .swiper-wrapper {*/
  /*  max-width: calc(1920px - 150px);*/
  /*}*/
}

@media screen and (max-width: 1920px) {
  .whats-new__slider {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__slider {
    padding: 0 calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .whats-new__slider {
    padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}

.whats-new__slider .swiper-wrapper {
  align-items: stretch;
}

.whats-new__slide {
  width: 570px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  padding: 45px 35px;
}

@media screen and (max-width: 1920px) {
  .whats-new__slide {
    padding: calc(35px + (45 - 35) * ((100vw - 1366px) / (1920 - 1366))) calc(25px + (35 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__slide {
    padding: calc(30px + (35 - 30) * ((100vw - 768px) / (1366 - 768))) 25px;
  }
}

@media screen and (max-width: 768px) {
  .whats-new__slide {
    padding: 30px calc(20px + (25 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}

.whats-new__slide:not(:last-child) {
  margin-right: 30px;
}

.whats-new__slide.whats-new__slide-image {
  padding: 0 0 45px 0;
}

.whats-new__slide.whats-new__slide-image .whats-new__header,
.whats-new__slide.whats-new__slide-image .whats-new__caption {
  padding-left: 30px;
  padding-right: 30px;
}

.whats-new__header {
  margin: 30px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1920px) {
  .whats-new__header {
    margin: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366))) 0 calc(10px + (20 - 10) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__header {
    margin: 20px 0 10px;
  }
}


.whats-new__time {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #A0A0A0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}

@media screen and (max-width: 1366px) {
  .whats-new__time {
    font-size: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .whats-new__time {
    font-size: 12px;
  }
}

.whats-new__time > svg {
  margin-right: 10px;
}

.whats-new__tag {
  border-radius: 30px;
  background: #F9F9F9;
  padding: 10px 20px;
  color: #39393A;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.42;
}

@media screen and (max-width: 1366px) {
  .whats-new__tag {
    padding: calc(5px + (10 - 5) * ((100vw - 768px) / (1366 - 768))) calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .whats-new__tag {
    font-size: 12px;
  }
}

.whats-new__caption {
  color: #2D2D2E;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  line-height: 1.33;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: calc(30px * 1.33 * 3);
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 1920px) {
  .whats-new__caption {
    font-size: calc(24px + (30 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__caption {
    font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .whats-new__caption {
    font-size: 18px;
  }
}

.whats-new__image {
  width: 100%;
  aspect-ratio: 570 / 375;
  position: relative;
}

.whats-new__image > img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

.whats-new__text {
  color: #A0A0A0;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.38;
  margin-top: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: calc(18px * 1.38 * 10);
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 1920px) {
  .whats-new__text {
    margin-top: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    -webkit-line-clamp: 8;
    line-clamp: 8;
    max-height: calc(18px * 1.38 * 8);
  }
}
@media screen and (max-width: 1366px) {
  .whats-new__text {
    margin-top: 20px;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    max-height: calc(18px * 1.38 * 7);
  }
}
@media screen and (max-width: 768px) {
  .whats-new__text {
    margin-top: 10px;
    font-size: 16px;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    max-height: calc(16px * 1.38 * 10);
  }
}

.whats-new__arrows {
  display: flex;
}

.whats-new__arrows .swiper-prev {
  margin-right: 15px;
}

.whats-new__arrows .swiper-arrow {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #FFF;
  border: 0;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color .2s ease;
}

@media screen and (max-width: 1920px) {
  .whats-new__arrows .swiper-arrow {
    width: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .whats-new__arrows .swiper-arrow {
    width: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
    height: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .whats-new__arrows .swiper-arrow {
    width: 50px;
    height: 50px;
  }
}

.whats-new__arrows .swiper-arrow svg path {
  transition: stroke .2s ease;
}
.whats-new__arrows .swiper-arrow:hover svg path {
  stroke: #fff;
}
.whats-new__arrows .swiper-arrow:hover {
  background-color: #8BBF44;
}

/* What's new (END) */

/* Use our experience (START) */

.use-our-experience {
  padding: 180px 0 75px;
  position: relative;
  overflow: hidden;
}

.use-our-experience .use-our-experience__button{
  display: flex;
  justify-content: flex-start;
  margin: 60px 0 160px;
}
@media screen and (max-width: 1920px) {
  .use-our-experience {
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0 calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .use-our-experience .use-our-experience__button{
    margin: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366))) 0 calc(100px + (160 - 100) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .use-our-experience {
    padding: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0 60px;
  }
  .use-our-experience .use-our-experience__button{
    margin: 50px 0 calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .use-our-experience {
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0 calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .use-our-experience .use-our-experience__button{
    margin: calc(40px + (50 - 40) * ((100vw - 375px) / (768 - 375))) 0 80px;
  }
}


.use-our-experience > .container {
  position: relative;
  z-index: 1;
}

.use-our-experience__video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.use-our-experience__video::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(34, 21, 9, 0.27) 0%, rgba(34, 21, 9, 0.27) 100%);
  pointer-events: none;
  z-index: 1;
}

.use-our-experience__video > video {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.use-our-experience__video > img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* .use-our-experience .about-text {
  margin-bottom: 60px;
} */

.use-our-experience .about-title {
  margin-bottom: 40px;
}

.use-our-experience .form-button {
  margin-bottom: 160px;
}

@media screen and (max-width: 1920px) {
  .use-our-experience .form-button {
    margin-bottom: calc(100px + (160 - 100) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .use-our-experience .form-button {
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .use-our-experience .form-button {
    margin-bottom: 80px;
  }
}

.use-our-experience ul {
  display: flex;
  list-style-type: none;
  align-items: stretch;
  counter-reset: use-our-experience-counter 0;
}

@media screen and (max-width: 768px) {
  .use-our-experience ul {
    flex-direction: column;
  }
}

.use-our-experience li span {
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  line-height: 1.18;
  margin-bottom: 15px;
}

@media screen and (max-width: 1920px) {
  .use-our-experience li span {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .use-our-experience li span {
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .use-our-experience li span {
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
  }
}

.use-our-experience li {
  counter-increment: use-our-experience-counter 1;
  width: calc((100% - (30px * 2)) / 3);
  border-radius: 24px;
  display: flex;
  padding: 40px 50px;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.38;
}

@media screen and (max-width: 1920px) {
  .use-our-experience li {
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))) calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .use-our-experience li {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .use-our-experience li {
    width: 100%;
    margin-bottom: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    padding: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)))
  }
}
@media screen and (max-width: 500px) {
  .use-our-experience li {
    flex-direction: column;
    flex-wrap: initial;
  }
}

.use-our-experience li:nth-child(-n+9):before {
  content: '0' counter(use-our-experience-counter);
}

.use-our-experience li::before {
  content: counter(use-our-experience-counter);
  font-size: 38px;
  font-style: normal;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-weight: 700;
  line-height: 1.18;
  margin-bottom: 15px;
}

@media screen and (max-width: 1920px) {
  .use-our-experience li::before {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .use-our-experience li::before {
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .use-our-experience li::before {
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
    margin-right: 10px;
    margin-bottom: 5px;
  }
}

.use-our-experience li:nth-child(1) {
  background: #8BBF44;
}

.use-our-experience li:nth-child(1)::before {
  color: #B8ED71;
}

.use-our-experience li:nth-child(2) {
  background: #519139;
}

.use-our-experience li:nth-child(2)::before {
  color: #8BBF44;
}

.use-our-experience li:nth-child(3) {
  background: #00693A;
}

.use-our-experience li:nth-child(3)::before {
  color: #8BBF44;
}

.use-our-experience li:not(:last-child) {
  margin-right: 30px;
}

/*  Use our experience (END) */

/*  Today (START) */

.today {
  background-color: #F9F9F9;
  padding: 180px 0;
  max-width: calc(100vw - 3px) !important;
  overflow: hidden;
}
@media screen and (max-width: 1920px) {
  .today {
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 768px) {
  .today {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.home-page__today{
  user-select: none;
  position: relative;
}
.today__list {
  position: absolute;
  left: 40%;
  /* top: -68px; */
  top: -200px;
  transition: all 2s ease;
}
@media screen and (max-width: 1366px) {
  .today__list > img {
    width: 43px;
  }
}
@media screen and (max-width: 1149px) {
  .today__list {
    left: 43%;
  }
}
@media screen and (max-width: 768px) {
  /* .today__list {
    left: 53%;
  } */
  .today__list > img {
    width: 25px;
  }
}
@media screen and (max-width: 768px) {
  .today__list {
    left: calc(280px + (380 - 280) * ((100vw - 375px) / (768 - 375)));
  }
}
.today__list.animate {
  top: 120px;
  transform: translateY(0%);
  animation: animateTodayList 3s linear infinite;
}
@media screen and (max-width: 1149px) {
  .today__list.animate {
    top: 80px;
  }
}

@keyframes animateTodayList {
  0% {
    transform: rotate(0deg) scale(1);
  }
  20% {
    transform: rotate(-10deg) scale(0.9);
  }
  70% {
    transform: rotate(10deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

.today__header {
  display: flex;
  /* align-items: flex-end; */
  align-items: flex-start;
  margin-bottom: 120px;
}
@media screen and (max-width: 1920px) {
  .today__header {
    margin-bottom: calc(80px + (120 - 80) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .today__header {
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 1149px) / (1366 - 1149)));
  }
}
@media screen and (max-width: 1149px) {
  .today__header {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .today__header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.today__header .about-title {
  width: 50%;
}
.today__header .about-text {
  width: 43%;
}
@media (max-width: 1366px) {
  .today__header .about-title,
.today__header .about-text {
  width: 48.75%;
}
}
@media screen and (max-width: 768px) {
  .today__header .about-title,
  .today__header .about-text {
    width: 100%;
  }
  .today__header .about-title {
    margin-bottom: 30px;
  }
  .today__header .about-text {
    /* max-width: 500px; */
    max-width: 100%;
  }
}


.today__gsap-slider {
  width: 100%;
  max-width: 100%;
  padding: 0 calc((100vw - (1920px - (75px) * 2)) / 2);
  overflow: hidden;
}
@media screen and (max-width: 1920px) {
  .today__gsap-slider {
    padding: 0 calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .today__gsap-slider {
    padding: 0 calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}

.gsap-slider-row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.gsap-slide {
  width: 570px;
  height: 570px;
  border-radius: 50%;
  background-color: #fff;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 88px;
  text-align: center;
}

@media screen and (max-width: 1920px) {
  .gsap-slide {
    width: calc(409px + (570 - 409) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(409px + (570 - 409) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(45px + (88 - 45) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .gsap-slide {
    width: calc(344px + (409 - 344) * ((100vw - 768px) / (1920 - 768)));
    height: calc(344px + (409 - 344) * ((100vw - 768px) / (1920 - 768)));
    padding: calc(36px + (45 - 36) * ((100vw - 768px) / (1920 - 768)));
  }
}

.gsap-slide:not(:last-child) {
  margin-right: 30px;
}

.gsap-slide__title {
  color: #8BBF44;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 15px;
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  margin: 0 auto;
}
@media screen and (max-width: 1920px) {
  .gsap-slide__title {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .gsap-slide__title {
    /* font-size: calc(30px + (30 - 30) * ((100vw - 768px) / (1920 - 768))); */
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

.gsap-slide__text {
  color: #2D2D2E;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.34;
}
@media screen and (max-width: 1920px) {
  .gsap-slide__text {
    font-size: calc(21px + (26 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .gsap-slide__text {
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1920 - 768)));
  }
}


/*  Today (END) */




/*start wrapper-overflow*/
.wrapper-overflow{
  overflow: hidden;
  position: relative;
}
/*end wrapper-overflow*/

/*start sustainable-title*/
.sustainable-title {
  color: #2D2D2E;
  font-family: 'Museo Sans Cyrl 900';
  font-size: 68px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width:1920px) {
  .sustainable-title{
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .sustainable-title{
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .sustainable-title{
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end sustainable-title*/

/*start button-scroll-top*/
.button-scroll-top{
  position: fixed;
  bottom: 75px;
  right: 75px;
  z-index: 10;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0px 10px 40px 0px rgba(62, 92, 20, 0.08);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
  pointer-events: none;
}
.button-scroll-top svg path{
  transition: 0.3s;
}
.button-scroll-top:hover{
  background-color: #8BBF44;
}
.button-scroll-top:hover svg path{
  stroke: #fff;
}
.button-scroll-top.active{
  opacity: 1;
  pointer-events: initial;
}
@media (max-width:1920px) {
  .button-scroll-top{
    right: calc(52px + (75 - 52) * ((100vw - 1366px) / (1920 - 1366)));
    bottom: calc(52px + (75 - 52) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .button-scroll-top svg{
    width: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .button-scroll-top{
    width: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
    height: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
    right: calc(30px + (52 - 30) * ((100vw - 768px) / (1366 - 768)));
    bottom: 52px;
  }
  .button-scroll-top svg{
    width: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
    height: calc(25px + (30 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .button-scroll-top{
    right: calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
    width: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
    height: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-title{
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .button-scroll-top{
    right: 15px;

  }
}
/*end button-scroll-top*/

/*start breadcrumb-page*/
.breadcrumb-page {
  position: absolute;
  top: 155px;
  left: 0;
  z-index: 3;
  width: 100%;
  display: none;
}
.breadcrumb-page.black {
  display: block;
}
.breadcrumb-page__list {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  color: #fff;
  font-size: 18px;
  line-height: 140%;
  font-weight: 400;
}
.breadcrumb-page__link {
  position: relative;
  padding: 10px;
  margin: -10px;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  min-width: min-content;
}
.breadcrumb-page__link + .breadcrumb-page__link{
  padding-left: 20px;
}
.breadcrumb-page__link:last-child{
  text-overflow: ellipsis;
  min-width: auto;
}
.breadcrumb-page__link::before{
  content: '';
  position: absolute;
  right: 0;
  width: 5px;
  height: 5px;
  background-color: #fff;
  opacity: 0.3;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.breadcrumb-page__btn {
  opacity: 0.5;
  transition: 0.3s;
  padding: 10px;
  margin: -10px;
}
.breadcrumb-page__btn:hover{
  opacity: 1;
}
.breadcrumb-page__link:last-child{
  padding-right: 0;
}
.breadcrumb-page__link:last-child::before{
  display: none;
}
.breadcrumb-page__link:last-child .breadcrumb-page__btn{
  opacity: 1;
  pointer-events: none;
}
@media (max-width:1920px) {
  .breadcrumb-page{
    top:calc(125px + (155 - 125) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
}

@media (max-width:1366px) {
  .breadcrumb-page__list{
    font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1366 - 768)));
  }
  .breadcrumb-page__link{
    padding-right:calc(15px + (25 - 15) * ((100vw - 768px) / (1366 - 768))) ;
  }
  .breadcrumb-page__link + .breadcrumb-page__link{
    padding-left: calc(10px + (20 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
  .breadcrumb-page{
    top: calc(90px + (125 - 90) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .breadcrumb-page__list{
    font-size: 14px;
  }
  .breadcrumb-page{
    top: calc(100px + (155 - 100) * ((100vw - 375px) / (768 - 375)));
  }
  .breadcrumb-page__link{
    padding-right: 15px;
  }
  .breadcrumb-page__link + .breadcrumb-page__link{
    padding-left: 10px;
  }
  .breadcrumb-page{
    top:calc(80px + (90 - 80) * ((100vw - 375px) / (768 - 375))) ;
  }
}
@media (max-width:375px) {
  .breadcrumb-page{
    top: 80px;
  }
}
/*end breadcrumb-page*/

/*start sustainable-home*/
.sustainable-home {
  height: 100vh;
  min-height: 600px;
  background-position: center;
  background-size: cover;
  padding-top: 180px;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  position: relative;
  color: #fff;
  background-repeat: no-repeat;
}
.sustainable-home.with-video {
  position: relative;
  padding-top: 0;
}
.sustainable-home.with-video video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  bottom: 0;

}
.sustainable-home::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 335px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) -19.4%, rgba(0, 0, 0, 0.00) 91.19%);
}
.sustainable-home::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(34, 21, 9, 0.27);
}
.sustainable-home__wrapper{
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.sustainable-home__wrapper .container{
  width: 100%;
}
.sustainable-home__inner {
  width: 100%;
  padding: 30px 0;
}
.sustainable-home__inner.df {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sustainable-home__title {
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
  font-family: 'Museo Sans Cyrl 900';
}
.sustainable-home__inner.df .sustainable-home__title {
  font-size: 68px;
  font-weight: 700;
}
.sustainable-home__anim {
  margin-bottom: 50px;
  font-family: 'Katherine Plus';
  font-size: 110px;
  transform: rotate(-2deg);
}
.trading .sustainable-home__anim {
  font-size: 134px;
}
.sustainable-home__anim span{
  position: relative;
}
.sustainable-home__anim span::before{
  content: '';
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 380px;
  height: 52px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg3IiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzg3IDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNTg2IDI4LjYzMzZDNTMuMDU5MiAxOS42OTQ0IDE5OC45NTkgMi4xMTY1MyAzODMuMzUxIDMuMzE4NzciIHN0cm9rZT0iIzhCQkY0NCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transform: rotate(2deg);
}
.sustainable-home__inner.df .sustainable-home__anim span::before {
  width: 560px;
  bottom: 0;
}
.sustainable-home__text {
  font-size: 21px;
  line-height: 140%;
  width: 685px;
}
@media (max-width:1920px) {
  .sustainable-home__title{
    font-size: calc(68px + (80 - 68) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-home__inner.df .sustainable-home__title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-home__anim {
    font-size: calc(110px + (120 - 110) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .trading .sustainable-home__anim {
    font-size: calc(100px + (134 - 100) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-home__anim span::before{
    width: calc(312px + (380 - 312) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(38px + (52 - 38) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-home__inner.df .sustainable-home__anim span::before {
    width: calc(456px + (560 - 456) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(38px + (52 - 38) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-home__anim {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .provider .sustainable-home__text {
    font-size: 18px;
  }
}
@media (max-width:1366px) {
  .sustainable-home__title{
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-home__inner.df .sustainable-home__title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-home__text{
    font-size: calc(16px + (21 - 16) * ((100vw - 768px) / (1366 - 768)));
    width: calc(504px + (715 - 504) * ((100vw - 768px) / (1366 - 768)));
  }
  .buyer .sustainable-home__text {
    font-size: 18px;
  }
  .sustainable-home__anim {
    font-size: calc(86px + (110 - 86) * ((100vw - 768px) / (1366 - 768)));
  }
  .trading .sustainable-home__anim {
    font-size: calc(86px + (100 - 86) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-home__anim span::before{
    height: 38px;
    bottom: calc(4px + (9 - 4) * ((100vw - 768px) / (1366 - 768)));
    width: calc(225px + (312 - 225) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-home__inner.df .sustainable-home__anim {
    font-size: calc(60px + (75 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-home__inner.df .sustainable-home__anim span::before {
    height: 38px;
    width: calc(361px + (456 - 361) * ((100vw - 768px) / (1366 - 768)));
    bottom: -5px;
  }
  .sustainable-home__anim{
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .sustainable-home__title{
    font-size: calc(30px + (50 - 30) * ((100vw - 375px) / (768 - 375)));
  }
    .sustainable-home__inner.df .sustainable-home__title {
      font-size: 38px;
    }
    .sustainable-home__inner.df .sustainable-home__anim {
      font-size: 60px;
    }
  .sustainable-home__text{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    width: calc(345px + (504 - 345) * ((100vw - 375px) / (768 - 375)));
  }
  .development .sustainable-home__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    width: calc(345px + (550 - 345) * ((100vw - 375px) / (768 - 375)));
  }
  .provider .sustainable-home__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home{
    min-height: calc(550px + (600 - 550) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home__anim{
    font-size: calc(48px + (86 - 48) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home__anim {
    font-size: calc(48px + (86 - 48) * ((100vw - 375px) / (768 - 375)));
  }
   .trading .sustainable-home__anim {
    font-size: calc(48px + (86 - 48) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home__anim span::before{
    width:calc(145px + (225 - 145) * ((100vw - 375px) / (768 - 375))) ;
    bottom: calc(-5px + (4 - (-5)) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home__inner.df .sustainable-home__anim span::before {
    width: calc(235px + (283 - 235) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-home__anim{
    margin-bottom:calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) ;
  }
  .sustainable-home__inner.df {
    text-align: center;
  }
  .buyer .sustainable-home__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .sustainable-home__title{
    font-size: 30px;
  }
  .sustainable-home__text{
    width: 100%;
    font-size: 14px;
  }
  .sustainable-home{
    min-height: 550px;
  }
  .sustainable-home__anim{
    margin-bottom: 20px;
  }
}
/*end sustainable-home*/

/*start sustainable-experience*/
.sustainable-experience {
  padding: 180px 0;
}
.sustainable-experience__title {
  margin-bottom: 40px;
  width: 870px;
}
.sustainable-experience__text {
  font-size: 21px;
  width: 1020px;
  margin-bottom: 100px;
  font-family: 'Museo Sans Cyrl 300';
  line-height: 140%;
}

.size-21{
  font-size: 21px;
}
.sustainable-experience__text b{
  font-family: 'Museo Sans Cyrl 700';
}
.sustainable-experience__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  align-items: stretch;
}
.sustainable-experience__item {
  padding: 40px 45px;
  border-radius: 24px;
  color: #fff;
}
.sustainable-experience__item:nth-child(1){
  background-color: #8BBF44;
}
.sustainable-experience__item:nth-child(2){
  background-color: #519139;
}
.sustainable-experience__item:nth-child(3){
  background-color: #00693A;
}
.sustainable-experience__item:nth-child(1) .sustainable-experience__item-num{
  color: #B8ED71;
}
.sustainable-experience__item:nth-child(2) .sustainable-experience__item-num{
  color: #8BBF44;
}
.sustainable-experience__item:nth-child(3) .sustainable-experience__item-num{
  color: #8BBF44;
}
.sustainable-experience__item-num {
  font-size: 38px;
  line-height: 120%;
  margin-bottom: 15px;
  font-family: 'Museo Sans Cyrl 900';
}
.sustainable-experience__item-title {
  font-family: 'Museo Sans Cyrl 900';
  margin-bottom: 15px;
  line-height: 120%;
  font-size: 38px;
}
.sustainable-experience__item-text {
  font-size: 18px;
  line-height: 140%;
}
@media (max-width:1920px) {
  .sustainable-experience{
    padding:calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .sustainable-experience__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    width: calc(730px + (1020 - 730) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-experience__item{
    border-radius: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))) calc(31px + (45 - 31) * ((100vw - 1366px) / (1920 - 1366))) 40px;
  }
  .sustainable-experience__item-num{
    margin-bottom:calc(10px + (15 - 10) * ((100vw - 1366px) / (1920 - 1366))) ;
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-experience__item-title{
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom:calc(15px + (20 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-experience__inner{
    gap: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-experience__title{
    width: calc(730px + (870 - 730) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .size-21{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .sustainable-experience__item-text {
    font-size: 16px;
  }
  .sustainable-experience{
    padding:calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .sustainable-experience__title{
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 768px) / (1366 - 768)));
    width: calc(708px + (730 - 708) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-experience__text{
    font-size:calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768))) ;
    width: calc(470px + (730 - 470) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
  .size-21{
    font-size:calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768))) ;
  }
}
@media (max-width:1000px) {
  .sustainable-experience__inner{
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
  .sustainable-experience__item{
    border-radius: 16px;
    padding: 30px 30px 40px;
    display: grid;
    grid-template-columns: min-content auto;
    grid-gap: 15px 10px;
  }
  .sustainable-experience__item-text{
    grid-column: span 2;
  }
  .sustainable-experience__item-num{
    margin-bottom: 0;
    font-size: 26px;
  }
  .sustainable-experience__item-title{
    margin-bottom: 0;
    font-size: 26px;
  }
  .sustainable-experience__item-text{
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .sustainable-experience{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .sustainable-experience__title{
    width: 100%;
    margin-bottom: 30px;
  }
  .size-21{
    font-size: 16px;
  }
  .sustainable-experience__text{
    width: 100%;
    font-size: 16px;
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-experience__item{
    padding: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) 40px;
  }
  .sustainable-experience__item-num{
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-experience__item-title{
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
    font-weight: 600;
    font-family: 'Museo Sans Cyrl 700';
  }
  .sustainable-experience__item-text{
    font-size:calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375))) ;
  }
}
@media (max-width:500px) {
  .sustainable-experience__item{
    display: block;
  }
  .sustainable-experience__item-num{
    margin-bottom: 5px;
  }
  .sustainable-experience__item-title{
    margin-bottom: 15px;
  }
}
/*end sustainable-experience*/

/*start sustainable-priorities*/
.sustainable-priorities {
  padding: 180px 0;
  background-color: #519139;
  color: #fff;
  overflow: hidden;
  min-height: 1080px;
}
.sustainable-priorities__inner {
  display: flex;
  align-items: center;
  grid-gap: 180px;
  position: relative;
}
.sustainable-priorities__content {
  width: 750px;
  padding-top: 150px;
  margin-left: auto;
  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
}
.sustainable-priorities__title {
  margin-bottom: 65px;
  color: #fff;
}
.sustainable-priorities__text {
  font-size: 24px;
  line-height: 155%;
}
.sustainable-priorities__box{
  position: relative;
  width: 2200px;
  height: 2200px;
  transition: 0.6s ease-in-out;
}
.sustainable-priorities__box-img-1,.sustainable-priorities__box-img-2{
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.6s;
}
.sustainable-priorities__box img{
  display: block;
  width: 100%;
  height: 100%;
}
.sustainable-priorities__images{
  position: absolute;
  top: -150px;
  left: -500px;
  transition: 0.6s ease-in-out;
}
.sustainable-priorities.active .sustainable-priorities__box{
  width: 750px;
  height: 750px;
}
.sustainable-priorities.active .sustainable-priorities__images{
  top: 0;
  left: 0;
}
/* .sustainable-priorities.active .sustainable-priorities__box-img-2{
  animation: animation-opacity-image 0.6s ease 1s 1 normal forwards;
} */
.sustainable-priorities__inner.active .sustainable-priorities__box-img-2{
  opacity: 0;
}
.sustainable-priorities__inner .sustainable-priorities__box-img-1{
  opacity: 0;
}
.sustainable-priorities__inner.active .sustainable-priorities__box-img-1{
  opacity: 1;
}
.sustainable-priorities__inner.active .sustainable-priorities__content{
  opacity: 1;
  pointer-events: initial;
}

/* @keyframes animation-opacity-text {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes animation-opacity-image {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
} */
.sustainable-priorities__content ul {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 21px;
  line-height: 34px;
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sustainable-priorities__content ul li {
  display: flex;
  gap: 20px;
  align-items: baseline;
}

.sustainable-priorities__content ul li:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
@media (max-width:1920px) {
  .sustainable-priorities{
    padding:calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
    min-height:calc(900px + (1080 - 900) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-priorities__title{
    margin-bottom: calc(40px + (65 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-priorities__text{
    font-size: calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-priorities__inner{
    grid-gap: calc(130px + (180 - 130) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-priorities__content{
    width: calc(620px + (750 - 620) * ((100vw - 1366px) / (1920 - 1366)));
    padding-top: calc(100px + (150 - 100) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-priorities.active .sustainable-priorities__box{
    width:calc(520px + (750 - 520) * ((100vw - 1366px) / (1920 - 1366))) ;
    height:calc(520px + (750 - 520) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-priorities__images {
    top: calc(-85px + (-150 - (-85)) * ((100vw - 1366px) / (1920 - 1366))) ;
    left: calc(-385px + (-500 - (-385)) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-priorities__box{
    width:calc(1700px + (2200 - 1700) * ((100vw - 1366px) / (1920 - 1366))) ;
    height:calc(1700px + (2200 - 1700) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-priorities__content {
    width: calc(620px + (750 - 620) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .sustainable-priorities__content ul li {
    font-size: calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .sustainable-priorities{
    padding:calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .sustainable-priorities__title{
    margin-bottom: 40px;
  }
  .sustainable-priorities__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
  }

  .sustainable-priorities__content{
    width: calc(400px + (620 - 400) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-priorities__content ul li {
    font-size: calc(18px + (21 - 18) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:1200px) {
  .sustainable-priorities__content{
    width: 100%;
    transition: 0.3s;
  }
  .sustainable-priorities__title br{
    display: none;
  }
  .sustainable-priorities__content{
    padding-top: 600px;
  }
  .sustainable-priorities.active .sustainable-priorities__images{
    left: calc(100px + (285 - 100) * ((100vw - 768px) / (1200 - 768)));
    /* transform: translateX(-50%); */
  }
  .sustainable-priorities.active .sustainable-priorities__box{
    width: 520px;
    height: 520px;
  }
  .sustainable-priorities__box{
    width: calc(1000px + (1300 - 1000) * ((100vw - 768px) / (1200 - 768)));
    height: calc(1000px + (1300 - 1000) * ((100vw - 768px) / (1200 - 768)));
    transition: 0.6s linear;
  }
  .sustainable-priorities__box::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 52%;
    background-color: #519139;
    z-index: 2;
    transition: 0.6s linear;
  }
  .sustainable-priorities__images{
    transition: 0.6s linear;
  }
  .sustainable-priorities.active .sustainable-priorities__box::before{
    height: 0;
  }
  .sustainable-priorities__images{
    top: calc(0px + (-100 - 0) * ((100vw - 768px) / (1200 - 768)));
    left: -300px;
  }
}

@media (max-width:768px) {
  .sustainable-priorities{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .sustainable-priorities__title{
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-priorities__text{
    font-size:  calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    max-width: 98%;
  }
  .sustainable-priorities__content ul li {
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-priorities.active .sustainable-priorities__box {
    width: calc(345px + (520 - 345) * ((100vw - 375px) / (768 - 375)));
    height: calc(350px + (520 - 350) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-priorities.active .sustainable-priorities__images {
    left: calc(0px + (100 - 0) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:700px) {
  .sustainable-priorities__content{
    width: 100%;
    margin-right: 0;
  }
  .sustainable-priorities__box{
    width: 280px;
  }
  .sustainable-priorities__inner{
    gap: 60px;
  }
}
@media (max-width:375px) {
  .sustainable-priorities__title{
    margin-bottom: 30px;
  }
  .sustainable-priorities__content {
    padding-top: 450px;
  }
}
/*end sustainable-priorities*/

/*start sustainable-direction*/
.sustainable-direction {
  padding: 180px 0;
}
.sustainable-direction__title {
  margin-bottom: 100px;
}

.sustainable-direction__items {
  border-radius: 24px;
  overflow: hidden;
}
.sustainable-direction__item {
  font-family: 'Museo Sans Cyrl 700';
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  position: relative;
  background-color: #fff;
  padding: 45px 50px;
}
.sustainable-direction__item-title {
  z-index: 2;
  font-size: 38px;
  line-height: 110%;
  font-family: 'Museo Sans Cyrl 700';
  transition: 0.4s;
}
.sustainable-direction__item-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.4s;
}
.sustainable-direction__item:hover .sustainable-direction__item-bg{
  opacity: 1;
}
.sustainable-direction__item:hover .sustainable-direction__item-title{
  color: #fff;
}
.sustainable-direction__item:last-child{
  border: none;
}
.sustainable-direction__btn {
  z-index: 2;
}
.sustainable-direction__btn img{
  width: 100%;
}
@media (max-width:1920px) {
  .sustainable-direction{
    padding:calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .sustainable-direction__item-title{
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-direction__btn{
    min-width: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
    width: calc(64px + (70 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .sustainable-direction{
    padding:calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .sustainable-direction__title{
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-direction__item-title{
    font-size:calc(24px + (30 - 24) * ((100vw - 768px) / (1366 - 768))) ;
  }
  .sustainable-direction__btn{
    min-width: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
    width: calc(50px + (64 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-direction__item{
    padding:calc(30px + (45 - 30) * ((100vw - 768px) / (1366 - 768))) calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .sustainable-direction__btn{
    min-width: 50px;
    width: 50px;
  }
  .sustainable-direction{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .sustainable-direction__title{
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-direction__item{
    padding:30px calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375))) ;
  }
  .sustainable-direction__item-title{
    font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end sustainable-direction*/

/*start sustainable-contacts*/
.sustainable-contacts__form{
  position: relative;
  z-index: 2;
}
.sustainable-contacts__form .sustainable-contacts__title {
  max-width: 870px;
}
@media (max-width: 1366px) {
  .sustainable-contacts__form .sustainable-contacts__title {
    max-width: 746px;
  }
}
.sustainable-contacts {
  background: #519139;
  padding: 180px 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}




.sustainable-contacts__block{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.sustainable-contacts__block-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8BBF44;
  transition: clip-path .6s linear;
  clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 100%);
  z-index: 0;
}
.sustainable-contacts__block-line {
  position: absolute;
  /* left: 0; */
  width: 920px;
  top: 0;
  right: 0;
  /* width: calc( 100vh * (1109 / 1080)); */
  bottom: 0;
  background: #519139;
  /* -webkit-mask-image: url(/img/contacts-mask.svg); */
  -webkit-mask-image: url(/local/templates/zemlitsa/img/contacts-mask.svg);
  
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  z-index: 1;
}
.sustainable-contacts__block-after {
  /* content: ''; */
  position: absolute;
  left: 0;
  right:910px;
  top: 0;
  bottom: 0;
  background: #519139;
  pointer-events: none;
  z-index: 1;
}

.sustainable-contacts__block-bg.active {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
.sustainable-contacts__block-before{
  display: none;
}





.sustainable-contacts__image{
  position: absolute;
  top: -240px;
  right: -335px;
  width: 1335px;
  height: 1335px;
  /* transform: rotate(-90deg) translate(100%, 150%); */
  pointer-events: none;
  transition: 1s ease-in-out;
  transform: rotate(-7deg);
}
.sustainable-contacts.animation .sustainable-contacts__image{
  transform: rotate(-90deg) translate(100%, 150%);
}
.sustainable-contacts.animation .sustainable-contacts__image.active{
  transform: rotate(-7deg);
}

.sustainable-contacts__image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sustainable-contacts__title {
  color: #fff;
  margin-bottom: 30px;
  transition: 0.3s;
  /* opacity: 0; */
  opacity: 1;
}
.sustainable-contacts.animation .sustainable-contacts__title{
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__title.active{
  opacity: 1;
}
.sustainable-contacts__text {
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 60px;
  transition: 0.3s;
  /* opacity: 0; */
  opacity: 1;
}
.sustainable-contacts.animation .sustainable-contacts__text{
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__text.active{
  opacity: 1;
}


.sustainable-contacts__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px 30px;
  margin-bottom: 20px;
  transition: 0.3s;
  /* opacity: 0; */
  opacity: 1;
}
/* 
.sustainable-contacts.animation .sustainable-contacts__items{
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__items.active{
  opacity: 1;
} */

.sustainable-contacts__item {
  grid-column: span 1;
  grid-row: span 1;
  position: relative;
  transition: 0.3s;
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__item.active{
  opacity: 1;
}
.sustainable-contacts__item.valid::before{
  display: none;
}
.sustainable-contacts__item.error .sustainable-contacts__input{
  border-color: #E52A1E;
}
/* .sustainable-contacts__item.error.valid .sustainable-contacts__input{
  border-color: #00693A;
}
.sustainable-contacts__item.error.valid::after{
  display: none;
} */
.sustainable-contacts__item.error{
  position: relative;
}
.sustainable-contacts__item.error::after{
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuNDk5NyIgY3k9IjEzLjAwMDIiIHI9IjEwLjQxNjciIHN0cm9rZT0iI0U1MkExRSIgc3Ryb2tlLXdpZHRoPSIyLjQiLz4KPHBhdGggZD0iTTEyLjQ5MSAxNi4xMjVIMTIuNTAwNCIgc3Ryb2tlPSIjRTUyQTFFIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi41IDEzTDEyLjUgOC44MzMzMyIgc3Ryb2tlPSIjRTUyQTFFIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.sustainable-contacts__item::before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  top: 27px;
  left: 0;
  z-index: 2;
  border-radius: 50%;
  background-color: #8BBF44;
}
.sustainable-contacts__item:nth-child(5){
  grid-column: span 2;
  grid-row: span 2;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}
.sustainable-contacts__item.name::before{
  left: 215px;
}
.sustainable-contacts__item.tel::before{
  left: 175px;
}
.sustainable-contacts__item.mail::before{
  left: 85px;
}
.sustainable-contacts__item.company::before{
  left: 115px;
  display: none;
}
.sustainable-contacts__item.textarea::before{
  display: none;
}
.sustainable-contacts__input,.sustainable-contacts__textarea {
  border-radius: 16px;
  background: #FFF;
  width: 100%;
  padding: 25px;
  border: none;
  outline: none;
  display: block;
  color: #2D2D2E;
  font-family: 'Museo Sans Cyrl 300';
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  resize: none;
  position: relative;
  border: 1px solid transparent;
  transition: 0.3s;
  caret-color: #8BBF44;
}
.sustainable-contacts__input:focus,.sustainable-contacts__textarea:focus{
  border: 1px solid #00693A;
}
.sustainable-contacts__input::before{
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  content: '';
  background-color: red;
}

.sustainable-contacts__input::placeholder,.sustainable-contacts__textarea::placeholder{
  color: #A0A0A0;
  font-size: 18px;
  line-height: 140%;
  font-family: 'Museo Sans Cyrl 300';
}
.sustainable-contacts__textarea {
  height: 100%;
}
.sustainable-contacts__bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  font-size: 16px;
  line-height: 125%;
  margin-bottom: 60px;
  transition: 0.3s;
  /* opacity: 0; */
  opacity: 1;
}
.sustainable-contacts.animation .sustainable-contacts__bottom{
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__bottom.active{
  opacity: 1;
}
.sustainable-contacts__bottom-info {
  grid-column-start: 3;
  grid-column-end: 5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.add-file-label {
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .add-file-label svg {
    width: calc(35px + (50 - 35) * ((100vw - 375px) / (1920 - 375)));
    height: calc(35px + (50 - 35) * ((100vw - 375px) / (1920 - 375)));
  }
}
#addFile {
  display: none;
}
.sustainable-contacts__polit {
  color: #E8E8E8;
  grid-column: span 2;
  opacity: 0;
  transition: 0.3s;
}
.sustainable-contacts.animation .sustainable-contacts__polit.active{
  opacity: 1;
}
.sustainable-contacts__pola {
  color: #fff;
  grid-column: span 2;
  position: relative;
  padding-left: 9px;
  opacity: 0;
  transition: 0.3s;
}
.sustainable-contacts.animation .sustainable-contacts__pola.active{
  opacity: 1;
}
.sustainable-contacts__pola::before{
  content: '';
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 5px;
  height: 5px;
  left: 0;
  bottom: 3px;
}
.sustainable-contacts__btn{
  transition: 0.3s;
  /* opacity: 0; */
  opacity: 1;
}
.sustainable-contacts.animation .sustainable-contacts__btn{
  opacity: 0;
}
.sustainable-contacts.animation .sustainable-contacts__btn.active{
  opacity: 1;
}

.contacts__button{
  position: relative;
}
.sustainable-contacts__button {
  position: relative;
  padding: 9px 9px 9px 42px;
  border-radius: 64px;
  background-color: #fff;
  display: inline-flex;
  grid-gap: 18px;
  align-items: center;
  border: none;
  outline: none;
  font-size: 18px;
  line-height: 140%;
  color: #2D2D2E;
  font-family: 'Museo Sans Cyrl 700';
  transition: 0.3s;
  cursor: pointer;
}
.sustainable-contacts__button input{
  cursor: pointer;
}
.sustainable-contacts__button .btn-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.sustainable-contacts__button-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-radius: 40px;
  background:#8BBF44;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.sustainable-contacts__button-icon svg path{
  transition: 0.3s;
}
.sustainable-contacts__button:hover{
  color: #fff;
  background: #8BBF44;
}
.sustainable-contacts__button:hover .sustainable-contacts__button-icon {
  background-color: #fff;
  transform: rotate(45deg);
}
.sustainable-contacts__button:hover .sustainable-contacts__button-icon svg path{
  stroke: #8BBF44;
}

.sustainable-contacts__popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.sustainable-contacts__popup::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.2;
}
.sustainable-contacts__popup__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sustainable-contacts__popup-box {
  width: 560px;
  border-radius: 24px;
  background-color: #f9f9f9;
  overflow: hidden;
  text-align: center;
  color: #2D2D2E;
  padding-top: 60px;
}
.sustainable-contacts__popup-content{
  padding: 0 40px 60px;
}
.sustainable-contacts__popup-animate {
  position: relative;
}
.animate-letters{
  display: flex;
  justify-content: center;
}
.animate-line{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 1s;
}
.animate-line::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  transition: 1.5s;
  bottom: 0;
  background-color: #f9f9f9;
}
.animate-line.active::before{
  width: 0%;
}
.animate-logo{
  opacity: 0;
  transition: 0.3s;
}
.animate-line svg{
  width: 100%;
}
.animate-letters svg{
  display: block;
}
.animate-letters-box{
  position: relative;
}
/* .animate-line svg path{
  stroke-dasharray: 300;
     stroke-dashoffset: 300;
    transition: all 1s ease;
}
.animate-line.active svg path{
  stroke-dashoffset: 0;
} */

/* .animate-line.active{
  transform: translateX(0);
} */
.animate-letter-1{
  transition: 0.3s;
}
.animate-letter-1.active .animate-logo{
  opacity: 1;
}
.animate-letter-2.active{
  opacity: 1;
}
.animate-letter-1.close{
  opacity: 0;
}
.animate-letter-2{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.sustainable-contacts__popup-title {
  margin-top: 60px;
  font-size: 38px;
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: 'Museo Sans Cyrl 900';
}
.sustainable-contacts__popup-text {
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 40px;
}
.sustainable-contacts__popup-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 140%;
  font-family: 'Museo Sans Cyrl 700';
}
.sustainable-contacts__popup-close {
  padding: 9px 9px 9px 42px;
  display: flex;
  align-items: center;
  grid-gap: 18px;
  border-radius: 64px;
  background-color: #fff;
  transition: 0.3s;
  cursor: pointer;
}
.sustainable-contacts__popup-close:hover{
  background-color: #8BBF44;
  color: #fff;
}
.sustainable-contacts__popup-close:hover .sustainable-contacts__popup-close-circle{
  background-color: #fff;
}
.sustainable-contacts__popup-close-circle{
  display: flex;
  transition: 0.3s;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8BBF44;
}
.sustainable-contacts__popup-close-circle svg path{
  transition: 0.3s;
}
.sustainable-contacts__popup-close:hover .sustainable-contacts__popup-close-circle svg path{
  stroke: #8BBF44;
}

@media (max-width:1920px) {
  .sustainable-contacts__block-after{
    right: calc(690px + (890 - 690) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__block-line{
    width: calc(700px + (900 - 700) * ((100vw - 1366px) / (1920 - 1366)));
    
  }
  .sustainable-contacts{
    padding:calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .sustainable-contacts__title{
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom:calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-contacts__items{
    grid-gap: calc(10px + (20 - 10) * ((100vw - 1366px) / (1920 - 1366))) calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__input, .sustainable-contacts__textarea{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366))) 25px;
  }
  .sustainable-contacts__input::placeholder, .sustainable-contacts__textarea::placeholder{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__bottom{
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom:calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-contacts__item::before{
    top: calc(23px + (27 - 23) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__item.name::before {
    left: calc(195px + (215 - 195) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__item.tel::before{
    left: calc(159px + (175 - 159) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__item.mail::before {
    left: calc(75px + (85 - 75) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__item.company::before{
    left: calc(105px + (115 - 105) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__button{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    padding-left: calc(36px + (42 - 36) * ((100vw - 1366px) / (1920 - 1366)));
    grid-gap: calc(15px + (18 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__button-icon{
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__button-icon svg{
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-box{
    width: calc(475px + (560 - 475) * ((100vw - 1366px) / (1920 - 1366)));
    padding-top: calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-content{
    padding-bottom:calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sustainable-contacts__popup-title{
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    margin-top: calc(40px + (60 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-text{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-btn{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-close{
    padding-left: calc(36px + (42 - 36) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-close-circle{
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sustainable-contacts__popup-close-circle svg{
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .sustainable-contacts__block-after{
    right: calc(540px + (690 - 540) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__block-line{
    width: calc(550px + (700 - 550) * ((100vw - 768px) / (1366 - 768)));
    
  }
  .sustainable-contacts{
    padding:calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .sustainable-contacts__title{
    margin-bottom: 20px;
  }
  .sustainable-contacts__text{
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__bottom{
    font-size: 14px;
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768))) ;
  }
  .sustainable-contacts__button-icon{
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__button-icon svg{
    width: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
    height: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));

  }
  .sustainable-contacts__button{
    grid-gap: calc(10px + (15 - 10) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    padding-left: calc(25px + (36 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__image{
    width: 1050px;
    height: 1050px;
    top: -150px;
  }
  .sustainable-contacts__popup-box{
    width: 475px;
    padding-top: 40px;
  }
  .sustainable-contacts__popup-content{
    padding-bottom: 40px;
  }
  .sustainable-contacts__popup-title{
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
    margin-top: 40px;
  }
  .sustainable-contacts__popup-text{
    margin-bottom: 30px;
    font-size: 16px;
  }
  .sustainable-contacts__popup-btn{
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768))) ;
  }
  .sustainable-contacts__popup-close{
    grid-gap: calc(10px + (18 - 10) * ((100vw - 768px) / (1366 - 768)));
    padding-left: calc(25px + (36 - 25) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__popup-close-circle{
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
  .sustainable-contacts__popup-close-circle svg{
    width:calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768))) ;
    height:calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768))) ;
  }
  .animate-letters-box svg{
    width: 100px;
    height: 100px;
  }
  .animate-line svg{
    height: 74px;
  }
}
@media (max-width:1200px) {
  .sustainable-contacts__items{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 10px 20px;
    margin-bottom: 10px;
  }
  .sustainable-contacts__input, .sustainable-contacts__textarea{
    border-radius: 8px;
  }
  .sustainable-contacts__item:nth-child(5){
    grid-row-start: auto;
    grid-row-end: auto;
    grid-column-start: 1;
    grid-column-end: 3;
    min-height: 120px;
  }
  .sustainable-contacts__input, .sustainable-contacts__textarea{
    font-size: 16px;
    line-height: 120%;
    padding: 15px 25px;
  }
  .sustainable-contacts__input::placeholder, .sustainable-contacts__textarea::placeholder{
    font-size: 16px;
    line-height: 120%;
  }
  .sustainable-contacts__item.name::before{
    left: 195px;
  }
  .sustainable-contacts__item::before{
    top: 17px;
  }
  .sustainable-contacts__item.tel::before{
    left: 159px;
  }
  .sustainable-contacts__item.mail::before{
    left: 78px;
  }
  .sustainable-contacts__item.company::before{
    left: 105px;
  }
  .sustainable-contacts__bottom{
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 15px;
  }
}
@media (max-width:768px) {
  .sustainable-contacts{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .sustainable-contacts__text{
    font-size: 16px;
    margin-bottom: 40px;
  }
  .sustainable-contacts__bottom{
    margin-bottom: 40px;
  }
  .sustainable-contacts__button-icon{
    width: 35px;
    height: 35px;
  }
  .sustainable-contacts__button{
    font-size: 14px;
    grid-gap: 10px;
    padding-left: 25px;
  }
  .sustainable-contacts__button-icon svg{
    width: 15px;
    height: 15px;
  }
  .sustainable-contacts__image{
    right: -440px;
  }
  .sustainable-contacts__popup-box{
    width: calc(335px + (475 - 335) * ((100vw - 375px) / (768 - 375)));
    padding-top: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) ;
  }
  .sustainable-contacts__popup-content{
    padding-left: calc(20px + (40 - 20) * ((100vw - 375px) / (768 - 375)));
    padding-right: calc(20px + (40 - 20) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-contacts__popup-title{
    font-size: calc(21px + (26 - 21) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-contacts__popup-text{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-contacts__popup-btn{
    font-size: 14px;
  }
  .sustainable-contacts__popup-close{
    grid-gap: 10px;
    padding-left: 25px;
  }
  .sustainable-contacts__popup-title{
    margin-top: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .sustainable-contacts__popup-close-circle{
    width: 35px;
    height: 35px;
  }
  .sustainable-contacts__popup-close-circle svg{
    width: 15px;
    height: 15px;
  }

}
@media (max-width:700px) {
  .sustainable-contacts__items{
    display: flex;
    flex-direction: column;
  }
  .sustainable-contacts__textarea{
    min-height: 120px;
  }
  .sustainable-contacts__item:nth-child(5){
    min-height: auto;
  }

 
  .sustainable-contacts__block-line{
    width:340px;
    bottom: auto;
    height: 500px;
  }
  .sustainable-contacts__block-after{
    right: 330px;
  }
  .sustainable-contacts__block-before{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 500px);
    background-color: #519139;
  }
}
@media (max-width:500px) {
  .sustainable-contacts__image {
    width: 700px;
    height: 700px;
    right: -340px;
  }
  .animate-letters-box svg{
    width: 80px;
    height: 80px;
  }
  .animate-line svg{
    height: 52px;
  }
}
@media (max-width:375px) {
  .sustainable-contacts__popup-box{
    width: calc(280px + (335 - 280) * ((100vw - 320px) / (375 - 320)));
  }

}
/*end sustainable-contacts*/

/*start policy-home*/
.policy-home .sustainable-home__text{
  width: 788px;
}
@media (max-width:1920px) {
  .policy-home .sustainable-home__text{
    width:calc(730px + (788 - 730) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .buyer.policy-home .sustainable-home__text {
    width: calc(733px + (788 - 733) * ((100vw - 1366px) / (1920 - 1366)));
  }

}
@media (max-width:1366px) {
  .policy-home .sustainable-home__text{
    width:calc(425px + (730 - 425) * ((100vw - 768px) / (1366 - 768)));
  }
  .buyer.policy-home .sustainable-home__text {
    width: calc(425px + (733 - 425) * ((100vw - 768px) / (1366 - 768)));
  }
    .trading.policy-home .sustainable-home__text {
    width: calc(544px + (763 - 544) * ((100vw - 768px) / (1366 - 768)));
    font-size: 18px;
  }

}
@media (max-width:768px) {
  .policy-home .sustainable-home__text{
    width:calc(345px + (547 - 345) * ((100vw - 375px) / (768 - 375)));
  }
  .provider .policy-home .sustainable-home__text {
    width: calc(345px + (601 - 345) * ((100vw - 375px) / (768 - 375)));
  }
  .buyer.policy-home .sustainable-home__text{
    width: calc(303px + (547 - 303) * ((100vw - 375px) / (768 - 375)));
  }
  .trading.policy-home .sustainable-home__text{
    width: calc(303px + (544 - 303) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .policy-home .sustainable-home__text{
    width: 100%;
  }
  .development .sustainable-home__text {
    width: 93%;
  }
}
/*end policy-home*/

/*start about-home*/
.black-filter::after{
  display: none;
}
.about-home .sustainable-home__title{
  margin-bottom: 60px;
}
.about-home .sustainable-home__text{
  max-width: 730px;
  font-size: 26px;
}
@media (max-width:1920px) {
  .about-home .sustainable-home__title{
    margin-bottom:calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-home .sustainable-home__text{
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .about-home .sustainable-home__title{
    margin-bottom:calc(30px + (50 - 30) * ((100vw - 768px) / (1366 - 768)));
  }
  .about-home .sustainable-home__text{
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .about-home .sustainable-home__title{
    margin-bottom:calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(38px + (50 - 38) * ((100vw - 375px) / (768 - 375)));
  }
  .about-home .sustainable-home__text{
    font-size: 21px;
  }
}
@media (max-width:500px) {
  .about-home .sustainable-home__text br{
    display: none;
  }
}
/*end about-home*/

/*start about-anim-block*/
.about-anim-block .policy-tasks__content{
  max-width: 720px;
  margin-right: 150px;
  padding-top: 175px;
}
.about-anim-block .policy-tasks__title{
  margin-bottom: 50px;
}
.about-anim-block .policy-tasks__text b{
  font-family: 'Museo Sans Cyrl 700';
}
.about-anim-block .policy-tasks__content .policy-tasks__text{
  margin-bottom: 0;
}
@media (max-width:1920px) {
  .about-anim-block .policy-tasks__content{
    margin-right: calc(0px + (150 - 0) * ((100vw - 1366px) / (1920 - 1366)));
    max-width: calc(620px + (720 - 620) * ((100vw - 1366px) / (1920 - 1366)));
    padding-top: calc(120px + (175 - 120) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .about-anim-block .policy-tasks__title{
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .about-anim-block .policy-tasks__content{
    margin-right: 0;
  }
}
@media (max-width:1200px) {
  .about-anim-block .policy-tasks__content{
    max-width: 100%;
    font-size: 16px;
  }
  .about-anim-block .policy-tasks__content .policy-tasks__text{
    font-size: 16px;
  }
  .about-anim-block .policy-tasks__content{
    padding-top: 540px;
  }
  .about-anim-block .policy-tasks__title{
    margin-bottom: 25px;
  }
}
@media (max-width:768px) {
  .about-anim-block .policy-tasks__content{
    padding-top: calc(405px + (540 - 405) * ((100vw - 375px) / (768 - 375)));
  }

}
/*end about-anim-block*/

/*start policy-documents*/
.policy-documents {
  padding-top: 180px;
}
.policy-documents__inner{
  display: flex;
  align-items: center;
  grid-gap: 120px;
  justify-content: space-between;
}
.policy-documents__text {
  font-size: 26px;
  line-height: 130%;
  width: 870px;
  font-family: 'Museo Sans Cyrillic';
}
.policy-documents__box {
  width: 780px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 40px 30px;
  border-radius: 16px;
  background-color: #fff;
  justify-content: space-between;
  cursor: pointer;
}
.policy-documents__box:hover .policy-documents__btn{
  opacity: 1;
}
.policy-documents__link-title {
  font-size: 21px;
  line-height: 140%;
  margin-bottom: 10px;
  font-family: 'Museo Sans Cyrl 700';
}
.policy-documents__link-item {
  color: #A0A0A0;
  font-family: 'Museo Sans Cyrl 700';
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  display: flex;
  align-items: center;
  gap: 30px;
}
.policy-documents__link-size {
  position: relative;
  text-transform: uppercase;
}
.policy-documents__link-size::before{
  content: '';
  position: absolute;
  right: -15px;
  height: 14px;
  width: 1px;
  top: 2px;
  background-color: #A0A0A0;
}
.policy-documents__btn {
  opacity: 0;
  transition: 0.3s;
}
.policy-documents__btn svg{
  display: block;
}
@media (max-width:1920px) {
  .policy-documents{
    padding-top: calc(120px + (180 - 120) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .policy-documents__text{
    width: calc(580px + (870 - 580) * ((100vw - 1366px) / (1920 - 1366)));
    font-size:calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .policy-documents__inner{
    grid-gap: calc(60px + (120 - 60) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .policy-documents__box{
    width: calc(620px + (780 - 620) * ((100vw - 1366px) / (1920 - 1366)));
    padding: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))) 30px;
  }
  .policy-documents__btn svg{
    width: calc(55px + (68 - 55) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(55px + (68 - 55) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .policy-documents{
    padding-top: calc(80px + (120 - 80) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:1200px) {
  .policy-documents__inner{
    grid-gap: 60px;
    flex-direction: column;
  }
  .policy-documents__text{
    width: 100%;
    font-size: 26px;
    font-family: 'Museo Sans Cyrl 700';
  }
  .policy-documents__box{
    width: 100%;
  }
  .policy-documents__box{
    padding: 30px;
  }
  .policy-documents__link-title{
    font-size: 18px;
  }
  .policy-documents__link-item{
    font-size: 14px;
  }
  .policy-documents__btn svg{
    width: 50px;
    height: 50px;
  }
}
@media (max-width:768px) {
  .policy-documents{
    padding-top: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-documents__text{
    font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-documents__inner{
    grid-gap: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-documents__box{
    padding: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375))) calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-documents__link-title{
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-documents__link-item{
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end policy-documents*/

/*start policy-principles*/
.policy-principles {
  padding: 180px 0;
}
.policy-principles__title {
  max-width: 1290px;
  margin-bottom: 100px;
}
.policy-principles__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px 30px;
}
.policy-principles__item {
  font-size: 24px;
  line-height: 125%;
  padding-left: 50px;
  position: relative;
}
.policy-principles__item::before{
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 22px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjYzNDkgMC4wMjU1MzA3QzE4LjYzNDkgMC4wMjU1MzA3IDIwLjU3MjIgMTAuNTUwNCAxNS41MjE2IDE2LjYxODlDMTAuNDc4OSAyMi42NzQ5IDAuMzYxOTc4IDIxLjk3NTQgMC4zNjE5NzggMjEuOTc1NEMwLjM2MTk3OCAyMS45NzU0IC0xLjU2NTUzIDExLjQ0IDMuNDc1MiA1LjM4NDA0QzguNTI1NzkgLTAuNjg0NDgxIDE4LjYzNDkgMC4wMjU1MzA3IDE4LjYzNDkgMC4wMjU1MzA3WiIgZmlsbD0iI0YzQjYyNCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.policy-principles__item span{
  font-family: 'Museo Sans Cyrl 700';
}
@media (max-width:1920px) {
  .policy-principles{
    padding: calc(120px + (180 - 120) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .policy-principles__title{
    margin-bottom: calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
    max-width: calc(940px + (1290 - 940) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .policy-principles__item{
    font-size:calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .policy-principles__items{
    grid-gap: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366))) 14px;
  }
}
@media (max-width:1366px) {
  .policy-principles{
    padding: calc(80px + (120 - 80) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .policy-principles__title{
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 768px) / (1366 - 768)));
  }
  .policy-principles__item {
    padding-left: 44px;
  }
}
@media (max-width:1200px) {
  .policy-principles__items{
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }
  .policy-principles__title{
    max-width: 100%;
  }
  .policy-principles__item{
    font-size: 18px;
    padding-left: 40px;
  }
  .policy-principles__item:nth-child(3) {
    grid-row: 2;
  }
  .policy-principles__item::before{
    top: 0px;
  }
}
@media (max-width:768px) {
  .policy-principles{
    padding: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .policy-principles__title{
    margin-bottom:calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375))) ;
  }
  .policy-principles__item{
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
    padding-left: calc(35px + (40 - 35) * ((100vw - 375px) / (768 - 375)));
    max-width: 99%;
  }
  .policy-principles__items{
    grid-gap:calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) ;
  }
  .policy-principles__item::before{
    width: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-principles__title br{
    display: none;
  }
}
/*end policy-principles*/

/*start system-management*/
.system-management{

}
.system-management__inner {
  display: flex;
  justify-content: space-between;
  grid-gap: 100px;
}
.system-management__nav {
  counter-reset: counter;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 180px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.system-management__nav-link {
  position: relative;
  padding: 7px 0;
  white-space: nowrap;
}
.system-management__nav-link.active::before{
  background-color: #8BBF44;
  color: #fff;
}
.system-management__nav-link.active .system-management__nav-btn{
  color: #2D2D2E;
}
.system-management__nav-link:hover::before{
  background-color: #8BBF44;
  color: #fff;
}
.system-management__nav-link:hover .system-management__nav-btn{
  color: #2D2D2E;
}
.system-management__nav-link + .system-management__nav-link{
  margin-top: 20px;
}
.system-management__nav-link::before{
  content: '0' counter(counter);
  counter-increment: counter;
  position: absolute;
  top: 0px;
  left: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #E8E8E8;
  color: #A0A0A0;
  font-size: 18px;
  line-height: 140%;
  z-index: 1;
  transition: 0.3s;
}
.system-management__nav-link:nth-child(n+10)::before{
  content: counter(counter);
}
.system-management__nav-btn {
  color: #A0A0A0;
  font-size: 21px;
  line-height: 140%;
  font-family: 'Museo Sans Cyrl 700';
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  z-index: 2;
  position: relative;
  transition: 0.3s;
}
.system-management__items {
  margin-left: auto;
}
.system-management__item {
  width: 870px;
  padding: 180px 0;
}
.system-management__item-title {
  margin-bottom: 70px;
}
.system-management__text {
  font-size: 21px;
  line-height: 140%;
}
.system-management__subtitle {
  font-size: 24px;
  font-family: 'Museo Sans Cyrl 700';
  line-height: 140%;
  margin-bottom: 60px;
  margin-top: 100px;
}
.system-management__item-box .policy-principles__item + .policy-principles__item{
  margin-top: 60px;
}
.system-management__navbar_mobile{
  display: none;
}
@media (max-width:1920px) {
  .system-management__nav{
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .system-management__item{
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
    width:calc(620px + (870 - 620) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .system-management__item-title{
    margin-bottom: calc(50px + (70 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .system-management__text{
    font-size:calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .system-management__nav-btn {
    font-size:calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .system-management__nav-link::before{
    font-size:calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .system-management__subtitle{
    font-size:calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366))) ;
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    margin-top: calc(80px + (100 - 80) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .system-management__item-box .policy-principles__item + .policy-principles__item{
    margin-top: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .system-management__inner{
    grid-gap: calc(50px + (100 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1200px) {
  .system-management__navbar.desktop{
    display: none;
  }
  .system-management__navbar_mobile{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    padding: 40px calc(30px + (45 - 30) * ((100vw - 768px) / (1200 - 768)));
    overflow: hidden;
  }
  .system-management{
    position: relative;
  }
  .system-management__nav{
    padding: 0;
    flex-direction: row;
  }
  .system-management__nav-link{
    width: auto;

  }
  .system-management__nav-link + .system-management__nav-link{
    margin-top: 0;
  }
  .system-management__nav-btn{
    font-size: 16px;
    padding-left: 55px;
  }
  .system-management__nav-link::before{
    font-size: 14px;
  }
  .system-management__item{
    width: 100%;
    padding: 120px 0;
  }
  .system-management__item-title{
    margin-bottom: 40px;
  }
  .system-management__text{
    font-size: 16px;
  }
  .system-management__subtitle{
    margin-top: 60px;
    font-size: 18px;
    margin-bottom: 40px;
  }
  .system-management__item-box .policy-principles__item + .policy-principles__item{
    margin-top: 40px;
  }
  .system-management__block:first-child .system-management__item{
    padding-top: 240px;
  }
  .system-management__navbar_mobile.fixed{
    position: fixed;
  }
}
@media (max-width:768px) {
  .system-management__item{
    padding:120px 0 calc(40px + (120 - 40) * ((100vw - 375px) / (768 - 375)));
  }
  .system-management__subtitle{
    margin-top: calc(40px + (60 - 40) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
  .system-management__nav-link::before{
    width: calc(35px + (40 - 35) * ((100vw - 375px) / (768 - 375)));
    height: calc(35px + (40 - 35) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
  }
  .system-management__nav-btn{
    padding-left:calc(45px + (55 - 45) * ((100vw - 375px) / (768 - 375))) ;
  }
  .system-management__navbar_mobile{
    padding:calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .system-management__block:first-child .system-management__item{
    padding-top: calc(175px + (240 - 175) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .system-management__nav-link::before{
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
  .system-management__nav-btn{
    padding-left: 45px;
  }
  .system-management__navbar_mobile{
    padding: 30px 15px;
  }
}
/*end system-management*/
/*start bank-policy*/
.bank-policy{

}
.bank-policy__title{
  font-family: 'Museo Sans Cyrl 700';
  font-size: 26px;
  margin-bottom: 20px;
  line-height: 130%;
}
.bank-policy__text{
  font-size: 21px;
  line-height: 140%;
}
@media (max-width:1920px) {
  .bank-policy__title{
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .bank-policy__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1200px) {
  .bank-policy__title{
    font-size: 21px;
  }
  .bank-policy__text{
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .bank-policy__title{
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .bank-policy__text{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end bank-policy*/
/*start vklad-experience*/
.vklad-experience{
  background-color: #fff;
}
.vklad-experience .sustainable-experience__title{
  width: 1320px;
}
.vklad-experience .sustainable-experience__text{
  width: 1020px;
}
@media (max-width:1920px) {
  .vklad-experience .sustainable-experience__title{
    width: calc(840px + (1320 - 840) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .vklad-experience .sustainable-experience__text{
    width: calc(840px + (1020 - 840) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .vklad-experience .sustainable-experience__title{
    width: calc(470px + (840 - 470) * ((100vw - 768px) / (1366 - 768)));
  }
  .vklad-experience .sustainable-experience__text{
    width: calc(470px + (840 - 470) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:600px) {
  .vklad-experience .sustainable-experience__title{
    width: 100%;
  }
  .vklad-experience .sustainable-experience__text{
    width: 100%;
  }
}
/*end vklad-experience*/
/*start land-band-home*/
.land-band-home .sustainable-home__text{
  width: 870px;
}
.land-band-home  .sustainable-home__anim span::before{
  width: 227px;
}
.land-band-home::after{
  background: linear-gradient(0deg, rgba(11, 63, 3, 0.04) 0%, rgba(11, 63, 3, 0.04) 100%);
}
@media (max-width:1920px) {
  .land-band-home .sustainable-home__text{
    width: calc(715px + (870 - 715) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .land-band-home  .sustainable-home__anim span::before {
    width: calc(160px + (227 - 160) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .land-band-home .sustainable-home__text{
    width: calc(540px + (715 - 540) * ((100vw - 768px) / (1366 - 768)));
  }
  .land-band-home  .sustainable-home__anim span::before {
    width: calc(120px + (160 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width:768px) {
  .land-band-home .sustainable-home__text{
    width: calc(345px + (540 - 345) * ((100vw - 375px) / (768 - 375)));
  }
  .land-band-home  .sustainable-home__anim span::before {
    width: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .land-band-home .sustainable-home__text{
    width: 100%;
  }
}
/*end land-band-home*/

/*start question-development*/
.question-development {
  padding: 180px 0;
}
.question-development__inner {
  display: flex;
  grid-gap: 50px;
}
.question-development__item {
  width: 810px;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  padding: 25px 30px;
  cursor: pointer;
  transition: 0.3s;
}
.question-development__item + .question-development__item{
  margin-top: 30px;
}
.question-development__item.active{
  padding-bottom: 40px;
}
.question-development__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 30px;
}
.question-development__item-title {
  font-size: 24px;
  font-family: 'Museo Sans Cyrl 700';
  line-height: 130%;
}
.question-development__item-arrow {
  min-width: 24px;
}
.question-development__item-arrow svg{
  transform: rotate(180deg);
  transition: 0.3s;
}
.question-development__item-arrow svg path{
  stroke: #A0A0A0;
  transition: 0.3s;
}
.question-development__item-text {
  padding-top: 25px;
  color: #595959;
  font-size: 18px;
  line-height: 140%;
  display: none;
}
.question-development__item.active .question-development__item-arrow svg{
  transform: rotate(0deg);
}
.question-development__item.active .question-development__item-arrow svg path{
  stroke: #8BBF44;
}
@media (max-width:1920px) {
  .question-development{
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .question-development__item{
    width:calc(710px + (830 - 710) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .question-development__item + .question-development__item{
    margin-top: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .question-development__item-title {
    font-size: calc(21px + (24 - 21) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .question-development__item-text{
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width:1366px) {
  .question-development{
    padding: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
}
@media (max-width:1200px) {
  .question-development__inner{
    flex-direction: column;
    grid-gap: 30px;
  }
  .question-development__item{
    width: 100%;
    border-radius: 16px;
  }
  .question-development__item + .question-development__item{
    margin-top: 20px;
  }
  .question-development__item-title{
    font-size: 18px;
  }
  .question-development__item-text{
    font-size: 16px;
  }
}
@media (max-width:768px) {
  .question-development{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .question-development__item{
    padding: calc(15px + (25 - 15) * ((100vw - 375px) / (768 - 375))) calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .question-development__item-text{
    padding-top: calc(15px + (25 - 15) * ((100vw - 375px) / (768 - 375)));
    font-size:calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375))) ;
  }
  .question-development__item-title{
    font-size:calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375))) ;
  }
  .question-development__item + .question-development__item{
    margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width:375px) {
  .question-development__item-text{
    padding-top: 15px;
  }
  .question-development__item{
    padding: 15px 15px;
  }
}
/*end question-development*/

/*start policy-tasks*/
.policy-tasks {
  background-color: #519139;
  padding: 180px 0;
  color: #fff;
  height: 1080px;
  overflow: hidden;
  position: relative;
}

.policy-tasks__inner {
  position: relative;
  z-index: 2;
}

.policy-tasks__anim {
 
}



.policy-tasks.active .policy-tasks__anim {
  
}

.policy-tasks__image {
  position: absolute;
  top: 0;
  width: 250px;
  height: 250px;
  left: 0;
  /* transform:  translate(600px, 500px); */
  transition: 0.5s ease-in-out;
  opacity: 0;

  width: 720px;
  height: 720px;
  transform: scale(0.4);
}

.policy-tasks__inner.active .policy-tasks__image {
  opacity: 1;
  transform: translate(0);
  transform: scale(1);
  /* width: 720px; */
  /* height: 720px; */
}

.policy-tasks__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.policy-tasks__content {
  font-size: 21px;
  line-height: 140%;
  width: 870px;
  padding-top: 150px;
  z-index: 2;
  position: relative;
  margin-left: auto;
  transition: 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.policy-tasks__inner.active .policy-tasks__content {
  opacity: 1;
  pointer-events: initial;
}

.policy-tasks__title {
  margin-bottom: 40px;
  color: #fff;
}

.policy-tasks__text {
  margin-bottom: 35px;
}

.policy-tasks__link {
  padding-left: 26px;
  max-width: 750px;
  position: relative;
  font-family: 'Museo Sans Cyrl 300';
}

.policy-tasks__link::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  left: 0;
  top: 12px;
}
.policy-tasks__link+.policy-tasks__link {
  margin-top: 20px;
}
.policy-tasks__anim{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow:hidden ;
}
.policy-tasks__anim-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8BBF44;
  transition: .6s linear;
  clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 100%);
  z-index: 0;
}
.policy-tasks__anim-line {
  position: absolute;
  left: 0;
  top: 0;
  width: calc( 100vh * (1109 / 1080));
  bottom: 0;
  background: #519139;
  -webkit-mask-image: url(/local/templates/zemlitsa/css/../img/green-block__line.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  z-index: 1;
}
.policy-tasks__anim-line-after{
  position: absolute;
  left: calc(100vh * (1100 / 1080));
  right: calc(0vw - ( 100vh * (1100 / 1080)));
  top: 0;
  bottom: 0;
  background: #519139;
  pointer-events: none;
  z-index: 1;
}
.policy-tasks__anim.active .policy-tasks__anim-bg {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
.provider .policy-tasks__content {
  padding-top: 0;
}
@media (max-width:1920px) {
  .policy-tasks {
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
    height: calc(850px + (1080 - 850) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .policy-tasks__content {
    width: calc(620px + (870 - 620) * ((100vw - 1366px) / (1920 - 1366)));
    padding-top: calc(50px + (150 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .buyer .policy-tasks__content {
    width: calc(620px + (709 - 620) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .buyer .policy-tasks__content b {
    display: inline-block;
    width: 99%;
  }

  .policy-tasks__title {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .policy-tasks__text {
    margin-bottom: calc(20px + (35 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .policy-tasks__link {
    max-width: calc(620px + (750 - 620) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .policy-tasks__image {
    width: calc(520px + (720 - 520) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(520px + (720 - 520) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .policy-tasks__content {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width:1200px) {
  .policy-tasks {
    padding: 80px 0 120px;
    height: auto;
  }

  .policy-tasks__image {
    width: 470px;
    height: 470px;
    left: 50%;
    transform: translateX(-50%) scale(0.5);
  }

  .policy-tasks__title {
    margin-bottom: 25px;
  }

  .policy-tasks__text {
    font-size: calc(16px + (21 - 16) * ((100vw - 768px) / (1200 - 768)));
    margin-bottom: 20px;
  }

  .policy-tasks__link {
    font-size: 16px;
    max-width: 100%;
  }
  .policy-tasks__content {
    margin-left: 0;
    width: 100%;
  }
  .policy-tasks__inner.active .policy-tasks__image {
    transform: translateX(-50%) scale(1);
  }
  .policy-tasks__content {
    padding-top: 540px;
  }
  .provider .policy-tasks__content {
    padding-top: 540px;
  }
  .policy-tasks__anim-line{
    width: 100%;
    height: 400px;
    -webkit-mask-position-y: bottom;
    -webkit-mask-image: url(/local/templates/zemlitsa/img/green-block__line-mobile2.svg);
  }
  .policy-tasks__anim-bg {
    transition: .7s linear;
  }
  .policy-tasks__anim-line-after{
    left: 0;
    right: 0;
    top: 398px;
  }
  .buyer .policy-tasks__content b {
    width: 100%;
  }

  .buyer .policy-tasks__content {
    width: 95%;
  }
}
@media (max-width:768px) {
  .policy-tasks__image {
    width: calc(345px + (470 - 345) * ((100vw - 375px) / (768 - 375)));
    height: calc(345px + (470 - 345) * ((100vw - 375px) / (768 - 375)));
  }

  .policy-tasks__content {
    padding-top: calc(405px + (540 - 405) * ((100vw - 375px) / (768 - 375)));
  }
  .provider .policy-tasks__content {
    padding-top: calc(405px + (540 - 405) * ((100vw - 375px) / (768 - 375)));
  }

  .policy-tasks__text {
    font-size: 16px;
  }

  .policy-tasks__link {
    padding-left: calc(16px + (26 - 16) * ((100vw - 375px) / (768 - 375)));
  }

  .policy-tasks__link+.policy-tasks__link {
    margin-top: calc(10px + (20 - 10) * ((100vw - 375px) / (768 - 375)));
  }

  .policy-tasks__anim-line{
    height:calc(300px + (400 - 300) * ((100vw - 375px) / (768 - 375))) ;
  }
  .policy-tasks__anim-line-after{
    top: calc(298px + (398 - 298) * ((100vw - 375px) / (768 - 375)));
  }
}

@media (max-width:375px) {
  .policy-tasks__link+.policy-tasks__link {
    margin-top: 10px;
  }

  .policy-tasks__link {
    padding-left: 16px;
  }

  .policy-tasks__image {
    width: calc(290px + (345 - 290) * ((100vw - 320px) / (375 - 320)));
    height: calc(290px + (345 - 290) * ((100vw - 320px) / (375 - 320)));
  }

  .policy-tasks__content {
    padding-top: calc(350px + (405 - 350) * ((100vw - 320px) / (375 - 320)));
  }
  .buyer .policy-tasks__content {
    width: 100%;
  }
  .buyer .policy-tasks__content b {
    width: 95%;
    letter-spacing: 0.4px;
  }
}

@media (max-width:320px) {
  .policy-tasks__anim {
    
  }
}

/*end policy-tasks*/

/* Police page (START) */

.police-page .breadcrumb .breadcrumb-item {
  color: #A0A0A0;
}

.police-page .breadcrumb .arr svg>circle {
  fill: #E8E8E8;
}

.police-page .breadcrumb .breadcrumb-active {
  color: #39393A;
}

.police-page {
  background-color: #F9F9F9;
  padding-bottom: 160px;
}

@media screen and (max-width: 1920px) {
  .police-page {
    padding-bottom: calc(120px + (160 - 120) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police-page {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 768px) {
  .police-page {
    padding-bottom: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375)));
  }
}

.police {
  padding-top: 270px;
  color: #2D2D2E;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.42;
  max-width: 1350px;
}
.black .breadcrumb-page__link::before{
  background-color: #E8E8E8;
  opacity: 1;
}
.black .breadcrumb-page__list{
  color: #39393A;
}
@media screen and (max-width: 1920px) {
  .police {
    padding-top: calc(230px + (270 - 230) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police {
    padding-top: calc(170px + (230 - 170) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police {
    padding-top: 170px;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}

.police h1 {
  font-family: 'Museo Sans Cyrl 900', sans-serif;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 60px;
}

@media screen and (max-width: 1920px) {
  .police h1 {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police h1 {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(35px + (50 - 36) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police h1 {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(25px + (36 - 26) * ((100vw - 375px) / (768 - 375)));
  }
}

.police li {
  margin-bottom: 30px;
}

@media screen and (max-width: 1920px) {
  .police li {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police li {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police li {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}

.police ol {
  list-style-type: none;
}

.police ul {
  list-style-type: none;
  margin-top: 30px;
}

@media screen and (max-width: 1920px) {
  .police ul {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police ul {
    margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police ul {
    margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}

.police ul li {
  padding-left: 26px;
  position: relative;
}

.police ul li:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #2D2D2E;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  left: 0;

}

.police>ol {
  counter-reset: section;
  padding: 0;
}

.police>ol>li {
  counter-increment: section;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.34;
  margin-top: 40px;
}

@media screen and (max-width: 1920px) {
  .police>ol>li {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police>ol>li {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
    margin-top: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police>ol>li {
    font-size: calc(16px + (21 - 16) * ((100vw - 375px) / (768 - 375)));
    margin-top: calc(25px + (35 - 25) * ((100vw - 375px) / (768 - 375)));
  }
}

.police>ol>li::before {
  content: counter(section) ".";
  width: 30px;
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .police>ol>li::before {
    width: 25px;
  }
}

@media screen and (max-width: 500px) {
  .police>ol>li::before {
    width: 20px;
  }
}

.police>ol>li>ol {
  counter-reset: subsection;
  padding: 0;
  margin-top: 30px;
}

@media screen and (max-width: 1920px) {
  .police>ol>li>ol {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police>ol>li>ol {
    margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police>ol>li>ol {
    margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}

.police>ol>li>ol>li {
  counter-increment: subsection;
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.42;
}

@media screen and (max-width: 1920px) {
  .police>ol>li>ol>li {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police>ol>li>ol>li {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police>ol>li>ol>li {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}

.police>ol>li>ol>li::before {
  content: counter(section) "." counter(subsection) ".";
}

.police>ol>li>ol>li>ol {
  counter-reset: subsubsection;
  padding-left: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 1920px) {
  .police>ol>li>ol>li>ol {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .police>ol>li>ol>li>ol {
    margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media screen and (max-width: 768px) {
  .police>ol>li>ol>li>ol {
    margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}

.police>ol>li>ol>li>ol>li {
  counter-increment: subsubsection;
}

.police>ol>li>ol>li>ol>li::before {
  content: counter(section) "." counter(subsection) "." counter(subsubsection) ".";
}

/* Police page (END) */
.header .bx-nav-parent-arrow {
  display: none;
}
.header .bx-nav-list-1-col .bx-nav-2-lvl-container {
  position: absolute;
  top: 20px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
}
.header .bx-nav-list-1-col:hover .bx-nav-2-lvl-container {
  top: 70px;
  pointer-events: all;
  opacity: 1;
  transition: all 0.3s ease;
}
.header .bx-nav-list-1-col .header__menu-link svg {
  transform: rotateX(0deg);
  transition: transform 0.3s ease;
}
.header .bx-nav-list-1-col .header__menu-link span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header.opacity .bx-nav-list-1-col .header__menu-link span svg path, .header.header--fixed .bx-nav-list-1-col .header__menu-link span svg path {
  stroke: #FFF;
}
.header .bx-nav-list-1-col .header__menu-link:hover span {
  color: #8BBF44;
  transition: color 0.3s ease;
}
.header .bx-nav-list-1-col:hover .header__menu-link svg {
  transform: rotateX(180deg);
  transition: transform 0.3s ease;
}
.header .bx-nav-list-1-col .header__menu-link svg {
  transition: transform 0.3s ease;
}
.header .bx-nav-list-1-col:hover .header__menu-link svg  path {
  stroke: #8BBF44;
  transition: transform 0.3s ease;
}
.header .bx-nav-list-1-col:hover .header__menu-link svg path {
  stroke: #8BBF44;
  transition: 0.3s ease;
}
.header .bx-nav-list-1-col .header__menu-link svg path {
  transition: 0.3s ease;
  stroke: #2D2D2E;
}
.header .bx-nav-2-lvl-container .bx-nav-list-2-lvl .bx-nav-2-lvl a {
  padding: 10px 25px;
}
.header .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 1920px) {
  .header .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
    font-size: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
    line-height: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
.header .header__hover {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #E8E8E8;
  padding-top: 40px;
  padding-bottom: 105px;
  background-color: #FFF;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50px);
  transition: all 0.3s ease;
}
.header .header__hover .container {

  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;

  width: 100%;
}
.header .header__hover.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  transition: all 0.3s ease;
}
.header .header__hover:hover {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  transition: all 0.3s ease;
}
.header__hover-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.header__hover-list .link-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.header__hover-list .link-list a {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 21px;
  line-height: 30px;
  color:#2D2D2E;
  transition: color 0.3s ease;
}
.header__hover-list .title {
  font-family: 'Museo Sans Cyrl 300', sans-serif;
  font-size: 18px;
  line-height: 25px;
  color: #595959;
  transition: color 0.3s ease;
}
@media (max-width: 1920px) {
  .header__hover-list .link-list a {
    font-size: calc(14px + (21 - 14) * ((100vw - 1024px) / (1920 - 1024)));
  }
  .header__hover-list .title {
    font-size: calc(12px + (18 - 12) * ((100vw - 1024px) / (1920 - 1024)));
  }
}
.header__hover-list a:hover {
  color: #8BBF44;
  transition: color 0.3s ease;
}
.photo-report__popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 90vw;
  height: 90vh;
  border-radius: 30px !important;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .photo-report__popup {
    height: 70vh;
  }
  .photo-report__popup .swiper-pagination {
    text-align: start;
    padding-left: 75px;
    margin-bottom: 55px;
  }
  .photo-report__popup .swiper-button {
    top: var(--swiper-navigation-top-offset,90%);
  }
  .photo-report__popup .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 60%)
  }
  .photo-report__popup .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 10%)
  }
}
.photo-report__popup.fancybox__content {
  opacity: 1;
  pointer-events: all;
}
.photo-report__popup .popup-swiper {
  display: flex;
  justify-content: center;
  width: 80%;
}
.photo-report__popup .swiper-slide {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}
.photo-report__popup .swiper-slide img {
  width: 100%;

}
.popup-swiper {
  width: 89vw;
  overflow: hidden;
}
.popup-swiper .swiper-button::after {
  content: none;
}
.popup-swiper .swiper-button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #F9F9F9;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-swiper .swiper-button:hover {
  background-color: #8BBF44;
  transition: background-color 0.3s ease;
}
.popup-swiper .swiper-button svg {
  width: 24px;
}
.popup-swiper .swiper-button:hover svg path {
  stroke: #FFF;
  transition: 0.3s ease;
}
.popup-swiper .swiper-button svg path {
  transition: 0.3s ease;
}
.fancybox__content>.f-button.is-close-btn {
  top: 20px !important;
  right: 20px !important;
  --f-button-color: black !important;
  --f-button-hover-color: #8BBF44 !important;
}
.popup-title {
  margin-right: auto;
  font-family: 'Museo Sans Cyrl 700', sans-serif;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .popup-title {
    font-size: calc(16px + (21 - 16) * ((100vw - 375px) / (768 - 375)));
    line-height: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
}

/*start cookies-block*/
.cookies-block {
  position: fixed;
  bottom: 40px;
  right: 75px;
  padding: 20px 30px;
  width: 620px;
  font-family: 'Museo Sans Cyrillic';
  z-index: 11;
  border-radius: 16px;
  background:  #FFF;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.04);
  opacity: 0;
  pointer-events: none;
}
.cookies-block.opacity-active{
  opacity: 1;
  pointer-events: initial;
}
.cookies-block__text {
  font-size: 16px;
  margin-bottom: 12px;
  line-height: 140%;

}
.cookies-block__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookies-block__btn {
  font-size: 16px;
  text-decoration: underline;
  color: #595959;
  font-weight: 250;
  text-underline-offset: 4px;
}
.cookies-block__btn:hover{
  text-decoration: underline !important;
}
.cookies-block__save .sustainable-contacts__button{
  font-size: 14px;
  padding: 8px 8px 8px 25px;
  grid-gap: 10px;
  background-color: #F9F9F9;
}
.cookies-block__save .sustainable-contacts__button:hover{
  background-color: #8BBF44;
}
.cookies-block__save .sustainable-contacts__button-icon svg{
  width: 15px;
  height: 15px;
}
.cookies-block__save .sustainable-contacts__button-icon{
  width: 35px;
  height: 35px;
}
@media (max-width: 1920px) {
  .cookies-block{
    width: calc(500px + (620 - 500) * ((100vw - 1366px) / (1920 - 1366)));
    padding: 20px calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    right: calc(50px + (75 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .cookies-block__text{
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .cookies-block__btn{
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .cookies-block{
    border-radius: 16px;
    width: calc(510px + (500 - 510) * ((100vw - 768px) / (1366 - 768)));
    padding: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768))) calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
  }
  .cookies-block__text,.cookies-block__btn{
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .cookies-block{
    width: 510px;
    padding: 15px calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width: 650px) {
  .cookies-block{
    width: 345px;
    right: 15px;
    bottom: 30px;
  }
  .cookies-block__box{
    flex-direction: column;
    align-items: flex-start;
  }
  .cookies-block__save{
    margin: 15px auto 0;
  }
  .cookies-block__text{
    margin-bottom: 15px;
  }
}
@media (max-width: 375px) {
  .cookies-block{
    width: calc(290px + (345 - 290) * ((100vw - 320px) / (375 - 320)));
  }
}
/*end cookies-block*/

/* Header (START) */

header {
  height: 95px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 102;
  border-bottom: 1px solid #E4E4E4;
  transition: 0.3s;
}

header.no-border {
  border-bottom-color: transparent;
}

header.dark {
  background-color: transparent;
  border-bottom-color: transparent;
  transition: 0.3s ;
}

header::before {
  content: '';
  position: absolute;
  top: 95px;
  height: 100vh;
  left: 0;
  right: 0;
  background: rgba(37, 37, 37, 0.6);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: all .3s;
}
@media (max-width: 533px) {
  header::before {
      background: none;
  }
}
header.substrate::before {
  opacity: 0.48;
}


header > .container {
  height: 100%;
  position: relative;
  z-index: 1;
  /* background-color: #fff; */
  transition: .3s;
}

header.dark > .container {
  background-color: transparent;

}

body.header--hide header {
  transform: translateY(-100%);
}

.header {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.header__logotype svg,
.header__logotype img {
  width: 100%;
  height: auto;
}

.header__logotype svg path[fill="white"] {
  fill: #252525;
  transition: all .3s ease;
}
header.dark .header__logotype svg path[fill="white"] {
  fill: #fff;
}

.header__logotype {
  width: 150px;
  margin-right: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__navigation {
  flex: 1;
  height: 100%;
  opacity: 1;
  transition: all 0.3s ease;
}

.header__navigation.disabled {
  opacity: 0;
  pointer-events: none;
}

.header__search {
  margin-left: 56px;
  position: relative;
}
.header__search > button {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: 0;
  background: transparent;
  position: relative;
  cursor: pointer;
}
.header__search > button::after {
  content: '';
  position: absolute;
  left: -12px;
  right: -12px;
  top: -12px;
  bottom: -12px;
}

.header__navigation > ul {
  display: flex;
  height: 100%;
}
.header__navigation > ul > li {
  height: 100%;
  display: flex;
  align-items: center;
}
.header__navigation > ul > li > .header-btn {
  padding: 16px 24px;
  position: relative;
  border-radius: 16px;
  transition: all .3s ease;
  color: #252525;
  font-family: 'Myriad Pro 600', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.55;
}

header.dark .header__navigation > ul > li > .header-btn {
  color: #fff;
}

.header__navigation > ul > li > .active,
.header__navigation > ul > li > .hover {
  background-color: #8BBF44;
  color: #fff;
}

header.dark .header__navigation > ul > li > .active {
  color: #000;
}

.header__navigation > ul > li > .header-btn.open-dropdown {
  padding: 15px 48px 15px 25px;
}
.header__navigation > ul > li > .header-btn {
  font-family: 'Museo Sans Cyrl 700';
  cursor: pointer;
}
.header__navigation > ul > li > .open-dropdown svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  transition: 0.3s;
}
.header__navigation > ul > li > .open-dropdown svg path{

  transition: 0.3s;
}
.header__navigation > ul > li > .active svg,
.header__navigation > ul > li > .hover svg{
  transform: scale(1, -1) translateY(50%);

}
.header__navigation > ul > li > .active svg path,
.header__navigation > ul > li > .hover svg path{
  stroke: #fff;
}
/* .header__navigation > ul > li > a.open-dropdown::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-56%) scale(1, 1);
  width: 20px;
  height: 20px;
  transition: all .3s ease;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDguMDAwMDRDMTUuNzUgOC4wMDAwNCAxMi4wNjc2IDEzIDEwLjc1IDEzQzkuNDMyMzcgMTMgNS43NSA4IDUuNzUgOCIgc3Ryb2tlPSIjMkQyRDJFIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
header.dark .header__navigation > ul > li > a.open-dropdown::after {
  filter: invert(1);
} */
.header__navigation > ul > li > .hover.open-dropdown::before {
  content: '';
  position: absolute;
  top: 100%;
  bottom: -33px;
  left: 0;
  cursor: default;
  right: 0;
}
.header__navigation > ul > li > .hover::after {
  transform: translateY(-50%) scale(1, -1);
}

.header__navigation .dropdown {
  position: fixed;
  opacity: 0;
  top: 95px;
  left: 0;
  right: 0;
  min-height: 360px;
  background-color: #fff;
  box-shadow: 0px 12px 26px 0px rgba(120, 120, 120, 0.10), 0px 46px 46px 0px rgba(120, 120, 120, 0.09), 0px 104px 63px 0px rgba(120, 120, 120, 0.05), 0px 186px 74px 0px rgba(120, 120, 120, 0.01), 0px 290px 81px 0px rgba(120, 120, 120, 0.00);
  padding: 40px 0 122px;
  background-repeat: no-repeat;
  /* background-image: url('/local/templates/zemlitsa/css/../images/logo-for-navigation-dropdown.jpg'); */
  background-position: calc(100% - (48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)))) bottom;
  transition: all 0s ease;
  pointer-events: none;
}
.header__navigation .dropdown::before {
  content: '';
  position: absolute;
  top: 120px;
  bottom: -100vh;
  left: 0;
  right: 0;
  opacity: 0.48;
  background: rgba(37, 37, 37, 0.6);
  z-index: 0;
  pointer-events: none;
}
.dropdown-icon{
  position: absolute;
  top: 21px;
  right: 75px;
}
.header__navigation .dropdown::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
}
.header__navigation .dropdown > .container {
  position: relative;
  z-index: 2;
}
.header__navigation > ul > li > .hover + .dropdown {
  opacity: 1;
  pointer-events: all;
}
.header__navigation .dropdown__inner {
  display: flex;
  grid-gap: 32px;
}

.header__navigation .dropdown__inner ul {
  display: flex;
  flex-direction: column;
  grid-gap: 35px;
}

.header__navigation .dropdown__inner li a.active,
.header__navigation .dropdown__inner li a:hover {
  color: #F5DD07;
}
.header__language-option {
display: block;
  color: #252525;
  font-family: 'Museo Sans Cyrl 300';
  font-size: 16px;
  font-style: normal;
  line-height: 1.55;
  transition: all .3s ease;
}
.header__navigation .dropdown__inner li a{
  color: #252525;
  font-family: 'Museo Sans Cyrillic';
  font-size: 16px;
  font-style: normal;
  line-height: 1.55;
  transition: all .3s ease;
}
.header__navigation .dropdown__link {
  width: 240px;
}
.dropdown__link .button-global.disable{
  pointer-events: none;
}
.header__navigation .dropdown__inner li a:hover{
  color: #8BBF44;
}
.header__navigation .dropdown__link .button-global{
  font-size: 21px;
  font-family: 'Museo Sans Cyrl 700';
  line-height: 140%;
  pointer-events: none;
}
.header__language.disabled {
  opacity: 0;
  pointer-events: none;
}
.header__language {
  position: relative;
  color: #252525;
  font-family: 'Museo Sans Cyrl 700';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 1;
  transition: all .3s ease;
  width: 65px;

}

header.dark .header__language {
  color: #fff;
}
header.dark .header__language svg {
  filter: invert(1);
}

.header__language-selected {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  justify-content: center;
  cursor: pointer;
  padding: 10px 0;
  border-bottom: 1px dashed #6A6A6A;

}
.header__language-selected > svg,
.header__language-selected > span {
  cursor: pointer;
}

.header__language-selected > svg {
  transform: scale(1, 1);
  transition: all .3s ease;
}
.header__language-selected.active > svg {
  transform: scale(1, -1);
}

.header__language-select {
  position: absolute;

  top: calc(100% + 14px);
  left: 50%;
  padding: 8px 0;
  background-color: #fff;
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.04), 0px 30px 16px 0px rgba(0, 0, 0, 0.06);
  transform: translateX(-50%) translateY(-25%);
  opacity: 0;
  transition: all .3s ease;
  pointer-events: none;
  border-radius: 0px 0 8px 8px;
}

.header__language-select.active {
  opacity: 1;
  transform: translateX(-50%) translateY(0%);
  pointer-events: all;
}
.header__language-option:hover {
  background-color: #8BBF44;
  color: #fff;
}
.header__language-option {
  padding: 10px 0;
  width: 75px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  transition: all .3s ease;
}
.header__language-option.disabled {
  display: none;
}
.header__search-box > .header__search-clear {
  position: relative;
  margin-right: 50px;
  min-width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}

header.dark .header__search-box {
  border-bottom-color: #fff;
}

.header__search-open svg {
  transition: all .3s ease;
}

header.dark .header__search-open svg {
  filter: invert(1);
}
.header__search-box > .header__search-clear::before {
  content: '';
  position: absolute;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
}
.header__search-box > .header__search-clear::after {
  content: '';
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #F2F2F2;
}
.header__search-box > .header__search-clear svg path {
  transition: all .3s ease;
}
.header__search-box > .header__search-clear:hover svg path {
  stroke: #000;
  transition: all .3s ease;
}
header.dark .header__search-box > .header__search-clear:hover svg path {
  stroke: #fff;
}
.header__search-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 570px;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  border-bottom: 1px solid #252525;
  transition: all .3s ease;
}
.header__search-box > input {
  width: 100%;
  outline: none;
  border: 0;
  color: #2D2D2E;
  font-family: 'Museo Sans Cyrl 300';
  font-size: 18px;
  font-style: normal;

  line-height: 1.36;
  padding: 14px 0;
  background-color: transparent;
  transition: all .3s ease;
}
.header__search-box > input::placeholder{
  font-family: 'Museo Sans Cyrl 300';
  color: #2D2D2E;
}
header.dark .header__search-box > input {
  color: #fff;
}
.header__search.active .header__search-box {
  opacity: 1;
  pointer-events: all;
}
.mobile-burger {
  display: none;
}
.header-transparent{
  background-color: transparent;
  border-bottom-color: transparent;
}
.header-transparent .header{
  background-color: transparent;
}
.header-transparent .header__navigation > ul > li > .header-btn{
  color: #fff;
}
.header-transparent .header__navigation > ul > li > .open-dropdown svg path{
  stroke: #fff;
}
.header__logotype .header__logotype-letter{
  transition: 0.3s;
}
.header__search-open svg path{
  transition: 0.3s;
}
.header__language-selected{
  transition: 0.3s;
}
.header__language-selected svg path{
  transition: 0.3s;
}
.header-transparent .header__logotype .header__logotype-letter{
  fill: #fff;
}
.header-transparent .header__language-selected{
  color: #fff;
  border-bottom-color: #fff;
}
.header-transparent .header__language-selected svg path{
  stroke: #fff;
}
.header-transparent .header__search-open svg path{
  stroke: #fff;
}
.header-transparent .mobile-burger svg:first-child path{
  stroke: #fff;
}
.index-header{
  transition: 0.5s;
}
.index-header.visible-index{
  opacity: 0;
  transform: translateY(-100%);

}
@media screen and (max-width: 1920px) {
  header::before{
    top: calc(85px + (95 - 85) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation .dropdown {
      top: calc(85px + (95 - 85) * ((100vw - 1366px) / (1920 - 1366)));
  }
  header {
      height: calc(85px + (95 - 85) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation > ul {
      padding-left: calc(4px - 4 * ((100vw - 1366px) / (1920 - 1366)));
      padding-right: calc(4px - 4 * ((100vw - 1366px) / (1920 - 1366)));
  }
  /* .header__navigation > ul > li {
      margin-left: calc((4px - 4 * ((100vw - 1366px) / (1920 - 1366))) * -1);
      margin-right: calc((4px - 4 * ((100vw - 1366px) / (1920 - 1366))) * -1);
  } */
  .header{
    padding-top: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation > ul > li > .header-btn.open-dropdown{
    padding: calc(10px + (15 - 10) * ((100vw - 1366px) / (1920 - 1366))) calc(35px + (48 - 35) * ((100vw - 1366px) / (1920 - 1366))) calc(10px + (15 - 10) * ((100vw - 1366px) / (1920 - 1366))) calc(15px + (25 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation > ul > li > .header-btn {
    border-radius: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation > ul > li > .header-btn {
      font-size: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
      padding: calc(10px + (16 - 10) * ((100vw - 1366px) / (1920 - 1366))) calc(15px + (24 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-open svg{
    width: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    height: 20px;
  }
  .header__navigation > ul > li > .open-dropdown svg {
    width: calc(15px + (21 - 15) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(15px + (21 - 15) * ((100vw - 1366px) / (1920 - 1366)));
    right: calc(15px + (24 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__logotype {
      width: calc(130px + (150 - 130) * ((100vw - 1366px) / (1920 - 1366)));
      margin-right: calc(40px + (100 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search {
      margin-left: calc(32px + (56 - 32) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation .dropdown__link {
      width: calc(150px + (240 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__language-option{
    width: calc(70px + (75 - 70) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__language{
    width: calc(60px + (65 - 60) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__language-selected svg{
    width: calc(15px + (21 - 15) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(15px + (21 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation .dropdown__inner li a {
    font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .dropdown-icon{
    width: calc(290px + (371 - 290) * ((100vw - 1366px) / (1920 - 1366)));
    top: calc(-15px + (21 - (-15)) * ((100vw - 1366px) / (1920 - 1366)));
    right:calc(60px + (75 - 60) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .header__navigation .dropdown{
    min-height: calc(260px + (360 - 260) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__navigation .dropdown__inner ul{
    grid-gap: calc(25px + (35 - 25) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-box {
      width: calc(400px + (570 - 400) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-box > input {
      font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-box > input{
    padding: calc(12px + (14 - 12) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .header__navigation .dropdown__link .button-global{
      font-size: calc(16px + (21 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-box > .header__search-clear{
    margin-right: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .header__search-box > .header__search-clear::after{
    right: calc(-4px + (-8 - (-4)) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media screen and (max-width: 1366px) {
  .header__search-box > .header__search-clear::after{
    right: -5px;
  }
  .header__search-box > .header__search-clear{
    margin-right: 40px;
  }
  /* header {
      height: calc(66px + (92 - 66) * ((100vw - 768px) / (1366 - 768)));
  }
  .header__search-box > input {
      font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  } */
}

@media screen and (max-width: 1279px) {
  .header__language-option:hover{
    color: #2D2D2E;
  }
  .header__search-box > .header__search-clear::before{
    left: -5px;
    right: -5px;
  }
  .header__search > button::after{
    left: -6px;
    right: -6px;
  }
  .header__search-box > input{
    font-size: 16px;
  }
  .header__search.active .header__search-open svg {
    width: 20px;
    height: 20px;
  }
  .header__search-box{
    width: 400px;
  }
  header::before{
    top: calc(60px + (83 - 60) * ((100vw - 768px) / (1279 - 768)));
  }
  .dropdown-icon{
    display: none;
  }
  header {
      height: calc(60px + (83 - 60) * ((100vw - 768px) / (1279 - 768)));
  }
  .header__logotype {
      position: relative;
      z-index: 10;
  }
  .header__navigation {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 100vh;
      padding-top: calc(66px + (80 - 66) * ((100vw - 768px) / (1279 - 768)));
      background-color: #fff;
      opacity: 0;
      pointer-events: none;
      transition: all .3s ease;
      display: none;
  }
  .header__navigation.open {
      opacity: 1;
      pointer-events: all;
      display: block;
  }
  .header__navigation::before {
      content: '';
      position: absolute;
      right: 100%;
      top: 0;
      bottom: 0;
      left: calc((30px + (48 - 30) * ((100vw - 768px) / (1280 - 768))) * -1);
      background-color: #fff;
  }
  .header__navigation::after {
      content: '';
      position: absolute;
      left: 100%;
      top: 0;
      bottom: 0;
      right: calc((30px + (48 - 30) * ((100vw - 768px) / (1280 - 768))) * -1);
      background-color: #fff;
  }
  .header__navigation > ul {
      display: flex;
      height: auto;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 0;
      padding: 40px 0 0;
      position: relative;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: calc(100vh - (166px + (180 - 166) * ((100vw - 768px) / (1279 - 768))) - 100px);
  }
  .header__navigation > ul::before {
      content: '';
      position: fixed;
      top: calc(65px + (80 - 65) * ((100vw - 768px) / (1279 - 768)));
      left: 0;
      right: 0;
      height: 48px;
      background: linear-gradient(to bottom, #fff, transparent);
      z-index: 10;
      pointer-events: none;
  }
  .header__navigation > ul::after {
      content: '';
      position: fixed;
      bottom: 145px;
      left: 0;
      right: 0;
      height: 48px;
      background: linear-gradient(to top, #fff, transparent);
      z-index: 10;
      pointer-events: none;
      display: none;
  }
  .header__navigation > ul > li > .header-btn,
  .header__navigation > ul > li > .header-btn.open-dropdown {
      padding: 0;
      margin-bottom: 0;
  }
  .header__navigation > ul > li {
      margin-left: initial;
      margin-right: initial;
  }
  .header__navigation .dropdown {
      position: initial;
      /* opacity: 0; */
      opacity: 1;
      top: initial;
      left: initial;
      right: initial;
      min-height: initial;
      background-color: #fff;
      box-shadow: initial;
      padding: initial;
      background-repeat: initial;
      background-image: initial;
      background-position: initial;
      pointer-events: initial;
      /* max-height: 0; */
      /* overflow: hidden; */
      transition: all .3s linear;
  }
  .header__navigation .dropdown__inner ul li:last-child{
    margin-bottom: 0;
  }
  .header__navigation .dropdown__inner li a{
    font-size: 16px;
  }
  .header__navigation .dropdown > .container {
      padding: initial;
  }
  .header__navigation > ul > li > .hover.open-dropdown::before,
  .header__navigation .dropdown::before,
  .header__navigation .dropdown::after {
      display: none;
  }
  .header__navigation .dropdown__link{
    width: 100%;
  }
  .header__navigation > ul > li > .header-btn, .header__navigation > ul > li > .header-btn.open-dropdown{
    font-size: 21px;
  }
  .header__navigation > ul > li > .header-btn.active, .header__navigation > ul > li > .hover {
      background-color: initial;
  }
  header .button-global {
      font-size: 16px;
  }
  .header__navigation > ul > li > .header-btn,
  .header__navigation > ul > li > .header-btn.open-dropdown {
      font-size: 20px
  }
  .header__navigation > ul > li > .open-dropdown::after {
      right: initial;
      left: calc(100% + 4px);
  }
  .header__navigation > ul > li > .hover + .dropdown {
      max-height: 100vh;
  }
  .header__navigation > ul > li {
      flex-direction: column;
      align-items: flex-start;
  }
  .header__navigation .dropdown__inner {
      flex-direction: column;
      grid-gap: initial;
  }
  .header__navigation .dropdown__inner ul {
      grid-gap: initial;
  }
  .header__navigation .dropdown__inner ul li {
      margin-bottom: 30px;
  }
  .header__navigation .dropdown__link {
      min-width: initial;
      margin-bottom: 30px;
  }
  .header__navigation .dropdown{
    margin-bottom: 20px;
  }
  .header__navigation > ul > li {
      margin-bottom: 30px;
  }
  .header__search > button{
    padding: 0;
  }
  .mobile-burger {
      display: flex;
      width: 32px;
      padding: 0;
      height: 32px;
      justify-content: center;
      align-items: center;
      position: relative;
      z-index: 10;
      background: transparent;
      border: 0;
      outline: none;
      cursor: pointer;
  }
  .header-btn.open-dropdown{
    display: none;
  }
  .header__search-open svg{
    width: 32px;
    height: 32px;
  }
  header.dark .mobile-burger {
      filter: invert(1);
  }
  .mobile-burger::before {
      content: '';
      position: absolute;
      left: -10px;
      right: -10px;
      top: -10px;
      bottom: -10px;
  }
  .mobile-burger svg:first-child {
      transition: all .3s ease;
  }
  .mobile-burger svg:last-child {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      pointer-events: none;
      transition: all .3s ease;
  }
  .mobile-burger.active svg:first-child {
      opacity: 0;
      pointer-events: none;
  }
  .mobile-burger.active svg:last-child {
      opacity: 1;
      pointer-events: all;
  }
  .header__language {
      position: fixed;
      top: initial;
      bottom: 0;
      height: 100px;
      left: calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
      right: calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
      opacity: 0;
      pointer-events: none;
      transition: all .3s ease;
      display: flex;
      align-items: center;
  }
  .header__language.active {
      opacity: 1;
      pointer-events: all;
  }
  .header__search {
      margin-left: 32px;
      margin-right: 32px;
      flex: 1;
      display: flex;
      justify-content: flex-end;
  }
  .header__language-selected {
      display: none;
  }
  .header__language-select {
      position: initial;
      top: initial;
      left: initial;
      padding: initial;
      background-color: initial;
      box-shadow: initial;
      transform: initial;
      opacity: 1;
      transition: all .3s ease;
      pointer-events: all;
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }
  .header__language-option:hover {
      background-color: transparent;
  }
  .header__language-option.disabled,
  .header__language-option {
    min-width: 40px;
    justify-content: center;
      display: flex;
      opacity: 1;
      padding: initial;
      width: initial;
      text-align: center;
      cursor: pointer;
      background-color: initial;
      transition: all .3s ease;
      margin-right: 15px;
      font-size: 16px;
      color: #A6A6A6;
      border-bottom: 1px dashed transparent;
      padding: 10px 0;
      line-height: 120%;
  }

  .header__language-option.disabled {
      color: #252525;
      border-bottom-color: #252525;
      font-family: 'Museo Sans Cyrl 700';
  }
  .header__search-box > input {
      padding: calc(7px + (10 - 7) * ((100vw - 375px) / (1279 - 375))) 0;
  }
  .header__logotype {
      width: 130px;
  }
  .header__navigation > ul > li {
      width: 100%;
  }
  .header__navigation > ul > li > .header-btn::after {
      transform: translateY(-65%) scale(1, 1);
  }
  .header__navigation > ul > li > .hover::after {
      transform: translateY(-65%) scale(1, -1);
  }
  header.dark .header__navigation > ul > li > .header-btn {
      color: #252525;
  }
  .header__navigation .dropdown__link .button-global{
      font-size: 21px;
      pointer-events: initial;
  }

}

@media screen and (max-width: 768px) {

  header::before{
    top: calc(50px + (60 - 50) * ((100vw - 375px) / (768 - 375)));
  }
  header {
      height: calc(50px + (60 - 50) * ((100vw - 375px) / (768 - 375)));
  }
  .header__logotype {
      width: calc(107px + (130 - 107) * ((100vw - 375px) / (768 - 375)));
  }
  .mobile-burger {
      width: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
      height: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
  }
  .header__search {
      margin-left: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
      margin-right: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
  }
  .mobile-burger svg:first-child {
      width: calc(20px + (32 - 20) * ((100vw - 375px) / (768 - 375)));
      height: calc(20px + (32 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .header__navigation > ul {
      padding: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) 0 0;
      max-height: calc(100vh - (152px + (166 - 152) * ((100vw - 375px) / (768 - 375))) - 100px);
  }
  .header__navigation > ul > li > .header-btn, .header__navigation > ul > li > .header-btn.open-dropdown {
      font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  /* .header__language, .header__navigation .dropdown__inner li a {
      font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (768 - 375)));
  } */
  /* .header__language-option {
      font-size: 18px;
  } */
  header .button-global {
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
  /* .header__navigation > ul > li {
      margin-bottom: calc(8px + 8 * ((100vw - 375px) / (768 - 375)));
  } */
  .header__navigation > ul > li > .header-btn.open-dropdown::after {
      width: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
      height: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
      background-size: contain;
  }
  .header__search-box > input {
      font-size: 16px;
  }
  /* .header__navigation .dropdown__link .button-global{
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  } */
  .header__search-open svg{
    width: calc(20px + (32 - 20) * ((100vw - 375px) / (768 - 375)));
    height: calc(20px + (32 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .header__search-box{
    width: calc(200px + (400 - 200) * ((100vw - 533px) / (768 - 533)));
  }
  .header__navigation > ul{
    padding: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .header__navigation .dropdown__link{
    margin-bottom:calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375))) ;
  }
  .header__navigation .dropdown__inner ul li{
    margin-bottom:calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375))) ;
  }
  .header__navigation > ul > li {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 375px) / (768 - 375)));
  }
  .header__navigation .dropdown {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .header__navigation .dropdown__link .button-global{
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .header__navigation .dropdown__inner li a {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
  .header__language-option.disabled, .header__language-option{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 533px) {
  .header__search-box > .header__search-clear{
    padding: 0;
  }
  .header__search-box > .header__search-clear::after {
    right: -10px;
}
  .header__search.active .header__search-box{
    background-color: #fff;
    transition: 0.1s;
  }
  .header__search.active {
      flex: 1;
      display: flex;
      justify-content: flex-end;
      position: absolute;
      left: 0;
      right: 0;
      background-color: #fff;
      margin-left: 0;
      margin-right: 0;
      z-index: 11;
  }
  .header__search-box {
      width: 100%;
  }
}
@media screen and (max-width: 375px) {
  header::before{
    top: 50px;
  }
  header {
      height: 50px;
  }
}

/* Header (END) */

/*start sales-realization*/
.sales-realization__items{
  padding-bottom: 180px;
}
.sales-realization{
  /* padding-bottom: 180px; */
  background-color: #fff;
}
.sales-realization__inner{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.sales-realization__title{
  margin-bottom: 40px;
  line-height: 110%;
}
.sales-realization__text{
  max-width: 555px;
  font-size: 21px;
  line-height: 140%;
}
.sales-realization__items{
  padding-top: 180px;
}
.sales-realization__item:nth-child(1){
  margin-top: 30px;
}
.sales-realization__item{
  font-size: 21px;
}
.sales-realization__item span{
  display: block;
  font-size: 26px;
  margin-bottom: 20px;
}
.sales-realization__item + .sales-realization__item{
  margin-top: 60px;
}
@media (max-width: 1920px) {
  .sales-realization__items{
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sales-realization{
    /* padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))); */
  }
  .sales-realization__title{
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sales-realization__items{
    padding-top: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .sales-realization__item span{
    font-size:calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sales-realization__item{
    font-size:calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sales-realization__text{
    font-size:calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
  .sales-realization__item + .sales-realization__item{
    margin-top: calc(50px + (60 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1200px) {
  .sales-realization__inner{
    display: flex;
    flex-direction: column;
    grid-gap: 80px;
  }
  .sales-realization__item:nth-child(1) {
    margin-top: 0px;
  }
  .sales-realization__items{
    padding-top: 0;
  }
  .sales-realization .system-management__nav{
    flex-direction: column;
  }
  .sales-realization__text{
    max-width: 100%;
  }
  .sales-realization__items{
    padding-bottom: 0;
  }
  .sales-realization{
    padding:120px 0;
  }
  .sales-realization__title{
    margin-bottom: 30px;
  }
  .sales-realization__text{
    font-size: 16px;
  }
  .sales-realization__item span{
    font-size: 21px;
  }
  .sales-realization__item{
    font-size: 16px;
  }
  .sales-realization__item + .sales-realization__item{
    margin-top: 40px;
  }
  .sales-realization__item span {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .sales-realization {
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .sales-realization__title{
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .sales-realization__inner{
    grid-gap: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
  .sales-realization__item + .sales-realization__item{
    margin-top: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .sales-realization__item span{
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .sales-realization__item{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end sales-realization*/

/*start sales-home*/
.sales-home .sustainable-home__text{
  width: 904px;
}
@media (max-width: 1920px) {
  .sales-home .sustainable-home__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    width: calc(690px + (904 - 690) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .sales-home .sustainable-home__text{
    font-size: 18px;
    width: calc(600px + (690 - 600) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .sales-home .sustainable-home__text{
    width: calc(345px + (600 - 345) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
  }
}
@media (max-width: 375px) {
  .sales-home .sustainable-home__text{
    width: 100%;
  }
}
/*end sales-home*/

/*start sales-experience*/
.sales-experience{
  background-color: #f9f9f9;
}
/*end sales-experience*/

/*start supplies*/
.supplies{
  padding: 180px 0;
  background-color: #fff;
}
.supplies__inner{
  display: flex;
  position: relative;
  min-height: 650px;
}
.supplies__title{
  max-width: 1020px;
  margin-bottom: 40px;
}
.supplies__content{
  z-index: 2;
}
.supplies__text{
  max-width: 865px;
  font-size: 21px;
  line-height: 140%;
}
.supplies__box{
  position: absolute;
  top: 170px;
  right: 0;
  width: 800px;
}
@media (max-width: 1920px) {
  .supplies{
    padding: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .supplies__title{
    max-width: calc(750px + (1020 - 750) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .supplies__text{
    max-width: calc(750px + (865 - 750) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .supplies__box{
    width: calc(650px + (800 - 650) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .supplies__inner{
    min-height: calc(590px + (650 - 590) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .supplies{
    padding: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768))) 0;
  }
  .supplies__title{
    max-width: 750px;
  }
}
@media (max-width: 1200px) {
  .supplies__inner{
    min-height: auto;
    flex-direction: column;
    grid-gap: 80px;
  }
  .supplies__box{
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
  .supplies__title{
    max-width: 100%;
    margin-bottom: 30px;
  }
  .supplies__text{
    max-width: 100%;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .supplies{
    padding: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375))) 0;
  }
  .supplies__inner{
    grid-gap: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end supplies*/


/*старт анимации игры*/
.board {
  display: grid;
  grid-gap: 14px;
  grid-template-columns: repeat(4, 170px);
  grid-template-rows: repeat(3, 170px);
  position: relative;
  transform-style: preserve-3d;
  /* transform: rotateX(50deg) rotateZ(22deg); */
  user-select: none;
}

.clone {
  display: none;
}

.cube {
  /* animation: enter 600ms ease-out; */
  transform-style: preserve-3d;
  transform: translateZ(0) scale(1);
  transition: all 350ms ease-out;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}
.cube.flipped {
  pointer-events: none;
  transform: rotateY(180deg) translateZ(0) scale(1);
  transition: all 500ms ease-out;
}
.cube.matched {
  pointer-events: none;
  transform: rotateY(180deg) translateZ(0) scale(1);
  animation: match 650ms ease-out;
}

.face {
  backface-visibility: hidden;
  height: 100%;
  overflow: hidden;
  position: absolute;
  transform-origin: 50% 50%;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.04);
}

.face:nth-child(1) {
  background-color: #fff;
  cursor: pointer;
  /* transform: rotateY(0deg) translateZ(10px); */
  /* transition: background 150ms ease-out; */
}
.face:nth-child(1)::before{
  align-items: center;
  bottom: 0;
  color: #93794c;
  /* content: '?'; */
  display: flex;
  font-family: 'Fredoka One', cursive;
  font-size: 60px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.face:nth-child(2) {
  background-color: darken(wheat, 10%);
  width: 20px;
  transform: rotateY(90deg) translateZ(90px)
}
.face:nth-child(3) {
  background-color: dodgerblue;
  transform: rotateY(180deg) translateZ(10px)
}
.face:nth-child(4) {
  background-color: darken(wheat, 10%);
  width: 20px;
  transform: rotateY(270deg) translateZ(10px)
}
.face:nth-child(5) {
  background-color: darken(wheat, 10%);
  height: 20px;
  transform: rotateX(90deg) translateZ(10px)
}
.face:nth-child(6) {
  background-color: darken(wheat, 10%);
  height: 20px;
  transform: rotateX(-90deg) translateZ(90px)
}

.overlay {
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  height: 100%;
  top: 0;
  transition: all 500ms ease-out;
  z-index: 100;
}
.overlay.hidden {
  opacity: 0;
  pointer-events: none;
  transition: all 300ms ease-out;
}
.overlay.hidden.gameover{
  transform: translateY(60px);
  transition: all 300ms ease-out;
}

.gameover {
  align-items: center;
  color: #2D2D2E;
  display: flex;
  font-family: 'Museo Sans Cyrl 900';
  transform: translateY(0);
  transition: all 500ms ease-out;
  user-select: none;
}

.reset {
  grid-gap: 25px;
  font-size: 30px;
  line-height: 140%;
  background-color: #fff;
  border-radius: 100px;
  padding: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
}
.reset span{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: #8BBF44;
  box-shadow: 0px 3px 0px 0px #519139;
}


.twitter__link {
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: -1;
  background: #fff;
  border-radius: 20px;
  height: 30px;
  text-decoration: none;
  padding-right: 10px;
  justify-content: space-between;
  font-family: sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #00aced;
  font-size: 14px;
  width: 74px;
  opacity: 0.4;
  z-index: 10;
  
 
}
.twitter__link:hover {
  opacity: 1;
}

.twitter__icon {
  height: 30px;
}

[data-tile="egg"] div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-egg.svg) center center no-repeat; */
    background-color: #F3B624;
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNzlfMjA5OTEpIj4KPHBhdGggZD0iTTUwLjEzNzggMEg1MS40MDUzQzU1Ljg0MTUgMi42NDIyNSA0OC42NDYgNy40ODggNDYuODIyOCA5LjU3NDVDNDYuNzE5MyA5LjY5NTYyIDQ2LjY1MDIgOS44NDE5NCA0Ni42MjI4IDkuOTk4MDZDNDYuNTk1MyAxMC4xNTQyIDQ2LjYxMDUgMTAuMzE0NCA0Ni42NjY4IDEwLjQ2MThDNTAuNDc1OCAyMC4xNzI4IDQ4LjYyNjUgMjguNDMxIDQxLjExOSAzNS4yMzY1QzQwLjg5MyAzNS40NDEyIDQwLjU5NyAzNS41NTEyIDQwLjI5MjIgMzUuNTQ0QzM5Ljk4NzQgMzUuNTM2NyAzOS42OTcgMzUuNDEyNyAzOS40ODEgMzUuMTk3NUMzMy4yNjA1IDI4Ljk1NzUgMzQuMzAzOCAxNi42ODIzIDM5LjE0OTUgMTAuNjU2OEM0MC42NTEgOC43ODQ3NSA0NC4zMTM4IDUuMjMyNSA1MC4xMzc4IDBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNTEuODAyOSAyNS42MTQ5QzUwLjcwMTIgMTQuNjY1NiA2MS41NjI3IDQuNTkzODcgNzIuMTMxNyA1LjIyNzYyQzcyLjMwOTQgNS4yMzkzOSA3Mi40NzY1IDUuMzE1NjIgNzIuNjAwNyA1LjQ0MTYzQzcyLjcyNDkgNS41Njc2MyA3Mi43OTc1IDUuNzM0NTEgNzIuODA0NCA1LjkxMDEyQzczLjIyMzcgMTcuMDU0NCA2My43MzY5IDI2LjM5NDkgNTIuNTgyOSAyNi4zMTY5QzUyLjM4ODkgMjYuMzE3OCA1Mi4yMDE1IDI2LjI0NjUgNTIuMDU3MiAyNi4xMTY2QzUxLjkxMyAyNS45ODY4IDUxLjgyMjMgMjUuODA3OSA1MS44MDI5IDI1LjYxNDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjUuMDgxNCA0OC45NTc0QzE5LjA4NTEgNDAuMzQ4MiAxOS44NDU2IDI2LjY2ODkgMjkuNDU5MSAyMC43OTk0QzI5Ljc5MDYgMjAuNTk3OSAzMC4wNzY2IDIwLjY0NjcgMzAuMzE3MSAyMC45NDU3QzM3LjExMjkgMjkuMzg5MiAzNS44MDY0IDQyLjk1MTQgMjYuNzI5MSA0OS4yNDk5QzI2LjYwMTkgNDkuMzM5NCAyNi40NTgyIDQ5LjQwMjggMjYuMzA2NCA0OS40MzY1QzI2LjE1NDUgNDkuNDcwMiAyNS45OTc1IDQ5LjQ3MzYgMjUuODQ0NCA0OS40NDY0QzI1LjY5MTMgNDkuNDE5MiAyNS41NDUgNDkuMzYyIDI1LjQxNDEgNDkuMjc4MUMyNS4yODMxIDQ5LjE5NDIgMjUuMTcgNDkuMDg1MiAyNS4wODE0IDQ4Ljk1NzRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzcuOTk1MyAyNi43MTgxVjI3Ljk3NTlDNzMuNjc2MSAzMi42MjY2IDY4LjczMjggMzguNzM5OSA2My4xNzUzIDQxLjE3NzRDNTYuMjI2OCA0NC4yMTk0IDQ5LjQxODEgNDMuNDE2NiA0Mi43NDkxIDM4Ljc2OTFDNDIuNjIzNiAzOC42ODE5IDQyLjUxNzcgMzguNTY5MyA0Mi40Mzg1IDM4LjQzODVDNDIuMzU5MiAzOC4zMDc4IDQyLjMwODMgMzguMTYxOSA0Mi4yODkgMzguMDEwM0M0Mi4yNjk3IDM3Ljg1ODYgNDIuMjgyNSAzNy43MDQ2IDQyLjMyNjUgMzcuNTU4MkM0Mi4zNzA0IDM3LjQxMTggNDIuNDQ0NyAzNy4yNzYzIDQyLjU0NDMgMzcuMTYwNEM0OS4yODQ4IDI5LjQ0NDkgNTcuNjMwOCAyNy41MDE0IDY3LjU4MjMgMzEuMzI5OUM2Ny45MjAzIDMxLjQ1OTkgNjguMjI1OCAzMS40MDQ2IDY4LjQ5ODggMzEuMTY0MUM3MC4yMDE4IDI5LjY0MzEgNzEuODY1OCAyOC4wMTgxIDczLjQ5MDggMjYuMjg5MUM3NS4wMzEzIDI0LjY0MTQgNzcuMDAwOCAyNC40MjY5IDc3Ljk5NTMgMjYuNzE4MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjkyNjg1IDU5LjAzMDNDNS4zNjQ4NSA0OS4zNzEzIDcuNDE1NiA0MS4yNzg4IDE1LjA3OTEgMzQuNzUyOEMxNS4zNTIxIDM0LjUxODggMTUuNjMxNiAzNC41MTIzIDE1LjkxNzYgMzQuNzMzM0MxNy4wMDMxIDM1LjU2NTMgMTcuODIyMSAzNi41Njk1IDE4LjM3NDYgMzcuNzQ2QzIyLjMzMzEgNDYuMTc5OCAyMS4xNDM2IDU4LjEzMzMgMTIuNTA1MSA2My4zNDk1QzEyLjM4NTEgNjMuNDIyMiAxMi4yNDQ0IDYzLjQ1MyAxMi4xMDUgNjMuNDM3MkMxMS45NjU2IDYzLjQyMTMgMTEuODM1NCA2My4zNTk2IDExLjczNDkgNjMuMjYxOEMxMC40NTQ0IDYyLjAzMzMgOS41MTgzNSA2MC42MjI4IDguOTI2ODUgNTkuMDMwM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01Ny4yMjY0IDQ4LjU4ODJDNTEuNTkwOSA1Ny40MzE1IDM2LjQwMDQgNTkuODk4MiAyOC42Mzk0IDUyLjMzMjJDMjguNTI3MyA1Mi4yMjM4IDI4LjQ1NzEgNTIuMDc5MiAyOC40NDEgNTEuOTI0MUMyOC40MjUgNTEuNzY5IDI4LjQ2NDEgNTEuNjEzMSAyOC41NTE2IDUxLjQ4NEMzNC45MTg0IDQyLjAzNjIgNDguNDkwNCA0MC45NzM1IDU3LjA3MDQgNDcuNjgxNUM1Ny4yMDU0IDQ3Ljc4MzYgNTcuMjk2NSA0Ny45MzM3IDU3LjMyNTQgNDguMTAxOEM1Ny4zNTQ0IDQ4LjI2OTkgNTcuMzE5IDQ4LjQ0MzYgNTcuMjI2NCA0OC41ODgyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE4Ljk1NDMgNjkuMDIxOEMxNy4zOTQzIDY4LjQ0MzMgMTUuOTc3MyA2Ny41NDMxIDE0LjcwMzMgNjYuMzIxMUMxNC40NTYzIDY2LjA4NzEgMTQuNDI3IDY1LjgyMzggMTQuNjE1NSA2NS41MzEzQzE2LjUzOTUgNjIuNTAyMyAxOS4xMzYzIDYwLjMyODEgMjIuNDA1OCA1OS4wMDg2QzI4Ljg5OTMgNTYuMzc2MSAzNS40NTc4IDU2LjkwMjYgNDIuMDgxMyA2MC41ODgxQzQzLjM2ODMgNjEuMzAzMSA0My41NDcgNjIuMjM1OCA0Mi42MTc1IDYzLjM4NjNDMzYuNjM3NSA3MC43NzAzIDI4Ljc0OTggNzIuNjQ4OCAxOC45NTQzIDY5LjAyMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMy42MzY3NSA3OC4wMDQxSDEuOTk4NzVDMS4xMDE3NSA3Ny41MjMxIDAuNDM1NSA3Ni44MjQzIDAgNzUuOTA3OFY3NC4yNjk4TDguNTAyIDY1LjU1MzNDOC43NTU1IDY1LjI5OTggOC45NjAyNSA2NS4zMzU2IDkuMTE2MjUgNjUuNjYwNkM5LjgxODI1IDY3LjEwMzYgMTAuODc3NyA2OC4xODI2IDEyLjI5NDcgNjguODk3NkMxMi42MDY3IDY5LjA1MzYgMTIuNjM5MiA2OS4yNTE4IDEyLjM5MjIgNjkuNDkyM0wzLjYzNjc1IDc4LjAwNDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwNzlfMjA5OTEiPgo8cmVjdCB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  }

[data-tile="dino"] div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-dino1.svg) bottom center no-repeat; */
    background-color: #F3B624;
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNzlfMjEwMDEpIj4KPHBhdGggZD0iTTUwLjgzODIgMEg1MS45OTUyQzU2LjQ0NzcgMS45ODkgNTEuMjQ3NyA1LjYyMjUgNDkuNzkxNyA3LjE4OUM0OS43MjI2IDcuMjYwNTEgNDkuNjg0IDcuMzU2MDYgNDkuNjg0IDcuNDU1NUM0OS42ODQgNy41NTQ5NCA0OS43MjI2IDcuNjUwNDkgNDkuNzkxNyA3LjcyMkM1Mi44MjcyIDEwLjkxMzUgNTYuMDMxNyAxMy4xMDQgNTUuOTQ3MiAxOC4wNTA1QzU1Ljk0NjMgMTguMTE0MiA1NS45NjQ1IDE4LjE3NjYgNTUuOTk5NCAxOC4yMjk5QzU2LjAzNDQgMTguMjgzMSA1Ni4wODQ0IDE4LjMyNDYgNTYuMTQzMiAxOC4zNDkxQzU2LjIwMiAxOC4zNzM2IDU2LjI2NjcgMTguMzc5OSA1Ni4zMjkxIDE4LjM2NzNDNTYuMzkxNSAxOC4zNTQ2IDU2LjQ0ODcgMTguMzIzNSA1Ni40OTMyIDE4LjI3OEM2MC4xNDYyIDE0LjU3MyA2My44MzM5IDEwLjk1OSA2Ny41NTYyIDcuNDM2QzY4LjI2MjYgNi43Njg2NyA2OS4wMTg3IDYuNjkwNjcgNjkuODI0NyA3LjIwMkM3MS43MDMyIDguMzc4NSA3MS4yMDI3IDkuOTUxNSA2OS44NDQyIDExLjMyM0M2Ni40NzI5IDE0LjcyOSA2My4wNDk2IDE4LjE0MzcgNTkuNTc0MiAyMS41NjdDNTkuNTM1OCAyMS42MDY1IDU5LjUwOTkgMjEuNjU2NCA1OS40OTk4IDIxLjcxMDVDNTkuNDg5NiAyMS43NjQ2IDU5LjQ5NTcgMjEuODIwNiA1OS41MTcyIDIxLjg3MTNDNTkuNTM4NyAyMS45MjE5IDU5LjU3NDggMjEuOTY1MSA1OS42MjA4IDIxLjk5NTRDNTkuNjY2NyAyMi4wMjU3IDU5LjcyMDcgMjIuMDQxNyA1OS43NzU3IDIyLjA0MTVDNjQuNTIwNyAyMS45Mzc1IDY3LjE5ODcgMjQuOTkyNSA3MC4xMjM3IDI4LjE0NUM3MC4xNzgxIDI4LjIwMzIgNzAuMjQ0IDI4LjI0OTQgNzAuMzE3MSAyOC4yODA2QzcwLjM5MDIgMjguMzExOSA3MC40Njg5IDI4LjMyNzQgNzAuNTQ4MSAyOC4zMjYxQzcwLjYyNzIgMjguMzI0OSA3MC43MDUgMjguMzA3IDcwLjc3NjQgMjguMjczNUM3MC44NDc4IDI4LjI0MDEgNzAuOTExMSAyOC4xOTE4IDcwLjk2MjIgMjguMTMyQzcyLjMwNzcgMjYuNTk4IDc2LjM5NjIgMjEuMzU5IDc4LjAwMTcgMjYuMjQwNVYyNy4xNjM1Qzc1LjY2NjEgMjkuNzI0NSA3Mi42NDU3IDMyLjgxNDIgNjguOTQwNyAzNi40MzI1QzY3LjYzMjEgMzcuNzEwOCA2Ni4xODQ3IDM4LjYwNTcgNjQuNTk4NyAzOS4xMTdDNjQuNTAwMSAzOS4xNDgzIDY0LjM5NDQgMzkuMTUyMSA2NC4yOTI2IDM5LjEyODFDNjQuMTkwOSAzOS4xMDQxIDY0LjA5NjggMzkuMDUzMSA2NC4wMjAyIDM4Ljk4MDVDNTkuNDgzMiAzNC41OTk1IDU2LjAxMjIgMjkuNjUzIDQ5LjEwOTIgMjkuMjA0NUM0OC45MDU2IDI5LjE5MTUgNDguNzk3MiAyOS4wODEgNDguNzg0MiAyOC44NzNDNDguMzIyNyAyMi4yNjI1IDQzLjUxOTIgMTguMzY5IDM5LjAzNDIgMTQuMDc5QzM4Ljk1OTUgMTQuMDA4NCAzOC45MDU1IDEzLjkxODQgMzguODc4IDEzLjgxODhDMzguODUwNSAxMy43MTkyIDM4Ljg1MDYgMTMuNjEzNiAzOC44NzgyIDEzLjUxMzVDMzkuMjc2OSAxMi4wMjI4IDM5Ljg0MjQgMTAuODY4IDQwLjU3NDcgMTAuMDQ5QzQzLjM0MzcgNi45NTUgNDYuNzY0OSAzLjYwNTMzIDUwLjgzODIgMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00Mi43MjI4IDM1LjQ3NUM1MC43MTc4IDMwLjY5MSA1NS43MTYzIDM2LjgyNyA2MC42NDk4IDQyLjNDNjAuODk3MiA0Mi41NzMxIDYxLjA0NDIgNDIuOTIyNSA2MS4wNjY2IDQzLjI5MUM2MS4wODkxIDQzLjY1OTUgNjAuOTg1NiA0NC4wMjUxIDYwLjc3MzMgNDQuMzI4QzU4LjgxNDcgNDcuMDk3IDU2LjMzODIgNDkuMjU1IDUzLjM0MzggNTAuODAyQzUzLjE0NTEgNTAuOTA0MiA1Mi45MTk1IDUwLjk0MTYgNTIuNjk5IDUwLjkwOUM1Mi40Nzg2IDUwLjg3NjMgNTIuMjc0NCA1MC43NzUyIDUyLjExNTMgNTAuNjJDNDcuNzI3OCA0Ni4zNDMgNDQuMjg5MyA0MS41MDcgMzcuMzkyOCA0MS4wMTk1QzM3LjI5NjMgNDEuMDEyMSAzNy4yMDU0IDQwLjk3MDEgMzcuMTM2NCA0MC45MDExQzM3LjA2NzQgNDAuODMyMSAzNy4wMjQ3IDQwLjc0MDUgMzcuMDE1OCA0MC42NDI1QzM2LjQxNzggMzMuODU2NSAzMi4wMTA4IDMwLjY3OCAyNy42NjIzIDI2LjEyOEMyNS43NTc4IDI0LjEzMjUgMzEuMzA4OCAxOS4wOTUgMzIuOTc5MyAxNy42OTc1QzM0LjExNjggMTYuNzQ4NSAzNC45NjgzIDE2LjYyNSAzNi4xMTg4IDE3LjcxN0M0MS40MTYzIDIyLjc1NDUgNDcuMjI3MyAyNy4zMjQgNDIuNTE0OCAzNS4yNjdDNDIuMzE1NSAzNS42MDk0IDQyLjM4NDggMzUuNjc4NyA0Mi43MjI4IDM1LjQ3NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMC44NTAyIDQ3LjMzMjdDMzguNTg1MiA0Mi4zMjc3IDQzLjY2ODIgNDguNDM3NyA0OC40NTIyIDUzLjU5MjJDNDkuMzY4NyA1NC41ODAyIDQ5LjU1NzIgNTUuNDEyMiA0OC42ODYyIDU2LjU2MjdDNDYuNjcxMiA1OS4yMTkgNDQuMjI3MiA2MS4yNDQ5IDQxLjM1NDIgNjIuNjQwMkM0MS4yMDE3IDYyLjcxNDQgNDEuMDMgNjIuNzM5OSA0MC44NjI2IDYyLjcxMzJDNDAuNjk1MSA2Mi42ODY0IDQwLjUzOTkgNjIuNjA4NyA0MC40MTgyIDYyLjQ5MDdDMzUuODQyMiA1OC4wMjUyIDMyLjU5ODcgNTMuNDE2NyAyNS42MTc3IDUyLjc1MzdDMjUuMzgzNyA1Mi43MzIgMjUuMjU1OCA1Mi42MDY0IDI1LjIzNDIgNTIuMzc2N0MyNC41NTE3IDQ1LjQ4MDIgMTkuOTIzNyA0MS45ODMyIDE1LjMyODIgMzcuMzgxMkMxNS4yNjEgMzcuMzEyNyAxNS4yMTY0IDM3LjIyNTEgMTUuMjAwMiAzNy4xMjk5QzE1LjE4MzkgMzcuMDM0OCAxNS4xOTY4IDM2LjkzNjYgMTUuMjM3MiAzNi44NDgyQzE2LjI3NzIgMzQuNjY0MiAyMS40NTc3IDI2LjczNDIgMjQuMTgxMiAyOS4yODIyQzI5LjU5NTcgMzQuMzU4NyAzNS40NzgyIDM5LjEzNjIgMzAuNjU1MiA0Ny4xNDQyQzMwLjQ0NzIgNDcuNDg2NSAzMC41MTIyIDQ3LjU0OTQgMzAuODUwMiA0Ny4zMzI3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIuNzA0IDc4LjAwNzZIMS44MjY1QzAuODQ3MTY3IDc3LjY1NjYgMC4yMzgzMzMgNzcuMDMyNiAwIDc2LjEzNTZWNzUuMDk1NkMxLjU2NDMzIDczLjI1ODMgMy4yMzcgNzEuNDQyNiA1LjAxOCA2OS42NDg2QzcuNTkyIDY3LjA1NTEgOC44NzkgNjQuODkwNiA3LjkyMzUgNjEuNDAwMUM3LjI2NyA1OC45OTUxIDQuODM2IDU3LjI3MjYgMy44OTM1IDU0Ljk1MjFDMS40NDk1IDQ4Ljk3MjEgNS40ODYgNDQuNTEzMSA5LjgwMiA0MC44NTM2QzEwLjE0MzMgNDAuNTY1IDEwLjU3ODYgNDAuNDExNiAxMS4wMjU0IDQwLjQyMjRDMTEuNDcyMiA0MC40MzMyIDExLjg5OTUgNDAuNjA3NCAxMi4yMjY1IDQwLjkxMjFDMTcuNjczNSA0Ni4wMTQ2IDIzLjU4ODUgNTAuNTI1NiAxOC45OCA1OC44NzE2QzE4Ljg3MTcgNTkuMDcwOSAxOC45MTkzIDU5LjEyNTEgMTkuMTIzIDU5LjAzNDFDMjIuMzQwNSA1Ny42NDk2IDI0LjIxMjUgNTYuNzI2NiAyNy43MDMgNTcuODM4MUMzMC45MTQgNTguODU4NiAzNC40OTU1IDYyLjg0OTYgMzYuODQ4NSA2NS41NDA2QzM3LjgzMjIgNjYuNjYzIDM3Ljc3MTUgNjcuNzY1OCAzNi42NjY1IDY4Ljg0OTFDMzIuNDgwNSA3Mi45NTA2IDI4LjkyNSA3Ni41NDUxIDIyLjYzMyA3My44MjE2QzIxLjkyNjcgNzMuNTE0IDIxLjA0MDUgNzIuOTAzIDE5Ljk3NDUgNzEuOTg4NkMxNi43NzY1IDY5LjIzOTEgMTIuNDU0IDY4LjgyOTYgOS40MjUgNzEuODA2NkM2LjIyMjY3IDc0Ljk0NCAzLjk4MjMzIDc3LjAxMSAyLjcwNCA3OC4wMDc2WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMDc5XzIxMDAxIj4KPHJlY3Qgd2lkdGg9Ijc4IiBoZWlnaHQ9Ijc4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  }


[data-tile="ahahah"]  div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-ah.svg) center center no-repeat; */
    background-color: #F3B624;
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjEwNDcgMzYuODYzOEMyNS45NzAzIDMwLjk1NzUgMjguNTQ4NyAyNi44OTI4IDMzLjgzOTcgMjQuNjY5OEMzMy45NDkgMjQuNjI0MiAzNC4wNDUxIDI0LjU1MTQgMzQuMTE4OSAyNC40NTgzQzM0LjE5MjggMjQuMzY1MSAzNC4yNDIxIDI0LjI1NDUgMzQuMjYyMiAyNC4xMzY4QzM1LjEwMDcgMTguNzgwOCAzNi44OTQ3IDE0LjY1MzMgNDIuNTM2NyAxMy4xNjQ4QzQyLjYyODcgMTMuMTQwMiA0Mi43MTQ2IDEzLjA5NTUgNDIuNzg4NiAxMy4wMzM4QzQyLjg2MjcgMTIuOTcyMSA0Mi45MjMgMTIuODk0OSA0Mi45NjU3IDEyLjgwNzNMNDUuNTY1NyA3LjQ3NzMzQzQ2LjA1OTcgNi40Njc2NiA0Ni44MTggNi4xOTQ2NiA0Ny44NDA3IDYuNjU4MzNDNDkuMTM0MiA3LjI0MzMzIDUyLjQ0OTIgOC4zNDgzMyA1MS44NjQyIDEwLjI3MjNDNTEuMzUwNyAxMS45Njg4IDUwLjk5MzIgMTMuNzQzMyA1MC41MjUyIDE1LjQ1MjhDNTAuNDY0NSAxNS42NzM4IDUwLjUwMzUgMTUuODc1MyA1MC42NDIyIDE2LjA1NzNDNTQuNDgzNyAyMS4wODgzIDU0LjQxODcgMjMuNzE0MyA1MC45OTk3IDI4Ljg3NTNDNTAuNDkyNyAyOS42NDIzIDUwLjE2MzMgMzAuNTA0NyA1MC4wMTE3IDMxLjQ2MjNDNDguODgwNyAzOC42MDU4IDQ2LjMyNjIgNDUuMDQwOCAzOC41ODQ3IDQ3LjAwMzhDMzguMzczOCA0Ny4wNTg3IDM4LjE4NjkgNDcuMTc5NiAzOC4wNTE3IDQ3LjM0ODNDMzMuNjQ0NyA1Mi43NjI4IDI4LjI5NTIgNTYuMzk2MyAyMC45NzYyIDU0Ljc5MDhDMTYuODg5OCA1My44OTM4IDEzLjMxMjcgNTIuMjQwNyAxMC4yNDQ3IDQ5LjgzMTNDOS45NzcwOCA0OS42MTg5IDkuNzk3MTcgNDkuMzE1NSA5LjczOTU3IDQ4Ljk3OTVDOS42ODE5OCA0OC42NDM1IDkuNzUwNzUgNDguMjk4NyA5LjkzMjY4IDQ4LjAxMTNDMTMuNzIyMiA0Mi4wNTczIDE4LjI1MjcgMzcuMzcwOCAyNS43OTI3IDM3LjE4ODhDMjYuMDA1IDM3LjE4NDUgMjYuMTA5IDM3LjA3NjIgMjYuMTA0NyAzNi44NjM4Wk0zNy44NTAyIDQyLjExNThDNDEuNjU5MiA0MC45MzkzIDQ1LjQyMjcgMzYuNjYyMyA0NS4zODM3IDMyLjQyNDNDNDUuMzgyMSAzMi4xODUzIDQ1LjMyMzcgMzEuOTUgNDUuMjEzMyAzMS43MzhDNDUuMTAyOSAzMS41MjYgNDQuOTQzNyAzMS4zNDMyIDQ0Ljc0ODggMzEuMjA0OEM0NC41NTM5IDMxLjA2NjQgNDQuMzI4OSAzMC45NzYzIDQ0LjA5MjMgMzAuOTQyQzQzLjg1NTcgMzAuOTA3NiA0My42MTQ0IDMwLjkzIDQzLjM4ODIgMzEuMDA3M0M0Mi41ODg3IDMxLjI4NjggNDIuMjMxMiAzMi4wMjc4IDQyLjAzNjIgMzIuODk4OEM0MS4zODE4IDM1Ljg4ODggMzkuNjE2IDM3Ljk2NjcgMzYuNzM4NyAzOS4xMzIzQzM1Ljg0MTcgMzkuNDk2MyAzNS41Mjk3IDQwLjEyOSAzNS44MDI3IDQxLjAzMDNDMzUuODY1OCA0MS4yMzYxIDM1Ljk2ODggNDEuNDI3NCAzNi4xMDU4IDQxLjU5MzNDMzYuMjQyOSA0MS43NTkzIDM2LjQxMTMgNDEuODk2NiAzNi42MDE1IDQxLjk5NzRDMzYuNzkxNiA0Mi4wOTgyIDM2Ljk5OTggNDIuMTYwNSAzNy4yMTQgNDIuMTgwOUMzNy40MjgzIDQyLjIwMTIgMzcuNjQ0NSA0Mi4xNzkxIDM3Ljg1MDIgNDIuMTE1OFpNMjkuMzQxNyA0NC42NzY4QzI2Ljc1NDcgNDYuODAyMyAyNC4xNzQyIDQ2Ljk3NzggMjAuOTYzMiA0Ny4xNjYzQzE4Ljk1NDcgNDcuMjgzMyAxOC44MzEyIDUwLjE4MjMgMjEuMzA3NyA1MC4zMzgzQzI0LjgzMDcgNTAuNTY1OCAzMC40OTg3IDQ5LjMxNzggMzIuMzk2NyA0NS45MDUzQzMyLjQ5NjUgNDUuNzI2NyAzMi41MjIyIDQ1LjUxNjUgMzIuNDY4MiA0NS4zMjAzQzMxLjk2NzcgNDMuNDkzOCAzMC42Mjg3IDQzLjYxNzMgMjkuMzQxNyA0NC42NzY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI5LjExMDEgMTMuMjYyM0MyOC4zMDQxIDE4LjU5ODggMjIuNzIwNiAyMy4xNDIzIDE3Ljc5MzYgMTkuMDkyOEMxMC40NjE2IDEzLjA2NzMgMzAuODk3NiAxLjM5OTgzIDI5LjExMDEgMTMuMjYyM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMC42ODYzIDI2Ljc3NTFDMjIuOTYxMyAzMC44NzAxIDE5LjgwMjMgMzQuMTAwNiAxNS45MTUzIDM0LjY1MzFDNy42ODYzIDM1LjgzNjEgMi45MDIzIDIxLjI0MzYgOS41NTgzIDIwLjM0NjZDMTMuNTc1MyAxOS44MDA2IDE4Ljg4NTggMjMuNTI1MSAyMC42ODYzIDI2Ljc3NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDMuOTAyIDUzLjAxNjlDNDQuMjQgNDguMzY5NCA0NS4yNzM1IDQ0LjUwODQgNDkuNDk4NSA0Mi4wMTg5QzQ5Ljk5MjUgNDEuNzI2NCA1MS4wNjUgNDEuNDE0NCA1MS43NjA1IDQwLjk1OTRDNTEuOTQ2OSA0MC44MzM3IDUyLjA1NzQgNDAuNjYwNCA1Mi4wOTIgNDAuNDM5NEM1Mi44NTI1IDM1LjE3NDQgNTQuOTMyNSAzMC45MTY5IDYwLjM0MDUgMjkuMzgyOUM2MC40NDkgMjkuMzUyMSA2MC41NDk3IDI5LjI5OTEgNjAuNjM1OSAyOS4yMjc0QzYwLjcyMjEgMjkuMTU1NyA2MC43OTIgMjkuMDY3IDYwLjg0MSAyOC45NjY5TDYzLjUyNTUgMjMuNTUyNEM2My42Nzk4IDIzLjI0MzIgNjMuOTM5NCAyMi45OTkzIDY0LjI1NzYgMjIuODY0NkM2NC41NzU4IDIyLjczIDY0LjkzMTcgMjIuNzEzNCA2NS4yNjEgMjIuODE3OUM2Ni44NTM1IDIzLjMyNDkgNzAuMzUwNSAyNC40NDk0IDY5LjY0ODUgMjYuODAyNEM2OS4xMzcyIDI4LjUxODQgNjguNzE2OSAzMC4yNTM5IDY4LjM4NzUgMzIuMDA4OUM2OC4zNjkzIDMyLjExMzQgNjguMzc2MiAzMi4yMjA5IDY4LjQwNzkgMzIuMzIyNkM2OC40Mzk1IDMyLjQyNDMgNjguNDk0OSAzMi41MTczIDY4LjU2OTUgMzIuNTkzOUM3MS40MDc5IDM1LjQzNjYgNzIuMDk2OSAzOC42MDg2IDcwLjYzNjUgNDIuMTA5OUM2OS45NzM1IDQzLjcwMjQgNjguMjM4IDQ1LjI5NDkgNjcuOTcxNSA0Ny4xMTQ5QzY3LjEyNjUgNTIuODAyNCA2NS40MDQgNTguNjMyOSA2MC4yMTcgNjEuODA0OUM1OC42NyA2Mi43NDc0IDU2LjU1MSA2Mi43MzQ0IDU1LjI2NCA2NC4zNTk0QzQ3Ljc1NjUgNzMuODIzNCAzOC40ODEgNzIuNjIwOSAyOS4xNDA1IDY2Ljg2ODRDMjguNDA4MiA2Ni40MTc3IDI3Ljg5NjkgNjUuODk3NyAyNy42MDY1IDY1LjMwODRDMjcuNTU0MiA2NS4xOTgxIDI3LjUyOTIgNjUuMDc3MSAyNy41MzM3IDY0Ljk1NkMyNy41MzgzIDY0LjgzNDggMjcuNTcyMiA2NC43MTcxIDI3LjYzMjUgNjQuNjEyOUMyOC4xOTE1IDYzLjY1MDkgMjkuMTczIDYyLjI3NTEgMzAuNTc3IDYwLjQ4NTRDMzQuMDE3NyA1Ni4wOTE0IDM4LjMzMTUgNTMuNzI3NiA0My41MTg1IDUzLjM5MzlDNDMuNzU2OSA1My4zNzY2IDQzLjg4NDcgNTMuMjUwOSA0My45MDIgNTMuMDE2OVpNNjAuNDc3IDQ3Ljc2NDlDNTkuMDczIDUxLjEyNTQgNTguNjExNSA1NC4wODk0IDU0LjY4NTUgNTUuMzU2OUM1NC4zMjg5IDU1LjQ3MDkgNTQuMDIzMiA1NS43MDU1IDUzLjgyMTQgNTYuMDJDNTMuNjE5NiA1Ni4zMzQ2IDUzLjUzNDQgNTYuNzA5MyA1My41ODA1IDU3LjA3OTRDNTMuODkyNSA1OS42MDc5IDU3LjEyMyA1OC4wODY5IDU4LjI0MSA1Ny4yNTQ5QzYxLjE1MyA1NS4wOTY5IDYyLjgzMjIgNTIuMjYwNyA2My4yNzg1IDQ4Ljc0NjRDNjMuMzAzNyA0OC41MzU3IDYzLjI1NzggNDguMzI0OSA2My4xNDg1IDQ4LjE0ODRDNjIuNjMyOSA0Ny4zMTIxIDYxLjkxNzkgNDcuMDI2MSA2MS4wMDM1IDQ3LjI5MDRDNjAuODg1OCA0Ny4zMjUgNjAuNzc3NCA0Ny4zODU2IDYwLjY4NjMgNDcuNDY3OEM2MC41OTUyIDQ3LjU0OTkgNjAuNTIzNyA0Ny42NTE0IDYwLjQ3NyA0Ny43NjQ5Wk00Mi4zNDIgNjMuMTM3NEM0MS4yNTY1IDYzLjM0NTQgMzkuNjI1IDYzLjIyODQgMzguMzk2NSA2My41Mjc0QzM4LjE5MjcgNjMuNTc1MyAzOC4wMDE4IDYzLjY2NzUgMzcuODM3NiA2My43OTc3QzM3LjY3MzQgNjMuOTI3OCAzNy41Mzk3IDY0LjA5MjYgMzcuNDQ2MSA2NC4yODA1QzM3LjM1MjUgNjQuNDY4MyAzNy4zMDEyIDY0LjY3NDcgMzcuMjk1OCA2NC44ODQ5QzM3LjI5MDQgNjUuMDk1MSAzNy4zMzExIDY1LjMwNCAzNy40MTUgNjUuNDk2OUMzNy43MjcgNjYuMjExOSAzOC4zMDM0IDY2LjU5MTEgMzkuMTQ0IDY2LjYzNDRDNDIuOTIyNyA2Ni44MzM3IDQ2LjI4NzUgNjUuODA4OSA0OS4yMzg1IDYzLjU1OTlDNTEuMjc5NSA2MS45OTk5IDQ5LjkwOCA1OC43NTY0IDQ3LjM0MDUgNjAuODI5OUM0NS44NjcyIDYyLjAxNzIgNDQuMjAxIDYyLjc4NjQgNDIuMzQyIDYzLjEzNzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  }


[data-tile="tri"] div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-tri.svg) center center no-repeat; */
    background-color: #F3B624;
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNzlfMjEwMTMpIj4KPHBhdGggZD0iTTM4LjA0MTkgMEg0MC4wMjQ0QzUyLjQ0NTkgMy4yNzYgNTUuNzkzNCAyNS43NTMgNTYuOTE3OSAzNi4yMzFDNTYuOTM5NiAzNi40NjUgNTYuODQ0MyAzNi42Mjc1IDU2LjYzMTkgMzYuNzE4NUM1NS44MzAzIDM3LjA3MzggNTUuMDE3OCAzNy40MTE4IDU0LjE5NDQgMzcuNzMyNUM0Ny40NzM0IDQwLjM2NSA0Mi4yODY0IDQ1LjU5NzUgMzkuMTQ2OSA1Mi4wNTJDMzkuMDIxMyA1Mi4zMTIgMzguODk1NiA1Mi4zMTIgMzguNzY5OSA1Mi4wNTJDMzUuMTUxNiA0NC41MTYzIDI5LjM2MjMgMzkuNDI2OCAyMS40MDE5IDM2Ljc4MzVDMjEuMTYzNiAzNi43MDU1IDIxLjA1NTMgMzYuNTQzIDIxLjA3NjkgMzYuMjk2QzIxLjgyNDQgMjYuMDUyIDI1Ljc4MjkgMy4wNDg1IDM4LjA0MTkgMFpNNDcuMjg0NSAxNi43NDkxQzQ3LjI4NDQgMTYuNzAyMSA0Ny4yNzUgMTYuNjU1NyA0Ny4yNTY5IDE2LjYxMjRDNDcuMjM4NyAxNi41NjkgNDcuMjEyMyAxNi41Mjk3IDQ3LjE3OSAxNi40OTY2QzQ3LjE0NTYgMTYuNDYzNiA0Ny4xMDYxIDE2LjQzNzQgNDcuMDYyNyAxNi40MTk1QzQ3LjAxOTMgMTYuNDAxNyA0Ni45NzI4IDE2LjM5MjYgNDYuOTI1OCAxNi4zOTI4TDQzLjA3NzggMTYuNDA2M0M0My4wMzA5IDE2LjQwNjQgNDIuOTg0NCAxNi40MTU4IDQyLjk0MTEgMTYuNDMzOUM0Mi44OTc4IDE2LjQ1MjEgNDIuODU4NSAxNi40Nzg1IDQyLjgyNTQgMTYuNTExOEM0Mi43OTIzIDE2LjU0NTIgNDIuNzY2MSAxNi41ODQ3IDQyLjc0ODMgMTYuNjI4MUM0Mi43MzA1IDE2LjY3MTUgNDIuNzIxNCAxNi43MTggNDIuNzIxNSAxNi43NjVMNDIuNzM1MyAyMC43MDM5QzQyLjczNTUgMjAuNzUwOSA0Mi43NDQ5IDIwLjc5NzMgNDIuNzYzIDIwLjg0MDZDNDIuNzgxMSAyMC44ODQgNDIuODA3NiAyMC45MjMzIDQyLjg0MDkgMjAuOTU2NEM0Mi44NzQyIDIwLjk4OTQgNDIuOTEzNyAyMS4wMTU2IDQyLjk1NzEgMjEuMDMzNUM0My4wMDA2IDIxLjA1MTMgNDMuMDQ3MSAyMS4wNjA0IDQzLjA5NDEgMjEuMDYwMkw0Ni45NDIxIDIxLjA0NjdDNDYuOTg5IDIxLjA0NjYgNDcuMDM1NSAyMS4wMzcyIDQ3LjA3ODggMjEuMDE5MUM0Ny4xMjIxIDIxLjAwMDkgNDcuMTYxNCAyMC45NzQ1IDQ3LjE5NDUgMjAuOTQxMkM0Ny4yMjc2IDIwLjkwNzggNDcuMjUzOCAyMC44NjgzIDQ3LjI3MTYgMjAuODI0OUM0Ny4yODk0IDIwLjc4MTUgNDcuMjk4NSAyMC43MzUgNDcuMjk4MyAyMC42ODhMNDcuMjg0NSAxNi43NDkxWk0zNS4zMTIxIDI4LjgxNjFDMzUuMzEyNSAyOC43MTQ0IDM1LjI3MjQgMjguNjE2NyAzNS4yMDA3IDI4LjU0NDVDMzUuMTI5MSAyOC40NzI0IDM1LjAzMTcgMjguNDMxNiAzNC45MyAyOC40MzEzTDMxLjA2OSAyOC40MTc4QzMwLjk2NzMgMjguNDE3NSAzMC44Njk2IDI4LjQ1NzUgMzAuNzk3NSAyOC41MjkyQzMwLjcyNTMgMjguNjAwOCAzMC42ODQ1IDI4LjY5ODIgMzAuNjg0MiAyOC43OTk5TDMwLjY3MDcgMzIuNjQ3OUMzMC42NzA0IDMyLjc0OTYgMzAuNzEwNSAzMi44NDczIDMwLjc4MjEgMzIuOTE5NUMzMC44NTM4IDMyLjk5MTYgMzAuOTUxMiAzMy4wMzI0IDMxLjA1MjkgMzMuMDMyN0wzNC45MTM5IDMzLjA0NjJDMzUuMDE1NiAzMy4wNDY1IDM1LjExMzIgMzMuMDA2NSAzNS4xODU0IDMyLjkzNDhDMzUuMjU3NiAzMi44NjMyIDM1LjI5ODMgMzIuNzY1OCAzNS4yOTg3IDMyLjY2NDFMMzUuMzEyMSAyOC44MTYxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQyLjE3OTQgNzcuOTk5OEg0MS4zMjE0QzQxLjI1MjEgNzEuNDk5OCA0MS4yMzY5IDY2LjY3OSA0MS4yNzU5IDYzLjUzNzNDNDEuNDM4NCA1MC4yNzczIDUxLjU5MTQgNDAuODAwMyA2NC43ODY0IDQwLjEzNzNDNjQuODUwOSA0MC4xMzM4IDY0LjkxNTIgNDAuMTQ1NCA2NC45NzQ1IDQwLjE3MUM2NS4wMzM4IDQwLjE5NjcgNjUuMDg2NSA0MC4yMzU4IDY1LjEyODUgNDAuMjg1NEM2NS4xNzA1IDQwLjMzNDkgNjUuMjAwOCA0MC4zOTM2IDY1LjIxNyA0MC40NTdDNjUuMjMzMiA0MC41MjAzIDY1LjIzNDkgNDAuNTg2NiA2NS4yMjE5IDQwLjY1MDhDNjQuNzA2MyA0My4wMTI1IDY0LjMzMTQgNDUuNDI0IDY0LjA5NzQgNDcuODg1M0M2My43OTg0IDUxLjA2MzggNjQuMzE4NCA1Ny4wMjQzIDYzLjIyNjQgNjAuNDYyOEM1OS45NTQ4IDcwLjc1MDIgNTIuOTM5MSA3Ni41OTU4IDQyLjE3OTQgNzcuOTk5OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNi42MzI0IDc4LjAwODVIMzUuNzQxOUMyMi45MzA0IDc2LjA5MSAxNC4wNDQ5IDY3LjI1NzUgMTQuMDY0NCA1NC4xMDhDMTQuMDczMSA0OS41OTcgMTMuNjQ0MSA0NS4xMTQxIDEyLjc3NzQgNDAuNjU5NUMxMi43MzQxIDQwLjQ0NzEgMTIuODIwOCA0MC4zMzg4IDEzLjAzNzQgNDAuMzM0NUMyNi41NTA5IDM5Ljg2NjUgMzYuNDM3NCA1MS4wNzkgMzYuNzEwNCA2My44NzFDMzYuNzU4MSA2Ni4wNDIgMzYuNzMyMSA3MC43NTQ1IDM2LjYzMjQgNzguMDA4NVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjA3OV8yMTAxMyI+CjxyZWN0IHdpZHRoPSI3OCIgaGVpZ2h0PSI3OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  }

[data-tile="ptero"]  div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-ptero.svg) center center no-repeat; */
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F3B624;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwNzlfMjEwMTgpIj4KPHBhdGggZD0iTTM3LjQ3NDIgMjMuMjkxNUMzOS4xOTY3IDI0Ljc2NyA0MS40NTIyIDIzLjAxMiA0MS40MDAyIDIwLjc4OUM0MS4yNTcyIDE0LjE3MiA0MS4yMjQ3IDcuNTIwMzcgNDEuMzAyNyAwLjgzNDAzNEM0MS4zMDcgMC40Mzk3IDQxLjQyNjIgMC40MDI4NjcgNDEuNjYwMiAwLjcyMzUzNEM0Mi44NTE5IDIuMzUyODcgNDQuMzY2NCA0LjQ3NjIgNDYuMjAzNyA3LjA5MzUzQzUxLjI2MDcgMTQuMjk1NSA1Mi40MTEyIDIxLjgxNiA0OS42NTUyIDI5LjY1NUM0OC4xNjAyIDMzLjkxMjUgNDQuODQ1MiAzOC4xMzc1IDQxLjk4NTIgNDEuOTQ2NUM0MC4wOTM3IDQ0LjQ3NSAzNy42ODIyIDQ0LjQwMzUgMzUuODQyNyA0MS44Mjk1QzMzLjYzMjcgMzguNzQ4NSAzMC45Mjg3IDM1LjMyOTUgMjkuNDIwNyAzMi4yNjhDMjUuOTI4IDI1LjE5NiAyNS45ODQ0IDE3LjkxODIgMjkuNTg5NyAxMC40MzQ1QzMwLjUyMTQgOC41MDYyIDMyLjc4NTUgNS4yOTUyIDM2LjM4MjIgMC44MDE1MzRDMzYuNTQyNSAwLjU5Nzg2NyAzNi42MjcgMC42MjYwMzQgMzYuNjM1NyAwLjg4NjAzNEMzNi43NTI3IDcuNDc3MDMgMzYuNzE4IDE0LjA1OTQgMzYuNTMxNyAyMC42MzNDMzYuNDk3IDIxLjg0MiAzNi44MTEyIDIyLjcyODIgMzcuNDc0MiAyMy4yOTE1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgNDEuMDA1N1YzNy4zNzg3TDAuODcxIDI4LjM1NjdDMC44NzU5MTkgMjguMzA0MyAwLjg5NzQ4MyAyOC4yNTQ4IDAuOTMyNTQxIDI4LjIxNTRDMC45Njc2IDI4LjE3NjEgMS4wMTQzMiAyOC4xNDkgMS4wNjU4NyAyOC4xMzgxQzEuMTE3NDEgMjguMTI3MiAxLjE3MTEgMjguMTMzMSAxLjIxOTA3IDI4LjE1NDlDMS4yNjcwNCAyOC4xNzY3IDEuMzA2NzggMjguMjEzMiAxLjMzMjUgMjguMjU5MkM0LjgwMzUgMzQuMzQzMiA4LjI4NzUgNDAuMzczMSAxMS43ODQ1IDQ2LjM0ODdDMTIuODc2NSA0OC4yMTQyIDE2LjA2OCA0Ny4wNzAyIDE1Ljg0NyA0NC44NjY3QzE1Ljc5OTMgNDQuMzcyNyAxNS41MTEyIDQzLjY2NjQgMTQuOTgyNSA0Mi43NDc3QzExLjc3NTggMzcuMTQ5MSA4LjUxMjgzIDMxLjUxNzkgNS4xOTM1IDI1Ljg1NDJDNS4xNzU4NiAyNS44MjI0IDUuMTY4NTggMjUuNzg1OCA1LjE3MjY2IDI1Ljc0OTZDNS4xNzY3NCAyNS43MTM0IDUuMTkxOTggMjUuNjc5NCA1LjIxNjI3IDI1LjY1MjJDNS4yNDA1NSAyNS42MjUxIDUuMjcyNjggMjUuNjA2MiA1LjMwODIgMjUuNTk4MUM1LjM0MzcyIDI1LjU5IDUuMzgwODcgMjUuNTkzMiA1LjQxNDUgMjUuNjA3MkM5LjU4NzUgMjcuNDcyNyAxNC41NiAyOS40MjkyIDE3Ljg5NDUgMzEuOTUxMkMyMi42MDA1IDM1LjUwODkgMjUuNTgxOCA0MC4xOTExIDI2LjgzODUgNDUuOTk3N0MyNy44ODUgNTAuODIwNyAyNy4wNDY1IDU1LjU0NjIgMjYuNDg3NSA2MC45MjgyQzI2LjE2OSA2NC4wMTU3IDI0LjIxOSA2NS40ODQ3IDIxLjI5NCA2NC4yMzAyQzE2LjYxODMgNjIuMjE5NiAxMy42NzgyIDYwLjg3MTkgMTIuNDczNSA2MC4xODcyQzUuMDg5NSA1NS45ODM5IDAuOTMxNjY3IDQ5LjU5MDEgMCA0MS4wMDU3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTc4LjAwMDkgNTAuNDcwOVY1My43NzI5Qzc3LjE5NDkgNjEuMjkxMiA3My45MjExIDY3LjE1ODUgNjguMTc5NCA3MS4zNzQ5QzY1LjA3ODkgNzMuNjQ5OSA2MC42Mzk0IDc1LjM3ODkgNTYuODEwOSA3Ny4wODE5QzU0LjAyMjQgNzguMzIzNCA1MS44MTg5IDc3LjEwNzkgNTEuNTAwNCA3NC4xMDQ5QzUxLjA2NDkgNzAuMDAzNCA1MC4zMzY5IDY1LjI4NDQgNTAuNzMzNCA2MS41Mjc0QzUyLjExMTQgNDguNTUzNCA2MS4yNDM5IDQyLjg3MjQgNzIuNTE0OSAzOC42Nzk5QzcyLjc5MjMgMzguNTc1OSA3Mi44NTUxIDM4LjY1MTcgNzIuNzAzNCAzOC45MDc0QzY5LjM0NTEgNDQuNTk3IDY2LjAwNDEgNTAuMzc3NyA2Mi42ODA0IDU2LjI0OTRDNjEuODQxOSA1Ny43MjQ5IDYxLjgwOTQgNTkuNDY2OSA2My42MjI5IDYwLjA1MTlDNjUuNTA3OSA2MC42NTY0IDY2LjIwMzQgNTkuMjc4NCA2Ni45OTY0IDU3Ljg5MzlDNzAuMjI5MSA1Mi4yOTk1IDczLjQ3NjkgNDYuNjc0OSA3Ni43Mzk5IDQxLjAxOTlDNzYuNzU2MiA0MC45OTAyIDc2Ljc4MTYgNDAuOTY2NyA3Ni44MTI0IDQwLjk1MjdDNzYuODQzMSA0MC45Mzg4IDc2Ljg3NzYgNDAuOTM1MiA3Ni45MTA2IDQwLjk0MjVDNzYuOTQzNiA0MC45NDk5IDc2Ljk3MzMgNDAuOTY3NyA3Ni45OTUzIDQwLjk5MzRDNzcuMDE3MiA0MS4wMTkgNzcuMDMwMyA0MS4wNTEyIDc3LjAzMjQgNDEuMDg0OUw3OC4wMDA5IDUwLjQ3MDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwNzlfMjEwMTgiPgo8cmVjdCB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  }

[data-tile="erupt"] div:nth-child(3) {
    /* background: #fff8e7 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/dino-erupt.svg) center center no-repeat; */
    background-size: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F3B624;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzgiIHZpZXdCb3g9IjAgMCA3OCA3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUwLjEwMTMgNjAuODIxOEM0OC4xNzkgNTkuOTI1NiA0Ni4wMTgyIDU5LjE3ODIgNDMuNjg0NiA1OC41OTI0QzQyLjg4NDcgNTkuMTkyNSA0Mi4xODU0IDU5LjkxNjEgNDEuNjEyOSA2MC43MzZDNDAuMjA5IDYyLjc0MjQgMzkuNzAxOCA2NS4wNzU1IDQwLjEwODEgNjcuNjcxNkM0MC4xMzAxIDY3LjgxMjMgNDAuMTI0MSA2Ny45NTU5IDQwLjA5MDUgNjguMDk0M0M0MC4wNTcgNjguMjMyNiAzOS45OTY1IDY4LjM2MzEgMzkuOTEyNiA2OC40NzgxQzM5LjgyODYgNjguNTkzIDM5LjcyMjkgNjguNjkwNCAzOS42MDEzIDY4Ljc2NDVDMzkuNDc5NyA2OC44Mzg2IDM5LjM0NDggNjguODg4MSAzOS4yMDQxIDY4LjkxQzM5LjA2MzQgNjguOTMyIDM4LjkxOTggNjguOTI2IDM4Ljc4MTQgNjguODkyNUMzOC42NDMgNjguODU4OSAzOC41MTI2IDY4Ljc5ODUgMzguMzk3NiA2OC43MTQ1QzM4LjI4MjYgNjguNjMwNiAzOC4xODUzIDY4LjUyNDggMzguMTExMiA2OC40MDMyQzM4LjAzNzEgNjguMjgxNyAzNy45ODc2IDY4LjE0NjcgMzcuOTY1NyA2OC4wMDZDMzcuMzQ0MiA2NC4wMTEgMzguNjc1MiA2MS4xMjQ1IDM5LjkwMDggNTkuNDA2N0M0MC4yNTIzIDU4LjkxNDUgNDAuNjQxNCA1OC40NTAxIDQxLjA2NDUgNTguMDE3OEMzNy44ODc2IDU3LjQxNTMgMzQuNDYzOCA1Ny4wOTA5IDMwLjkyNzUgNTcuMDc0MkMzMC44OTg2IDU3LjEwOCAzMC44Njc1IDU3LjEzOTkgMzAuODM0NCA1Ny4xNjk1QzI5LjU4MTUgNTguMzA3NiAyNS42MjgyIDYyLjQxNDcgMjcuMzY5NCA2Ny40ODc3QzI3LjQxODQgNjcuNjIzIDI3LjQ0IDY3Ljc2NjcgMjcuNDMyOSA2Ny45MTA1QzI3LjQyNTcgNjguMDU0MiAyNy4zOTAxIDY4LjE5NTEgMjcuMzI4IDY4LjMyNDlDMjcuMjY1OCA2OC40NTQ3IDI3LjE3ODUgNjguNTcwOSAyNy4wNzEgNjguNjY2NUMyNi45NjM1IDY4Ljc2MjIgMjYuODM4IDY4LjgzNTYgMjYuNzAxOSA2OC44ODIzQzI2LjU2NTggNjguOTI5IDI2LjQyMTcgNjguOTQ4MSAyNi4yNzgxIDY4LjkzODVDMjYuMTM0NSA2OC45MjkgMjUuOTk0MiA2OC44OTA5IDI1Ljg2NTUgNjguODI2NkMyNS43MzY4IDY4Ljc2MjIgMjUuNjIyMSA2OC42NzI5IDI1LjUyODMgNjguNTYzOEMyNS40MzQ0IDY4LjQ1NDcgMjUuMzYzMyA2OC4zMjggMjUuMzE4OSA2OC4xOTExQzI0LjgxMjkgNjYuNzM1IDI0LjY1MTMgNjUuMTgxNiAyNC44NDY4IDYzLjY1MjZDMjUuMDA3OSA2Mi4zOTQxIDI1LjQxMDMgNjEuMTI5NSAyNi4wNDI5IDU5Ljg5NDRDMjYuNTUyMyA1OC45MDk2IDI3LjE2OTIgNTcuOTg0MSAyNy44ODIxIDU3LjEzNUMyNC41Nzc2IDU3LjI4NTUgMjEuNDAyNCA1Ny43MDc0IDE4LjQ3NjkgNTguMzc2MkMxOC4xNDY4IDU4LjU5MTkgMTcuODI4NyA1OC44MjU0IDE3LjUyMzggNTkuMDc1NkMxNi44MDAzIDU5LjY1NjMgMTYuMTM1IDYwLjMwNjEgMTUuNTM3NSA2MS4wMTU4QzEzLjc2MDYgNjMuMTQ5MyAxMy4wMzM5IDY1LjM5MDQgMTMuMzc3NyA2Ny42NzY2QzEzLjQwMjEgNjcuODE4OCAxMy4zOTc4IDY3Ljk2NDQgMTMuMzY1MiA2OC4xMDQ4QzEzLjMzMjYgNjguMjQ1MyAxMy4yNzIyIDY4LjM3NzkgMTMuMTg3NyA2OC40OTQ3QzEzLjEwMzIgNjguNjExNiAxMi45OTYyIDY4LjcxMDQgMTIuODczMSA2OC43ODU1QzEyLjc0OTkgNjguODYwNSAxMi42MTMgNjguOTEwMSAxMi40NzA0IDY4LjkzMTZDMTIuMzI3NyA2OC45NTMgMTIuMTgyMyA2OC45NDU4IDEyLjA0MjUgNjguOTEwM0MxMS45MDI3IDY4Ljg3NDggMTEuNzcxNCA2OC44MTE4IDExLjY1NjMgNjguNzI0OUMxMS41NDEyIDY4LjYzOCAxMS40NDQ1IDY4LjUyOTEgMTEuMzcyMSA2OC40MDQ0QzExLjI5OTYgNjguMjc5NyAxMS4yNTI3IDY4LjE0MTggMTEuMjM0MiA2Ny45OTg4QzEwLjgwNjcgNjUuMTU2MyAxMS42ODczIDYyLjMwMjcgMTMuNzgxMyA1OS43Mzg5QzEyLjg2MDUgNjAuMDcgMTEuOTgyNyA2MC40MzA5IDExLjE0NzggNjAuODIxOEM4LjY5MDQ1IDYxLjk2NzIgNi43NzM3NCA2My4yODgxIDUuNDUxMTUgNjQuNzQ2MUM0LjE2OTI2IDY2LjE2MTIgMy41MTY2IDY3LjYzODIgMy41MTY2IDY5LjEzNTJDMy41MTY2IDcxLjk1OTggNS45NTEwOSA3My45NTkgMTAuOTYgNzUuMjQ3NkMxNS40MjM4IDc2LjM5NTggMjEuNjcyMiA3Ni45MzA4IDMwLjYyNDggNzYuOTMwOEMzOS41Nzc1IDc2LjkzMDggNDUuODI1NCA3Ni4zOTU4IDUwLjI4OTIgNzUuMjQ3NkM1NS4yOTggNzMuOTU5IDU3LjczMzEgNzEuOTU5MyA1Ny43MzMxIDY5LjEzNTJDNTcuNzMzMSA2Ny42MzgyIDU3LjA4MjEgNjYuMTYxMiA1NS43OTg1IDY0Ljc0NjFDNTQuNDc1OSA2My4yODgxIDUyLjU1OTIgNjEuOTY3MiA1MC4xMDEzIDYwLjgyMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjcuODI5NyA0Ny42NzM1QzY2LjE2NDkgNDYuODk3NyA2NC4yOTYxIDQ2LjI0OTUgNjIuMjc4NSA0NS43NDAxQzYxLjYwNTUgNDYuMjUzOCA2MS4wMTY0IDQ2Ljg2OSA2MC41MzIzIDQ3LjU2MzdDNTkuMzI0IDQ5LjI5NTQgNTguODg4MiA1MS4zMDk2IDU5LjIzNzEgNTMuNTUwN0M1OS4yODEzIDUzLjgzNDcgNTkuMjEwOSA1NC4xMjQ3IDU5LjA0MTQgNTQuMzU2OEM1OC44NzE4IDU0LjU4OSA1OC42MTcxIDU0Ljc0NDMgNTguMzMzIDU0Ljc4ODZDNTguMjc3NyA1NC43OTY5IDU4LjIyMTggNTQuODAxMiA1OC4xNjU4IDU0LjgwMTRDNTcuOTA3NCA1NC44MDEyIDU3LjY1NzUgNTQuNzA4NiA1Ny40NjEzIDU0LjU0MDRDNTcuMjY1MSA1NC4zNzIyIDU3LjEzNTUgNTQuMTM5NCA1Ny4wOTU3IDUzLjg4NEM1Ni41NDI5IDUwLjMzMDkgNTcuNzI3MiA0Ny43NjMyIDU4LjgxNzkgNDYuMjM0NEM1OS4wODMyIDQ1Ljg2MjkgNTkuMzcyNSA0NS41MDkxIDU5LjY4NDEgNDUuMTc1NUM1Ni45MiA0NC42NzcgNTQuMTE4NCA0NC40MTYgNTEuMzA5OSA0NC4zOTUyQzUxLjE3ODQgNDQuNTIxNyA1MC45NjEgNDQuNzM4NSA1MC42OTY4IDQ1LjAzMjJDNTAuMTMyNSA0NS42NjI4IDQ5LjYyODcgNDYuMzQ1IDQ5LjE5MiA0Ny4wNjk5QzQ3Ljg4NjcgNDkuMjU0MSA0Ny41MDcxIDUxLjM5NDMgNDguMDYzOSA1My40MzA5QzQ4LjEzNDQgNTMuNzA2NSA0OC4wOTM4IDUzLjk5ODcgNDcuOTUwOCA1NC4yNDQ2QzQ3LjgwNzcgNTQuNDkwNSA0Ny41NzM4IDU0LjY3MDMgNDcuMjk5NCA1NC43NDUzQzQ3LjAyNSA1NC44MjAzIDQ2LjczMjEgNTQuNzg0NCA0Ni40ODM5IDU0LjY0NTNDNDYuMjM1OCA1NC41MDYzIDQ2LjA1MjIgNTQuMjc1MyA0NS45NzI4IDU0LjAwMjJDNDUuMjU5NCA1MS4zOTEgNDUuNzQyIDQ4LjU4ODcgNDcuMzY2MSA0NS44OTcyQzQ3LjY3MDQgNDUuMzk1MyA0OC4wMDM1IDQ0LjkxMTUgNDguMzYzOCA0NC40NDgxQzQ1LjgyODUgNDQuNTU2NyA0My4zMDYxIDQ0Ljg2OTcgNDAuODIxMiA0NS4zODM5TDQwLjgzNCA0NS40MzA3QzQwLjc0OTMgNDUuNDU2OSAzOS42MDc5IDQ1LjgxNTkgMzguNDMyNCA0Ni44MDM1QzM2Ljg0MjMgNDguMTQxMSAzNS45MjQ0IDQ5Ljk2ODEgMzUuNzAxNCA1Mi4yMzQzQzM1LjY3NTQgNTIuNTAxOCAzNS41NTA5IDUyLjc1MDIgMzUuMzUyIDUyLjkzMTFDMzUuMTUzMSA1My4xMTIgMzQuODk0IDUzLjIxMjQgMzQuNjI1MiA1My4yMTNDMzQuNTg4IDUzLjIxMyAzNC41NTI0IDUzLjIxMTMgMzQuNTE4MiA1My4yMDc5QzM0LjIzMjEgNTMuMTc5OSAzMy45Njg5IDUzLjAzOTQgMzMuNzg2NCA1Mi44MTczQzMzLjYwMzkgNTIuNTk1MiAzMy41MTcxIDUyLjMwOTcgMzMuNTQ1IDUyLjAyMzZDMzMuNzU3NCA0OS44NTQ5IDM0LjQ4OTcgNDguMjA3NCAzNS4zNTI1IDQ2Ljk4MThDMzQuNzkyNiA0Ny4xOTkyIDM0LjI1MTYgNDcuNDI5NiAzMy43Mjk1IDQ3LjY3MjlDMzEuNTg2IDQ4LjY3MjMgMjkuOTE3MyA0OS44MjE1IDI4Ljc2OTEgNTEuMDg4OUMyNy42NjQ1IDUyLjMwNzMgMjcuMTA0MyA1My41NzQxIDI3LjEwNDMgNTQuODU1NUMyNy4xMDQzIDU0LjkwNTEgMjcuMTA0MyA1NC45NTQ3IDI3LjEwNzEgNTUuMDAzN0MyOC4yNjY4IDU0LjkzODMgMjkuNDQwNCA1NC45MDU0IDMwLjYyNzkgNTQuOTA1MUMzOC4zMTMxIDU0LjkwNTEgNDUuNTU0OCA1Ni4zMDg1IDUxLjAyMDEgNTguODU2N0M1Mi43Mzc4IDU5LjY1NzYgNTQuMjIzNyA2MC41NDYgNTUuNDYyNyA2MS41MDUyQzYxLjY2NjUgNjEuMzIxMiA2Ni4yMTk1IDYwLjczMjcgNjkuMzY2OCA1OS43MDYxQzc0LjQ1NzYgNTguMDQ3NCA3NC40NTc2IDU1LjY0NTIgNzQuNDU3NiA1NC44NTcxQzc0LjQ1NzYgNTMuNTc1MiA3My44OTc1IDUyLjMwODkgNzIuNzkzNCA1MS4wOTA2QzcxLjY0MTkgNDkuODIyMSA2OS45NzIxIDQ4LjY3MjggNjcuODI5NyA0Ny42NzM1Wk03Ny4zOTMyIDE2LjI2MDlDNzcuMTM1IDE2LjEzNDcgNzYuODM3MyAxNi4xMTYzIDc2LjU2NTYgMTYuMjA5NkM3Ni4yOTM4IDE2LjMwMyA3Ni4wNzAzIDE2LjUwMDQgNzUuOTQ0MSAxNi43NTg2TDc0LjkwMyAxOC44ODc2QzczLjIyMiAxOC4wOTE3IDcxLjI4MDIgMTcuOTk1OSA2OS40MTQ4IDE4LjYyMTJDNjcuMDk4NCAxOS4zOTY1IDY1LjEwMjYgMjEuMjA2OCA2My45Mzk0IDIzLjU4NzdMNjMuNTg2NiAyNC4zMDg0QzYzLjQ2MTUgMjQuNTY0IDYzLjQ0MiAyNC44NTg2IDYzLjUzMjMgMjUuMTI4NUM2My42MjI2IDI1LjM5ODQgNjMuODE1NSAyNS42MjIgNjQuMDY5MyAyNS43NTA4TDY1LjYyOTggMjYuNTQyMkM2Ni41MjAzIDI2Ljk5MzEgNjcuNTA0OSAyNy4yMjY3IDY4LjUwMyAyNy4yMjM5QzY5LjI1MTEgMjcuMjIxNSA2OS45OTQgMjcuMDk4MiA3MC43MDI4IDI2Ljg1ODhDNzIuNzY4OSAyNi4xNjY2IDc0LjU0ODUgMjQuNTUzMSA3NS41ODU3IDIyLjQzMThMNzcuODg5OCAxNy43MUM3OC4wMTYgMTcuNDUxOSA3OC4wMzQ2IDE3LjE1NDMgNzcuOTQxNSAxNi44ODI2Qzc3Ljg0ODQgMTYuNjEwOSA3Ny42NTExIDE2LjM4NzIgNzcuMzkzMiAxNi4yNjA5Wk03MC40NDcgMzUuMTg3OEw3Mi42OTg3IDMwLjU4MDhDNzIuODE3NyAzMC4zMjM1IDcyLjgzMTMgMzAuMDI5OCA3Mi43MzY0IDI5Ljc2MjZDNzIuNjQxNSAyOS40OTU0IDcyLjQ0NTcgMjkuMjc2MSA3Mi4xOTEgMjkuMTUxNUM3MS45MzYyIDI5LjAyNyA3MS42NDI5IDI5LjAwNzMgNzEuMzczOCAyOS4wOTY1QzcxLjEwNDYgMjkuMTg1NyA3MC44ODEyIDI5LjM3NjggNzAuNzUxMyAyOS42Mjg4TDY5LjUxODQgMzIuMTUwM0w2OC45NjExIDMxLjg2ODhDNjcuMzg5NCAzMS4wNzA3IDY1LjU3MTkgMzAuOTc3MSA2My43MDMxIDMxLjYwNTJDNjIuMzUyNiAzMi4wNTc3IDYxLjAxMzkgMzIuODg3MSA1OS44MzI5IDM0LjAwMThDNTguNjM1NyAzNS4xMzEgNTcuNTk2MiAzNi41NjA2IDU2LjgyMzIgMzguMTM3M0M1Ni42OTgxIDM4LjM5MjkgNTYuNjc4NiAzOC42ODc1IDU2Ljc2ODkgMzguOTU3NEM1Ni44NTkyIDM5LjIyNzMgNTcuMDUyMSAzOS40NTA5IDU3LjMwNTkgMzkuNTc5N0w1OS42MTEgNDAuNzUwMUM2MC40MDQyIDQxLjE1MjggNjEuMjgyIDQxLjM2MDcgNjIuMTcxNSA0MS4zNTY1QzYyLjkwNTQgNDEuMzUxNSA2My42MzM3IDQxLjIyNzUgNjQuMzI3OSA0MC45ODkyQzY1LjUzMjMgNDAuNTg2MyA2Ni43MjQ1IDM5Ljg0ODkgNjcuNzc0NSAzOC44NTc5QzY4Ljg0MDcgMzcuODU0MiA2OS43NjM3IDM2LjU4NTYgNzAuNDQ3IDM1LjE4NzhaTTY1LjU1OTEgNDIuNDk4TDY0Ljc0MiA0NC4xN0M2NC43NDAxIDQ0LjE3MzYgNjQuNzM4NiA0NC4xNzczIDY0LjczNzUgNDQuMTgxMkM2NS40NDcyIDQ0LjQgNjYuMTM0NiA0NC42MzY3IDY2Ljc5OTcgNDQuODkxMkw2Ny41MDQyIDQzLjQ1MUM2Ny42MzA0IDQzLjE5MjMgNjcuNjQ4NyA0Mi44OTQxIDY3LjU1NTEgNDIuNjIxOUM2Ny40NjE0IDQyLjM0OTggNjcuMjYzNSA0Mi4xMjU5IDY3LjAwNDggNDEuOTk5N0M2Ni43NDYxIDQxLjg3MzUgNjYuNDQ3OSA0MS44NTUyIDY2LjE3NTcgNDEuOTQ4OEM2NS45MDM1IDQyLjA0MjUgNjUuNjc5NyA0Mi4yNDA0IDY1LjU1MzUgNDIuNDk5MUw2NS41NTkxIDQyLjQ5OFpNNTkuNjAzMiAyMy40ODQxTDYxLjE2MzggMjQuMjc1NUM2MS4yOTIgMjQuMzQwNSA2MS40MzE3IDI0LjM3OTQgNjEuNTc1IDI0LjM4OTlDNjEuNzE4MyAyNC40MDA0IDYxLjg2MjMgMjQuMzgyMyA2MS45OTg1IDI0LjMzNjZDNjIuMTM0NyAyNC4yOTEgNjIuMjYwNiAyNC4yMTg3IDYyLjM2ODYgMjQuMTI0QzYyLjQ3NjcgMjQuMDI5MyA2Mi41NjQ4IDIzLjkxNDEgNjIuNjI4IDIzLjc4NUw2Mi45ODA4IDIzLjA2MzhDNjQuMDM1OCAyMC45MDUyIDY0LjI4ODkgMTguNDgxOSA2My42OTMxIDE2LjI0MTRDNjMuMTE5NSAxNC4wODMzIDYxLjgzNzEgMTIuMzYgNjAuMDY1OCAxMS4zNTM0TDYxLjEwNDIgOS4xNzE5N0M2MS4yMjExIDguOTEzMzMgNjEuMjMyIDguNjE5MTMgNjEuMTM0NCA4LjM1MjU4QzYxLjAzNjggOC4wODYwMyA2MC44Mzg1IDcuODY4NCA2MC41ODIyIDcuNzQ2NDRDNjAuMzI1OSA3LjYyNDQ5IDYwLjAzMTkgNy42MDc5MyA1OS43NjM1IDcuNzAwMzRDNTkuNDk1MSA3Ljc5Mjc1IDU5LjI3MzcgNy45ODY3NCA1OS4xNDY4IDguMjQwNjRMNTYuNDMxOSAxMy45Mzg0QzU2LjQxMzcgMTMuOTc2MiA1Ni4zOTc5IDE0LjAxNTEgNTYuMzg0NiAxNC4wNTQ5QzU1Ljc3MTUgMTUuODYxMiA1NS43MzY5IDE3Ljc5NTggNTYuMjkyIDE5LjUwMzVDNTYuODcxMSAyMS4yNzk4IDU4LjA0ODIgMjIuNjkzMiA1OS42MDMyIDIzLjQ4NDFaTTUyLjA5OCAzNi45MzA2TDU0LjQwMjYgMzguMTAxMUM1NC41MzA4IDM4LjE2NjEgNTQuNjcwNiAzOC4yMDUxIDU0LjgxNCAzOC4yMTU2QzU0Ljk1NzMgMzguMjI2MiA1NS4xMDE0IDM4LjIwODEgNTUuMjM3NyAzOC4xNjI0QzU1LjM3NCAzOC4xMTY4IDU1LjQ5OTggMzguMDQ0NSA1NS42MDc5IDM3Ljk0OThDNTUuNzE2IDM3Ljg1NSA1NS44MDQyIDM3LjczOTcgNTUuODY3MyAzNy42MTA2QzU3LjIxMTEgMzQuODYxMiA1Ny43MDY2IDMyLjE0MDIgNTcuMzA2NCAyOS43NDAzQzU2Ljg2MDUgMjcuMDczNCA1NS4zMzEyIDI0Ljk5NzMgNTIuODg1NSAyMy43MzIxTDU0LjE0NTEgMjEuMTU2NkM1NC4yNzEyIDIwLjg5ODEgNTQuMjg5NSAyMC42MDAyIDU0LjE5NTkgMjAuMzI4M0M1NC4xMDIzIDIwLjA1NjMgNTMuOTA0NSAxOS44MzI4IDUzLjY0NiAxOS43MDY3QzUzLjM4NzYgMTkuNTgwNiA1My4wODk2IDE5LjU2MjMgNTIuODE3NyAxOS42NTU5QzUyLjU0NTggMTkuNzQ5NSA1Mi4zMjIyIDE5Ljk0NzMgNTIuMTk2MSAyMC4yMDU4TDQ5Ljk0MzkgMjQuODEyOEM0OC44MTk3IDI3LjExMzUgNDguMzkyOCAyOS42MTA0IDQ4Ljc0MTcgMzEuODQ0M0M0OS4xMTQgMzQuMjE0MSA1MC4zMDU2IDM2LjAyMDUgNTIuMDk4IDM2LjkzMDZaTTQ4LjI3NTcgNDIuMjgzNEM0OS4wMTQ4IDQyLjI0OTIgNDkuNzU5OSA0Mi4yMzA2IDUwLjUxMTIgNDIuMjI3N0M0OS44MjUxIDM5LjUgNDguMTM0NyAzNy4yODkgNDUuODEzOSAzNi4xMTAyTDQ1Ljc1MjEgMzYuMDc5TDQ3LjE5MjIgMzMuMTMyOUM0Ny4zMTg1IDMyLjg3NDcgNDcuMzM3IDMyLjU3NyA0Ny4yNDM3IDMyLjMwNTJDNDcuMTUwNCAzMi4wMzMzIDQ2Ljk1MyAzMS44MDk3IDQ2LjY5NDggMzEuNjgzNUM0Ni40MzY2IDMxLjU1NzMgNDYuMTM4OSAzMS41Mzg3IDQ1Ljg2NzEgMzEuNjMyQzQ1LjU5NTMgMzEuNzI1MyA0NS4zNzE3IDMxLjkyMjggNDUuMjQ1NCAzMi4xODA5TDQyLjM1MjIgMzguMDk4OEM0MS41ODU0IDM5LjY1NDEgNDEuMTkwNyA0MS4zNjY0IDQxLjE5OTEgNDMuMTAwNUM0MS45MDk5IDQyLjk2NDUgNDIuNjM0NCA0Mi44NDM5IDQzLjM3MjcgNDIuNzM4N0M0NC45NTg5IDQyLjUxMTkgNDYuNjAwMyA0Mi4zNTk3IDQ4LjI3NTcgNDIuMjgzNFpNNjYuODc3NyAxNi4yNDk3QzY3LjAxNDIgMTYuMzE3NSA2Ny4xNjM0IDE2LjM1NTcgNjcuMzE1NiAxNi4zNjE5QzY3LjQ2NzggMTYuMzY4MiA2Ny42MTk2IDE2LjM0MjMgNjcuNzYxMSAxNi4yODU5QzcwLjQyNjkgMTUuMjI0MiA3Mi42Mjc5IDEzLjE0MTQgNzMuOTU4MyAxMC40MTk5Qzc1LjI4ODcgNy42OTgzNSA3NS41OTI0IDQuNjY1MjYgNzQuODIwNSAxLjg2NjI3Qzc0Ljc4MDEgMS43MTkzNyA3NC43MDkyIDEuNTgyNjQgNzQuNjEyNCAxLjQ2NTAyQzc0LjUxNTYgMS4zNDc0IDc0LjM5NSAxLjI1MTUzIDc0LjI1ODYgMS4xODM2N0M3NC4xMjIyIDEuMTE1ODEgNzMuOTczIDEuMDc3NSA3My44MjA4IDEuMDcxMjNDNzMuNjY4NiAxLjA2NDk2IDczLjUxNjggMS4wOTA4OCA3My4zNzUzIDEuMTQ3MjlDNzAuNzA4OSAyLjIwOTAzIDY4LjUwODUgNC4yOTE4NCA2Ny4xNzgxIDcuMDEzMzZDNjUuODQ3OCA5LjczNDg5IDY1LjU0MzQgMTIuNzY4IDY2LjMxNTQgMTUuNTY3NUM2Ni4zNTU5IDE1LjcxNDQgNjYuNDI2OSAxNS44NTEgNjYuNTIzOCAxNS45Njg2QzY2LjYyMDcgMTYuMDg2MSA2Ni43NDEzIDE2LjE4MTkgNjYuODc3NyAxNi4yNDk3Wk03LjI3Mzk1IDI2Ljg1OTlDNy45ODI3NyAyNy4wOTk0IDguNzI1NjQgMjcuMjIyNiA5LjQ3MzggMjcuMjI1QzEwLjQ3MTUgMjcuMjI3NyAxMS40NTU3IDI2Ljk5NDEgMTIuMzQ1OCAyNi41NDM0TDEzLjkwNjQgMjUuNzUxOUMxNC4xNjAyIDI1LjYyMzEgMTQuMzUzIDI1LjM5OTUgMTQuNDQzNCAyNS4xMjk2QzE0LjUzMzcgMjQuODU5NyAxNC41MTQyIDI0LjU2NTEgMTQuMzg5IDI0LjMwOTVMMTQuMDM2MiAyMy41ODg5QzEyLjg3MzEgMjEuMjA3OSAxMC44NzcyIDE5LjM5NzYgOC41NjA4NiAxOC42MjIzQzYuNjk0MzEgMTcuOTk3NiA0Ljc1MzYzIDE4LjA5MjkgMy4wNzI2NyAxOC44ODg4TDIuMDMwNDMgMTYuNzYyNUMxLjg5NTM4IDE2LjUyMDcgMS42NzI5MiAxNi4zMzk4IDEuNDA4NyAxNi4yNTY5QzEuMTQ0NDggMTYuMTczOSAwLjg1ODUzNSAxNi4xOTUyIDAuNjA5NTQxIDE2LjMxNjVDMC4zNjA1NDggMTYuNDM3NyAwLjE2NzM4NiAxNi42NDk2IDAuMDY5NjkzMSAxNi45MDg3Qy0wLjAyODAwMDMgMTcuMTY3OCAtMC4wMjI4MTc2IDE3LjQ1NDUgMC4wODQxNzc4IDE3LjcxTDIuMzkyMTUgMjIuNDMxM0MzLjQyODI2IDI0LjU1NDIgNS4yMDc4NyAyNi4xNjc3IDcuMjczOTUgMjYuODU5OVpNMTUuNzk4IDQxLjM1NDlDMTYuNjg3NiA0MS4zNTkgMTcuNTY1MyA0MS4xNTExIDE4LjM1ODUgNDAuNzQ4NUwyMC42NjM3IDM5LjU3OEMyMC45MTc0IDM5LjQ0OTIgMjEuMTEwMyAzOS4yMjU3IDIxLjIwMDYgMzguOTU1N0MyMS4yOTA5IDM4LjY4NTggMjEuMjcxNCAzOC4zOTEyIDIxLjE0NjMgMzguMTM1NkMyMC4zNzU1IDM2LjU1ODkgMTkuMzM2MSAzNS4xMjkzIDE4LjEzNjYgMzQuMDAwMUMxNi45NTU2IDMyLjg4NTQgMTUuNjE2OSAzMi4wNTc3IDE0LjI2NjQgMzEuNjAzNUMxMi4zOTc2IDMwLjk3NzYgMTAuNTgwMSAzMS4wNjkgOS4wMDg0MSAzMS44NjcxTDguNDUxMDcgMzIuMTQ4Nkw3LjIxODIyIDI5LjYyNzJDNy4wODgzMyAyOS4zNzUxIDYuODY0ODcgMjkuMTg0IDYuNTk1NzUgMjkuMDk0OEM2LjMyNjYzIDI5LjAwNTYgNi4wMzMyNiAyOS4wMjU0IDUuNzc4NTQgMjkuMTQ5OUM1LjUyMzgyIDI5LjI3NDQgNS4zMjgwMiAyOS40OTM3IDUuMjMzMTIgMjkuNzYwOUM1LjEzODIxIDMwLjAyODEgNS4xNTE3NiAzMC4zMjE4IDUuMjcwODUgMzAuNTc5MUw3LjUyMjUzIDM1LjE4NjFDOC4yMDU4MyAzNi41ODQgOS4xMjg4IDM3Ljg1MjUgMTAuMTkwNSAzOC44NTQ2QzExLjI0MTcgMzkuODQ1NiAxMi40MzI4IDQwLjU4MjQgMTMuNjM3MiA0MC45ODU5QzE0LjMzMjcgNDEuMjI1MyAxNS4wNjI1IDQxLjM0OTkgMTUuNzk4IDQxLjM1NDlaTTEzLjM2MDIgNDkuMzY3M0MxNC42MjgxIDUxLjk2MDYgMTYuODAxMiA1My45MzI1IDE5LjMyMzggNTQuNzc2OUMyMC4xODQgNTUuMDY4NiAyMS4wODU3IDU1LjIxOTIgMjEuOTk0IDU1LjIyMjhDMjMuMDA1NSA1NS4yMjQ1IDI0LjAwNzMgNTUuMDI2MiAyNC45NDE4IDU0LjYzOTJDMjQuOTczMyA1My43NDg2IDI1LjE3ODIgNTIuODcyNiAyNS41NDQ5IDUyLjA2MDRDMjUuNTQ3NCA1Mi4wNTM1IDI1LjU1MDQgNTIuMDQ2OCAyNS41NTM4IDUyLjA0MDNDMjUuODkzOSA1MS4yOTMxIDI2LjMzNjIgNTAuNTk2OSAyNi44NjggNDkuOTcxNEMyNS40MDYxIDQ3LjU5MTYgMjMuMjMxOSA0NS43OTk3IDIwLjc2MTcgNDQuOTczMUMxOC40MTA5IDQ0LjE4NTYgMTUuOTY1OCA0NC4zMzY3IDEzLjg3NTIgNDUuMzk4NEwxMy44NDI4IDQ1LjQxNDZMMTIuNDE3NyA0Mi40OThDMTIuMjkxNSA0Mi4yMzk3IDEyLjA2NzggNDIuMDQyMSAxMS43OTU5IDQxLjk0ODdDMTEuNTI0IDQxLjg1NTMgMTEuMjI2MSA0MS44NzM3IDEwLjk2NzggNDJDMTAuNzA5NSA0Mi4xMjYyIDEwLjUxMTkgNDIuMzQ5OSAxMC40MTg1IDQyLjYyMThDMTAuMzI1MSA0Mi44OTM3IDEwLjM0MzUgNDMuMTkxNiAxMC40Njk4IDQzLjQ0OTlMMTMuMzYwMiA0OS4zNjczWk0xNS4zNDgyIDIzLjc4NUMxNS40MTE0IDIzLjkxNDEgMTUuNDk5NiAyNC4wMjkyIDE1LjYwNzcgMjQuMTIzOUMxNS43MTU4IDI0LjIxODUgMTUuODQxNSAyNC4yOTA4IDE1Ljk3NzggMjQuMzM2NEMxNi4xMTQgMjQuMzgyIDE2LjI1NzkgMjQuNDAwMSAxNi40MDEyIDI0LjM4OTdDMTYuNTQ0NSAyNC4zNzkyIDE2LjY4NDIgMjQuMzQwNCAxNi44MTI0IDI0LjI3NTVMMTguMzczIDIzLjQ4NDFDMTkuOTI5NiAyMi42OTMyIDIxLjEwNCAyMS4yNzk4IDIxLjY4MjUgMTkuNTAzNUMyMi4yMzk4IDE3Ljc5NTggMjIuMjA1MyAxNS44NjEyIDIxLjU5IDE0LjA1NDlDMjEuNTc2NiAxNC4wMTUxIDIxLjU2MDggMTMuOTc2MiAyMS41NDI2IDEzLjkzODRMMTguODI5NCA4LjI0MDY0QzE4LjcwMjUgNy45ODY3NCAxOC40ODExIDcuNzkyNzUgMTguMjEyNyA3LjcwMDM0QzE3Ljk0NDMgNy42MDc5MyAxNy42NTAzIDcuNjI0NDkgMTcuMzk0IDcuNzQ2NDRDMTcuMTM3NyA3Ljg2ODQgMTYuOTM5NCA4LjA4NjAzIDE2Ljg0MTggOC4zNTI1OEMxNi43NDQyIDguNjE5MTMgMTYuNzU1MSA4LjkxMzMzIDE2Ljg3MiA5LjE3MTk3TDE3LjkxMDQgMTEuMzU2MkMxNi4xMzkxIDEyLjM2MjggMTQuODU2NyAxNC4wODcyIDE0LjI4MzEgMTYuMjQ0MUMxMy42ODczIDE4LjQ4NDcgMTMuOTQwNCAyMC45MDggMTQuOTk1NCAyMy4wNjY2TDE1LjM0ODIgMjMuNzg1Wk0yMC42Njc2IDI5Ljc0MDlDMjAuMjY1MSAzMi4xNDA4IDIwLjc2MjkgMzQuODYxOCAyMi4xMDY2IDM3LjYxMTJDMjIuMTY5NyAzNy43NDAzIDIyLjI1NzggMzcuODU1NyAyMi4zNjU5IDM3Ljk1MDVDMjIuNDc0IDM4LjA0NTIgMjIuNTk5OSAzOC4xMTc2IDIyLjczNjIgMzguMTYzMkMyMi44NzI2IDM4LjIwODkgMjMuMDE2NiAzOC4yMjY5IDIzLjE2IDM4LjIxNjRDMjMuMzAzMyAzOC4yMDU4IDIzLjQ0MzIgMzguMTY2OCAyMy41NzEzIDM4LjEwMTZMMjUuODc2IDM2LjkzMTJDMjcuNjY4NCAzNi4wMjEgMjguODYgMzQuMjE0NyAyOS4yMzA2IDMxLjg0NDhDMjkuNTc5NSAyOS42MTEgMjkuMTUyNiAyNy4xMTQxIDI4LjAyODQgMjQuODEzNEwyNS43Nzc5IDIwLjIwNThDMjUuNjUxNyAxOS45NDcxIDI1LjQyNzkgMTkuNzQ5MSAyNS4xNTU4IDE5LjY1NTRDMjQuODgzNyAxOS41NjE3IDI0LjU4NTUgMTkuNTc5OSAyNC4zMjY4IDE5LjcwNjFDMjQuMDY4MSAxOS44MzIzIDIzLjg3MDIgMjAuMDU2IDIzLjc3NjUgMjAuMzI4MUMyMy42ODI4IDIwLjYwMDMgMjMuNzAxIDIwLjg5ODUgMjMuODI3MiAyMS4xNTcyTDI1LjA4NjggMjMuNzMyN0MyMi42NDI4IDI0Ljk5NzggMjEuMTE0NSAyNy4wNzM0IDIwLjY2NzYgMjkuNzQwOVpNMjcuNTk0MyA0MS43NUMyNi45MDU0IDQ0LjA0MTggMjYuOTc2NyA0Ni41OTIyIDI3Ljc4NzcgNDguOTkwNUMyOC4zNTYyIDQ4LjQ1NDggMjguOTY1NCA0Ny45NjM4IDI5LjYwOTYgNDcuNTIxOUMzMC42MjQ4IDQ2LjgyODkgMzEuNjk2NCA0Ni4yMjI2IDMyLjgxMzIgNDUuNzA5NEMzMy4zMDgyIDQ1LjQ3ODcgMzMuODE5MyA0NS4yNTg3IDM0LjM0NjUgNDUuMDQ5NUMzNS4xMDIzIDQ0Ljc0ODUgMzUuODg4MSA0NC40NzEgMzYuNzA0MSA0NC4yMTY4QzM2LjkzOTMgNDIuMTg3NSAzNi41Njg3IDQwLjAzNjcgMzUuNjIxNyAzOC4wOTg4TDMyLjcyODUgMzIuMTgwOUMzMi42NjYgMzIuMDUzMSAzMi41NzkgMzEuOTM4OCAzMi40NzIzIDMxLjg0NDZDMzIuMzY1NiAzMS43NTA1IDMyLjI0MTUgMzEuNjc4MiAzMi4xMDY5IDMxLjYzMkMzMS45NzIzIDMxLjU4NTggMzEuODI5OSAzMS41NjY2IDMxLjY4NzkgMzEuNTc1NEMzMS41NDU5IDMxLjU4NDMgMzEuNDA3IDMxLjYyMSAzMS4yNzkyIDMxLjY4MzVDMzEuMTUxMyAzMS43NDYgMzEuMDM3MSAzMS44MzMxIDMwLjk0MjkgMzEuOTM5N0MzMC44NDg3IDMyLjA0NjQgMzAuNzc2NSAzMi4xNzA2IDMwLjczMDMgMzIuMzA1MkMzMC42ODQxIDMyLjQzOTcgMzAuNjY0OCAzMi41ODIxIDMwLjY3MzcgMzIuNzI0MUMzMC42ODI1IDMyLjg2NjEgMzAuNzE5MiAzMy4wMDUgMzAuNzgxNyAzMy4xMzI5TDMyLjIyMTkgMzYuMDc5TDMyLjE2IDM2LjExMDJDMjkuOTc1OCAzNy4yMTcxIDI4LjM1NDUgMzkuMjIzNiAyNy41OTQzIDQxLjc1Wk0xMC4yMTI4IDE2LjI4NTlDMTAuMzU0NCAxNi4zNDI0IDEwLjUwNjIgMTYuMzY4MyAxMC42NTg0IDE2LjM2MjFDMTAuODEwNiAxNi4zNTU5IDEwLjk1OTggMTYuMzE3NiAxMS4wOTYzIDE2LjI0OThDMTEuMjMyNyAxNi4xODIgMTEuMzUzMyAxNi4wODYyIDExLjQ1MDIgMTUuOTY4NkMxMS41NDcxIDE1Ljg1MTEgMTEuNjE4MSAxNS43MTQ0IDExLjY1ODYgMTUuNTY3NUMxMi40MzA1IDEyLjc2OCAxMi4xMjQgOS43Mjk4NyAxMC43OTU4IDcuMDEzMzZDOS40Njc2NyA0LjI5Njg2IDcuMjY1MDMgMi4yMDkwMyA0LjU5ODY5IDEuMTQ3MjlDNC40NTcxNyAxLjA5MDg4IDQuMzA1MzUgMS4wNjQ5NiA0LjE1MzEzIDEuMDcxMjNDNC4wMDA5MiAxLjA3NzUgMy44NTE3NCAxLjExNTgxIDMuNzE1MzQgMS4xODM2N0MzLjU3ODk1IDEuMjUxNTMgMy40NTg0IDEuMzQ3NCAzLjM2MTU4IDEuNDY1MDJDMy4yNjQ3NyAxLjU4MjY0IDMuMTkzODYgMS43MTkzNyAzLjE1MzQ5IDEuODY2MjdDMi4zODE1NiA0LjY2ODA1IDIuNjg4MSA3LjcwMzM2IDQuMDE1NyAxMC40MTk5QzUuMzQzMyAxMy4xMzY0IDcuNTQ3MDUgMTUuMjI0MiAxMC4yMTI4IDE2LjI4NTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  }

audio {
  display: none;
}


@keyframes enter {
  0% {
    transform: translateZ(-20px) scale(0.3);
  }
  50% {
    transform: translateZ(20px) scale(1.02);
  }
  100% {
    transform: translateZ(0) scale(1);
  }
}

@keyframes match {
  0% {
    transform: rotateY(180deg) translateZ(-15px);
  }
  50% {
    transform: rotateY(180deg) translateZ(10px);
  }
  100% {
    transform: rotateY(180deg) translateZ(0);
  }
}
@media screen and (max-width: 1920px) {
  .board{
    display: grid;
    grid-gap: 14px calc(10px + (14 - 10) * ((100vw - 1366px) / (1920 - 1366)));
    grid-template-columns: repeat(4, calc(120px + (170 - 120) * ((100vw - 1366px) / (1920 - 1366))));
    grid-template-rows: repeat(3, calc(120px + (170 - 120) * ((100vw - 1366px) / (1920 - 1366))));
  }
  .face {
    border-radius: calc(8px + (12 - 8) * ((100vw - 1366px) / (1920 - 1366)));
  }
  [data-tile="egg"] div:nth-child(3),[data-tile="dino"] div:nth-child(3),[data-tile="ahahah"]  div:nth-child(3),[data-tile="tri"] div:nth-child(3),[data-tile="ptero"]  div:nth-child(3),[data-tile="erupt"] div:nth-child(3){
    background-size: calc(55px + (78 - 55) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .reset {
    font-size:  calc(26px + (30 - 26) * ((100vw - 1366px) / (1920 - 1366)));
    grid-gap:  calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    padding:  calc(35px + (40 - 35) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .reset span{
    width: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (50 - 40) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .reset span svg{
    width: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .board{
    grid-gap: 14px 10px;
    grid-template-columns: repeat(4, calc(110px + (120 - 110) * ((100vw - 768px) / (1366 - 768))));
    grid-template-rows: repeat(3, calc(110px + (120 - 110) * ((100vw - 768px) / (1366 - 768))));
  }
  .face {
    border-radius: 8px;
  }
  [data-tile="egg"] div:nth-child(3),[data-tile="dino"] div:nth-child(3),[data-tile="ahahah"]  div:nth-child(3),[data-tile="tri"] div:nth-child(3),[data-tile="ptero"]  div:nth-child(3),[data-tile="erupt"] div:nth-child(3){
    background-size: calc(50px + (55 - 50) * ((100vw - 768px) / (1366 - 768)));
  }
  .reset {
    padding: calc(30px + (35 - 30) * ((100vw - 768px) / (1366 - 768)));
    font-size:calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768))) ;
    grid-gap: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
  .reset span{
    width: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
    height: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
  }
  .reset span svg{
    width: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
    height: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 768px) {
  .board{
    grid-gap: 14px calc(6px + (10 - 6) * ((100vw - 375px) / (768 - 375)));
    grid-template-columns: repeat(4, calc(80px + (110 - 80) * ((100vw - 375px) / (768 - 375))));
    grid-template-rows: repeat(3, calc(80px + (110 - 80) * ((100vw - 375px) / (768 - 375))));
  }
  .face {
    border-radius: calc(6px + (8 - 6) * ((100vw - 375px) / (768 - 375)));
  }
  [data-tile="egg"] div:nth-child(3),[data-tile="dino"] div:nth-child(3),[data-tile="ahahah"]  div:nth-child(3),[data-tile="tri"] div:nth-child(3),[data-tile="ptero"]  div:nth-child(3),[data-tile="erupt"] div:nth-child(3){
    background-size: calc(37px + (50 - 37) * ((100vw - 375px) / (768 - 375)));
  }
  .reset span{
    width: 35px;
    height: 35px;
  }
  .reset span svg{
    width: 15px;
    height: 15px;
  }
  .reset {
    padding: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(21px + (24 - 21) * ((100vw - 375px) / (768 - 375)));
    grid-gap: calc(10px + (15 - 10) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 375px) {
  .board{
    grid-template-columns: repeat(4, calc(68px + (80 - 68) * ((100vw - 320px) / (375 - 320))));
    grid-template-rows: repeat(3, calc(68px + (80 - 68) * ((100vw - 320px) / (375 - 320))));
    grid-gap: 14px 6px;
  }
}
/*конец анмации игры*/

/*start error-page*/
.error-page {
  padding: 255px 0 285px;
}
.error-page__inner{
  display: flex;
  align-items: center;
  grid-gap: 365px;
}
.error-page__content {}
.error-page__title {
  color: #39393A;
  font-size: 50px;
  line-height: 140%;
  margin-bottom: 30px;
  font-family: 'Museo Sans Cyrl 900';
}
.error-page__text {
  margin-bottom: 50px;
  font-size: 21px;
  line-height: 140%;
  color: #39393A;
}
.sustainable-contacts__button {}
.sustainable-contacts__button-icon {}
.error-page__game {
  position: relative;
}
@media screen and (max-width: 1920px) {
  .error-page{
    padding-top: calc(205px + (255 - 205) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(170px + (285 - 170) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .error-page__inner{
    grid-gap: calc(205px + (365 - 205) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .error-page__title{
    font-size: calc(38px + (50 - 38) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .error-page__text{
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media screen and (max-width: 1366px) {
  .error-page{
    padding-top: calc(170px + (205 - 170) * ((100vw - 768px) / (1366 - 768)));
    padding-bottom: calc(240px + (170 - 240) * ((100vw - 768px) / (1366 - 768)));
  }
  .error-page__title{
    font-size: 38px;
    margin-bottom: 20px;
  }
  .error-page__text{
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media screen and (max-width: 1200px) {
  .error-page__inner{
    flex-direction: column;
    justify-content: center;
    grid-gap: 80px;
  }
  .error-page__game{
    order: -1;
  }
  .error-page__content{
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .error-page{
    padding-top: calc(130px + (170 - 130) * ((100vw - 375px) / (768 - 375)));
    padding-bottom: calc(195px + (240 - 195) * ((100vw - 375px) / (768 - 375)));
  }
  .error-page__title{
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .error-page__text{
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    margin-bottom:calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375))) ;
  }
  .error-page__inner{
    grid-gap: calc(60px + (80 - 60) * ((100vw - 375px) / (768 - 375)));
  }
}
/*end error-page*/

/*start way*/
.way {
  position: relative;
}
.way-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.way-bg__box {
  position: relative;
  width: 100%;
  height: 100%;
}
.way-bg__box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.way-bg__box video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.way__inner {
  height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.way__content-line span p{
  position: relative;
  display: inline-block;
}
.way__content-line span{
  font-family: 'Katherine Plus';
  font-weight: 400;
  font-size: 100px;
  line-height: 100%;
  transform: rotate(-2deg);
  display: block;
  color: #FFF;
}
.way__title{
  color: #fff;
  margin-bottom: 15px;
  transition: 0.3s;
  opacity: 0;
}
.way__title.active{
  opacity: 1;
}
.way__content-line span p svg{
  position: absolute;
  left: 0;
  bottom: -20px;
  stroke-dasharray: 475;
  stroke-dashoffset: 475;
  transform:translateX(-10px) rotate(2deg);
  width: 100%;
  transition: 0.4s;
}
body.hidden{
  overflow: hidden;
}
.way__content-line svg.active{
  stroke-dashoffset: 0;
}
.way__content-line {
  opacity: 0;
  transition: 0.3s;
}
.way__content-line.active{
  opacity: 1;
}
.way__mask{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background: #519139;
    -webkit-mask-image: url(/local/templates/zemlitsa/css/../img/first-window-rostok.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position-x: 50%;
    -webkit-mask-position-y: 50%;
  transform: scale(2);
  transition: 0.3s;
}
.way__mask.opacity{
  opacity: 1;
  transition: 1s;
}
.way__mask.active{
  transform: scale(1);
}
.way__inner{
  overflow: hidden;
}
.way__content{
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
@media screen and (max-width: 1920px) {
  .way__content-line span {
    font-size:calc(75px + (100 - 75) * ((100vw - 1366px) / (1920 - 1366))) ;
  }
}
@media screen and (max-width: 1366px) {
  .way__content-line span {
    font-size:calc(60px + (75 - 60) * ((100vw - 768px) / (1366 - 768))) ;
  }
}
@media screen and (max-width: 768px) {
  .way__content-line span {
    font-size: 60px;
  }
  .way__title {
    margin-bottom: calc(0px + (15 - 0) * ((100vw - 375px) / (768 - 375)));
  }
}
@media screen and (max-width: 768px) {
  .way__title {
    margin-bottom: 0;
  }
}
/*end way*/
.policy-tasks__content ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.policy-tasks__content ul > li {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  padding-left: 42px;
  font-size: 26px;
  line-height: 115%;
  font-weight: 600;
}
.policy-tasks__content ul > li::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #F3B624;
}
.policy-tasks__content ul li span {
  font-size: 21px;
  line-height: 115%;
  font-size: 300;
  font-weight: 300;
}

@media (max-width: 1920px) {
  .policy-tasks__content ul {
    gap: calc(30px + (40 - 30) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .policy-tasks__content ul > li {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .policy-tasks__content ul li span {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .policy-tasks__content ul {
    gap: 30px;
  }
  .policy-tasks__content ul > li {
    gap: calc(15px + (20 - 15) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
  }
  .policy-tasks__content ul li span {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 768px) {
  .policy-tasks__content ul {
    gap: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-tasks__content ul > li {
    padding-left: calc(28px + (42 - 28) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .policy-tasks__content ul > li::before {
    width: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
    height: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
    top: 5px;
  }
  .policy-tasks__content ul li span {
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
  }
}
/* страница поиска */
.search-page {
  padding-bottom: 180px;
}
.search-page-title {
  font-size: 68px;
  line-height: 111%;
  font-weight: 700;
  font-family: "Museo Sans Cyrl 900";
}
.press-center__top {
  margin-bottom: 50px;
}
.search-form {
  width: 870px;
  display: flex;
  border-bottom: 1px solid #E8E8E8;
  font-size: 18px;
  line-height: 25px;
  color: #2D2D2E;
  align-items: center;
  gap: 15px;
  margin-bottom: 50px;
}
.search-form .search-input {
  width: 100%;
  border: none;
  background: none;
  padding: 20px 0;
}
.search-form .search-clean {
  padding-right: 15px;
  border-right: 1px solid #E8E8E8;
  cursor: pointer;
}
.search-form .search-button {
  border: none;
  background: none;
  cursor: pointer;
}
.search-form .search-button input {
  cursor: pointer;
}
.search-result {
  font-family: "Museo Sans Cyrl 700";
  font-size: 38px;
  line-height: 118%;
  font-weight: 700;
  margin-bottom: 25px;
}
.search-result span {
  color: #8BBF44;
  max-width: 100%;
  word-wrap: break-word;
}

.search-count {
  font-size: 21px;
  line-height: 142%;
}
.search-item__wrap {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.search-item {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.search-title {
  font-size: 26px;
  line-height: 118%;
  font-family: "Museo Sans Cyrl 700";
  font-weight: 600;
}
.search-title b {
  color: #8BBF44;
}
.search-path {
  font-weight: 400;
  font-size: 18px;
  line-height: 138%;
  display: flex;
  gap: 20px;
  align-items: center;
}
.search-path a:nth-child(1) {
  color: #A0A0A0;
}
.search-text {
  font-size: 21px;
  line-height: 142%;
}
.search-text b {
  color: #8BBF44;
}
@media (max-width: 1920px) {
  .search-page-title {
    font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-page {
    padding-bottom: calc(150px + (180 - 150) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-form {
    width: calc(623px + (870 - 623) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    gap: calc(10px + (15 - 10) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-form .search-input {
    padding: calc(12px + (20 - 12) * ((100vw - 1366px) / (1920 - 1366))) 0;
  }
  .search-result {
    font-size: calc(30px + (38 - 30) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-count {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-item {
    gap: calc(20px + (25 - 20) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-title {
    font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-text {
    font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
  }
  .search-item__wrap {
    gap: calc(50px + (80 - 50) * ((100vw - 1366px) / (1920 - 1366)));
  }
}
@media (max-width: 1366px) {
  .search-page-title {
    font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
  }
  .press-center__top {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-form {
    font-size: 16px;
    gap: 10px;
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-form .search-input {
    padding: 12px 0;
  }
  .search-result {
    font-size: calc(26px + (30 - 26) * ((100vw - 768px) / (1366 - 768)));
    margin-bottom: 20px;
  }
  .search-count {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-item__wrap {
    margin-top: calc(60px + (80 - 60) * ((100vw - 768px) / (1366 - 768)));
    gap: calc(40px + (50 - 40) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-page {
    padding-bottom: calc(120px + (150 - 120) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-item {
    gap: 20px;
  }
  .search-title {
    font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-path {
    font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1366 - 768)));
    gap: calc(10px + (20 - 10) * ((100vw - 768px) / (1366 - 768)));
  }
  .search-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
  }
}
@media (max-width: 1024px) {
  .search-form {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .search-page-title {
    font-size: calc(30px + (38 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .search-page {
    padding-bottom: calc(80px + (120 - 80) * ((100vw - 375px) / (768 - 375)));
  }
  .press-center__top {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .search-page-title {
    font-size: 30px;
  }
  .search-form {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 375px) / (768 - 375)));
  }
  .search-result {
    font-size: calc(21px + (26 - 21) * ((100vw - 375px) / (768 - 375)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .search-count {
    font-size: 16px;
  }
  .search-item__wrap {
    margin-top: 60px;
    gap: 40px;
  }
  .search-item {
    gap: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
  }
  .search-title {
    font-size: calc(18px + (21 - 18) * ((100vw - 375px) / (768 - 375)));
  }
  .search-path {
    font-size: 14px;
    gap: 10px;
  }
  .search-text {
    font-size: 16px;
  }
}
/* конец страницы поиска */
.footer-title span {
    font-family: 'Katherine Plus';
    position: relative;
}
.footer-title span::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 250px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg3IiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzg3IDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNTg2IDI4LjYzMzZDNTMuMDU5MiAxOS42OTQ0IDE5OC45NTkgMi4xMTY1MyAzODMuMzUxIDMuMzE4NzciIHN0cm9rZT0iIzhCQkY0NCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
	transform: rotate(2deg);}
@media (max-width: 1366px) {
	.footer-title span::before {
 width: 180px;
}

}
@media (max-width: 768px) {
	.footer-title span::before {
 width: 140px;
}

}

/* End */
/* /local/templates/zemlitsa/css/normalize.css?17142116776475 */
/* /local/templates/zemlitsa/css/swiper-bundle.min.css?171421167718429 */
/* /local/templates/zemlitsa/fonts/stylesheets.css?17142116731975 */
/* /local/templates/zemlitsa/css/style.css?1721744980351430 */