@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

html {
  hanging-punctuation: first last;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Regular.eot");
  src: local("../fonts/gilroy/Gilroy Regular"), local("../fonts/gilroy/Gilroy-Regular"), url("../fonts/gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Regular.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Regular.woff") format("woff"), url("../fonts/gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-ExtraboldItalic.eot");
  src: local("../fonts/gilroy/Gilroy Extrabold Italic"), local("../fonts/gilroy/Gilroy-ExtraboldItalic"), url("../fonts/gilroy/Gilroy-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-ExtraboldItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-ExtraboldItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-ExtraboldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Bold.eot");
  src: local("../fonts/gilroy/Gilroy Bold"), local("../fonts/gilroy/Gilroy-Bold"), url("../fonts/gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Bold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Bold.woff") format("woff"), url("../fonts/gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Black.eot");
  src: local("../fonts/gilroy/Gilroy Black"), local("../fonts/gilroy/Gilroy-Black"), url("../fonts/gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Black.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/gilroy/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Light.eot");
  src: local("../fonts/gilroy/Gilroy Light"), local("../fonts/gilroy/Gilroy-Light"), url("../fonts/gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Light.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Light.woff") format("woff"), url("../fonts/gilroy/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Semibold.eot");
  src: local("../fonts/gilroy/Gilroy Semibold"), local("../fonts/gilroy/Gilroy-Semibold"), url("../fonts/gilroy/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Semibold.woff") format("woff"), url("../fonts/gilroy/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Medium.eot");
  src: local("../fonts/gilroy/Gilroy Medium"), local("../fonts/gilroy/Gilroy-Medium"), url("../fonts/gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Medium.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Medium.woff") format("woff"), url("../fonts/gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-MediumItalic.eot");
  src: local("../fonts/gilroy/Gilroy Medium Italic"), local("../fonts/gilroy/Gilroy-MediumItalic"), url("../fonts/gilroy/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-MediumItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-MediumItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-BlackItalic.eot");
  src: local("../fonts/gilroy/Gilroy Black Italic"), local("../fonts/gilroy/Gilroy-BlackItalic"), url("../fonts/gilroy/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-BlackItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-BlackItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-UltraLight.eot");
  src: local("../fonts/gilroy/Gilroy UltraLight"), local("../fonts/gilroy/Gilroy-UltraLight"), url("../fonts/gilroy/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-UltraLight.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-UltraLight.woff") format("woff"), url("../fonts/gilroy/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-RegularItalic.eot");
  src: local("../fonts/gilroy/Gilroy Regular Italic"), local("../fonts/gilroy/Gilroy-RegularItalic"), url("../fonts/gilroy/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-RegularItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-SemiboldItalic.eot");
  src: local("../fonts/gilroy/Gilroy Semibold Italic"), local("../fonts/gilroy/Gilroy-SemiboldItalic"), url("../fonts/gilroy/Gilroy-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-SemiboldItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-SemiboldItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-HeavyItalic.eot");
  src: local("../fonts/gilroy/Gilroy Heavy Italic"), local("../fonts/gilroy/Gilroy-HeavyItalic"), url("../fonts/gilroy/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-HeavyItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-HeavyItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Extrabold.eot");
  src: local("../fonts/gilroy/Gilroy Extrabold"), local("../fonts/gilroy/Gilroy-Extrabold"), url("../fonts/gilroy/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Extrabold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Extrabold.woff") format("woff"), url("../fonts/gilroy/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-BoldItalic.eot");
  src: local("../fonts/gilroy/Gilroy Bold Italic"), local("../fonts/gilroy/Gilroy-BoldItalic"), url("../fonts/gilroy/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-BoldItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-BoldItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-UltraLightItalic.eot");
  src: local("../fonts/gilroy/Gilroy UltraLight Italic"), local("../fonts/gilroy/Gilroy-UltraLightItalic"), url("../fonts/gilroy/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-UltraLightItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-UltraLightItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-LightItalic.eot");
  src: local("../fonts/gilroy/Gilroy Light Italic"), local("../fonts/gilroy/Gilroy-LightItalic"), url("../fonts/gilroy/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-LightItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-LightItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Heavy.eot");
  src: local("../fonts/gilroy/Gilroy Heavy"), local("../fonts/gilroy/Gilroy-Heavy"), url("../fonts/gilroy/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Heavy.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Heavy.woff") format("woff"), url("../fonts/gilroy/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Thin.eot");
  src: local("../fonts/gilroy/Gilroy Thin"), local("../fonts/gilroy/Gilroy-Thin"), url("../fonts/gilroy/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-Thin.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Thin.woff") format("woff"), url("../fonts/gilroy/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-ThinItalic.eot");
  src: local("../fonts/gilroy/Gilroy Thin Italic"), local("../fonts/gilroy/Gilroy-ThinItalic"), url("../fonts/gilroy/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/Gilroy-ThinItalic.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-ThinItalic.woff") format("woff"), url("../fonts/gilroy/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
:root {
  --color-text-primary: #202532;
  --color-text-balck: #000000;
  --color-text-sub-title: #0D0D0D;
  --color-text-invert: #ffffff;
  --color-text2-invert: rgba(255, 255, 255, 0.5);
  --color-light-border: rgba(255, 255, 255, 0.3);
  --color-input-border: rgba(32, 37, 50, 0.30);
  --color-dark-border: #DCE2E8;
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #F6F6F6;
  --color-blue: #0046B5;
  --fltr-invert: invert(100%) sepia(0%) saturate(2%) hue-rotate(116deg) brightness(108%) contrast(101%);
  --fltr-blue: invert(50%) sepia(68%) saturate(4848%) hue-rotate(213deg) brightness(80%) contrast(101%);
}

/** RESPONSITIVE **/
:root {
  --svg-icon-logo: url('data:image/svg+xml,<svg width="90" height="53" viewBox="0 0 90 53" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M90 52.3707H0L45 0L90 52.3707Z" fill="%230046B5"/> <path d="M23.666 46.9407V26.3804H27.1574L32.5884 36.0786L37.6315 26.3804H41.1229V46.9407H37.2436V35.6907L33.3643 41.8976H31.4246L27.5453 35.6907V46.9407H23.666Z" fill="white"/> <path d="M43.4505 46.9407V26.3804H47.3298V46.9407H43.4505Z" fill="white"/> <path d="M49.2695 46.9407V26.3804H53.1488V36.0786L61.6833 26.3804H65.9505L58.1919 35.6907L66.7264 46.9407H62.0712L55.4764 38.4062L53.1488 40.7338V46.9407H49.2695Z" fill="white"/> </svg> ');
  --svg-icon-logo-tablet: url('data:image/svg+xml,<svg width="127" height="74" viewBox="0 0 127 74" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M127 73.9009H0L63.5 0L127 73.9009Z" fill="%230046B5"/> <path d="M33.3906 66.2366V37.2236H38.3173L45.9811 50.909L53.0975 37.2236H58.0242V66.2366H52.5501V50.3616L47.076 59.1202H44.3389L38.8648 50.3616V66.2366H33.3906Z" fill="white"/> <path d="M61.3087 66.2366V37.2236H66.7829V66.2366H61.3087Z" fill="white"/> <path d="M69.5199 66.2366V37.2236H74.9941V50.909L87.0372 37.2236H93.0587L82.1105 50.3616L94.1536 66.2366H87.5846L78.2786 54.1935L74.9941 57.4779V66.2366H69.5199Z" fill="white"/> </svg> ');
  --svg-icon-logo-tablet-active: url('data:image/svg+xml,<svg width="127" height="74" viewBox="0 0 127 74" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M127 73.9009H0L63.5 0L127 73.9009Z" fill="white"/> <path d="M33.3906 66.2366V37.2236H38.3173L45.9811 50.909L53.0975 37.2236H58.0242V66.2366H52.5501V50.3616L47.076 59.1202H44.3389L38.8648 50.3616V66.2366H33.3906Z" fill="%230046B5"/> <path d="M61.3087 66.2366V37.2236H66.7829V66.2366H61.3087Z" fill="%230046B5"/> <path d="M69.5199 66.2366V37.2236H74.9941V50.909L87.0372 37.2236H93.0587L82.1105 50.3616L94.1536 66.2366H87.5846L78.2786 54.1935L74.9941 57.4779V66.2366H69.5199Z" fill="%230046B5"/> </svg> ');
  --svg-icon-logo-mobile: url('data:image/svg+xml,<svg width="61" height="35" viewBox="0 0 61 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M60.1481 35H0L30.0741 0L60.1481 35Z" fill="%230046B5"/> <path d="M15.8125 31.3701V17.6294H18.1458L21.7755 24.1109L25.1458 17.6294H27.4792V31.3701H24.8866V23.8516L22.294 27.9998H20.9977L18.4051 23.8516V31.3701H15.8125Z" fill="white"/> <path d="M29.0347 31.3701V17.6294H31.6273V31.3701H29.0347Z" fill="white"/> <path d="M32.9236 31.3701V17.6294H35.5162V24.1109L41.2199 17.6294H44.0718L38.8866 23.8516L44.5903 31.3701H41.4792L37.0718 25.6664L35.5162 27.222V31.3701H32.9236Z" fill="white"/> </svg> ');
  --svg-icon-logo-mobile-active: url('data:image/svg+xml,<svg width="61" height="35" viewBox="0 0 61 35" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M60.1481 35H0L30.0741 0L60.1481 35Z" fill="white"/> <path d="M15.8125 31.3701V17.6294H18.1458L21.7755 24.1109L25.1458 17.6294H27.4792V31.3701H24.8866V23.8516L22.294 27.9998H20.9977L18.4051 23.8516V31.3701H15.8125Z" fill="%230046B5"/> <path d="M29.0347 31.3701V17.6294H31.6273V31.3701H29.0347Z" fill="%230046B5"/> <path d="M32.9236 31.3701V17.6294H35.5162V24.1109L41.2199 17.6294H44.0718L38.8866 23.8516L44.5903 31.3701H41.4792L37.0718 25.6664L35.5162 27.222V31.3701H32.9236Z" fill="%230046B5"/> </svg> ');
  --svg-icon-menu: url('data:image/svg+xml,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.158203" y="1.89478" width="1.57895" height="23.6842" transform="rotate(-90 0.158203 1.89478)" fill="%230046B5"/> <rect x="0.158203" y="9.78955" width="1.57895" height="23.6842" transform="rotate(-90 0.158203 9.78955)" fill="%230046B5"/> <rect x="0.158203" y="17.6843" width="1.57895" height="23.6842" transform="rotate(-90 0.158203 17.6843)" fill="%230046B5"/> </svg> ');
  --svg-icon-menu-mobile: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="0.5" y="1.5" width="0.999999" height="15" transform="rotate(-90 0.5 1.5)" fill="%230046B5"/> <rect x="0.5" y="6.5" width="0.999999" height="15" transform="rotate(-90 0.5 6.5)" fill="%230046B5"/> <rect x="0.5" y="11.5" width="0.999999" height="15" transform="rotate(-90 0.5 11.5)" fill="%230046B5"/> </svg> ');
  --svg-icon-close: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50196 4L18.502 14.0001" stroke="%230046B5"/> <path d="M8.50195 14L18.502 3.99991" stroke="%230046B5"/> </svg> ');
  --svg-icon-close-white: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.18555" y="17.9319" width="1.57895" height="23.6842" transform="rotate(-135 1.18555 17.9319)" fill="white"/> <rect width="1.57895" height="23.6842" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 16.8164 17.9319)" fill="white"/> </svg> ');
  --svg-icon-close-mobile: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.05078" y="11.9768" width="0.999999" height="15" transform="rotate(-135 1.05078 11.9768)" fill="white"/> <rect width="0.999999" height="15" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 10.9531 11.9768)" fill="white"/> </svg> ');
  --svg-icon-error: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="9.5" cy="9.5" r="9.5" fill="%23D34C46"/> <rect x="4.125" y="4.66309" width="0.76" height="14.44" transform="rotate(-45 4.125 4.66309)" fill="white"/> <rect x="14.3359" y="4.12598" width="0.76" height="14.44" transform="rotate(45 14.3359 4.12598)" fill="white"/> </svg> ');
  --svg-icon-arrow-drop-down: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 0.5L5 4.5L9 0.5" stroke="%23202532"/> </svg> ');
  --svg-icon-arrow-long-down: url('data:image/svg+xml,<svg width="11" height="51" viewBox="0 0 11 51" fill="none" xmlns = "http://www.w3.org/2000/svg"> <path d="M5.5 0V50M5.5 50L10 45.5M5.5 50L1 45.5" stroke="white" /> </svg>');
  --svg-icon-arrow-long-down-blue: url('data:image/svg+xml,<svg width="11" height="51" viewBox="0 0 11 51" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.5 0V50M5.5 50L10 45.5M5.5 50L1 45.5" stroke="%230046B5"/> </svg> ');
  --svg-icon-arrow-long-up: url('data:image/svg+xml,<svg width="11" height="59" viewBox="0 0 11 59" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.5 59V1M5.5 1L10 5.5M5.5 1L1 5.5" stroke="white"/> </svg>');
  --svg-icon-arrow-long-up-blue: url('data:image/svg+xml,<svg width="11" height="59" viewBox="0 0 11 59" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.5 59V1M5.5 1L10 5.5M5.5 1L1 5.5" stroke="%230046B5"/> </svg>');
  --svg-icon-arrow-circle: url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-3.8147e-06 5.72351L9.22354 5.72351M9.22354 5.72351L4.72354 1.22351M9.22354 5.72351L4.72354 10.2235" stroke="white"/> </svg> ');
  --svg-icon-arrow-circle-blue: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.160152 5.62982L10.8383 5.62983M10.8383 5.62983L5.6286 0.420176M10.8383 5.62983L5.6286 10.8395" stroke="%230046B5" stroke-width="1.1577"/> </svg> ');
  --svg-icon-arrow-mid-right: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.76078 0.276651L16.9697 8.48553L8.76078 16.6944L7.97898 15.9126L14.8532 9.03834L0.551908 9.03834L0.551908 7.93271L14.8532 7.93271L7.97898 1.05845L8.76078 0.276651Z" fill="white"/> </svg>');
  --svg-icon-arrow-short-left: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.1113 5.50003L0.887789 5.50003M0.887789 5.50003L5.38779 1.00003M0.887789 5.50003L5.38778 10" stroke="%23202532"/> </svg>');
  --svg-icon-arrow-short-left-blue: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.1113 5.50003L0.887789 5.50003M0.887789 5.50003L5.38779 1.00003M0.887789 5.50003L5.38778 10" stroke="%230046B5"/> </svg>');
  --svg-icon-arrow-short-right: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.888668 5.50003L10.1122 5.50003M10.1122 5.50003L5.61221 1.00003M10.1122 5.50003L5.61222 10" stroke="%23202532"/> </svg> ');
  --svg-icon-arrow-short-right-blue: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.888668 5.50003L10.1122 5.50003M10.1122 5.50003L5.61221 1.00003M10.1122 5.50003L5.61222 10" stroke="%230046B5"/> </svg> ');
  --svg-icon-arrow-gallery-left: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.20797 0.276651L-0.000906229 8.48553L8.20797 16.6944L8.98977 15.9126L2.1155 9.03834L16.4168 9.03834L16.4168 7.93271L2.1155 7.93271L8.98977 1.05845L8.20797 0.276651Z" fill="%230046B5"/> </svg>');
  --svg-icon-arrow-gallery-left-active: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.20797 0.276651L-0.000906229 8.48553L8.20797 16.6944L8.98977 15.9126L2.1155 9.03834L16.4168 9.03834L16.4168 7.93271L2.1155 7.93271L8.98977 1.05845L8.20797 0.276651Z" fill="white"/> </svg>');
  --svg-icon-arrow-gallery-right: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.76078 0.276651L16.9697 8.48553L8.76078 16.6944L7.97898 15.9126L14.8532 9.03834L0.551908 9.03834L0.551908 7.93271L14.8532 7.93271L7.97898 1.05845L8.76078 0.276651Z" fill="%230046B5"/> </svg> ');
  --svg-icon-arrow-gallery-right-active: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.76078 0.276651L16.9697 8.48553L8.76078 16.6944L7.97898 15.9126L14.8532 9.03834L0.551908 9.03834L0.551908 7.93271L14.8532 7.93271L7.97898 1.05845L8.76078 0.276651Z" fill="white"/> </svg> ');
  --svg-icon-arrow-gallery-detail-left: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.1113 5.5L0.887789 5.5M0.887789 5.5L5.38779 1M0.887789 5.5L5.38778 10" stroke="%230046B5"/> </svg> ');
  --svg-icon-arrow-gallery-detail-left-active: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.1113 5.5L0.887789 5.5M0.887789 5.5L5.38779 1M0.887789 5.5L5.38778 10" stroke="white"/> </svg> ');
  --svg-icon-arrow-gallery-detail-right: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.888668 5.5L10.1122 5.5M10.1122 5.5L5.61221 1M10.1122 5.5L5.61222 10" stroke="%230046B5"/> </svg> ');
  --svg-icon-arrow-gallery-detail-right-active: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.888668 5.5L10.1122 5.5M10.1122 5.5L5.61221 1M10.1122 5.5L5.61222 10" stroke="white"/> </svg> ');
  --svg-icon-plus: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="8.05273" width="1.30769" height="17" fill="%230046B5"/> <rect x="17" y="8.05298" width="1.30769" height="17" transform="rotate(90 17 8.05298)" fill="%230046B5"/> </svg> ');
  --svg-icon-minus: url('data:image/svg+xml,<svg width="17" height="3" viewBox="0 0 17 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="17" y="0.846191" width="1.30769" height="17" transform="rotate(90 17 0.846191)" fill="%230046B5"/> </svg> ');
  --svg-icon-fb: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.0007 1.66797H12.5007C11.3956 1.66797 10.3358 2.10696 9.55437 2.88836C8.77297 3.66976 8.33398 4.72957 8.33398 5.83464V8.33464H5.83398V11.668H8.33398V18.3346H11.6673V11.668H14.1673L15.0007 8.33464H11.6673V5.83464C11.6673 5.61362 11.7551 5.40166 11.9114 5.24538C12.0677 5.0891 12.2796 5.0013 12.5007 5.0013H15.0007V1.66797Z" fill="%23202532"/> </svg> ');
  --svg-icon-fb-active: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.0007 1.66797H12.5007C11.3956 1.66797 10.3358 2.10696 9.55437 2.88836C8.77297 3.66976 8.33398 4.72957 8.33398 5.83464V8.33464H5.83398V11.668H8.33398V18.3346H11.6673V11.668H14.1673L15.0007 8.33464H11.6673V5.83464C11.6673 5.61362 11.7551 5.40166 11.9114 5.24538C12.0677 5.0891 12.2796 5.0013 12.5007 5.0013H15.0007V1.66797Z" fill="white"/> </svg> ');
  --svg-icon-in: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.334 6.66797C14.6601 6.66797 15.9318 7.19475 16.8695 8.13243C17.8072 9.07012 18.334 10.3419 18.334 11.668V17.5013H15.0007V11.668C15.0007 11.2259 14.8251 10.802 14.5125 10.4895C14.1999 10.1769 13.776 10.0013 13.334 10.0013C12.892 10.0013 12.468 10.1769 12.1555 10.4895C11.8429 10.802 11.6673 11.2259 11.6673 11.668V17.5013H8.33398V11.668C8.33398 10.3419 8.86077 9.07012 9.79845 8.13243C10.7361 7.19475 12.0079 6.66797 13.334 6.66797Z" fill="%23202532"/> <path d="M4.99935 7.5H1.66602V17.5H4.99935V7.5Z" fill="%23202532"/> <path d="M3.33268 5.0013C4.25316 5.0013 4.99935 4.25511 4.99935 3.33464C4.99935 2.41416 4.25316 1.66797 3.33268 1.66797C2.41221 1.66797 1.66602 2.41416 1.66602 3.33464C1.66602 4.25511 2.41221 5.0013 3.33268 5.0013Z" fill="%23202532"/> </svg> ');
  --svg-icon-in-active: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.334 6.66797C14.6601 6.66797 15.9318 7.19475 16.8695 8.13243C17.8072 9.07012 18.334 10.3419 18.334 11.668V17.5013H15.0007V11.668C15.0007 11.2259 14.8251 10.802 14.5125 10.4895C14.1999 10.1769 13.776 10.0013 13.334 10.0013C12.892 10.0013 12.468 10.1769 12.1555 10.4895C11.8429 10.802 11.6673 11.2259 11.6673 11.668V17.5013H8.33398V11.668C8.33398 10.3419 8.86077 9.07012 9.79845 8.13243C10.7361 7.19475 12.0079 6.66797 13.334 6.66797Z" fill="white"/> <path d="M4.99935 7.5H1.66602V17.5H4.99935V7.5Z" fill="white"/> <path d="M3.33268 5.0013C4.25316 5.0013 4.99935 4.25511 4.99935 3.33464C4.99935 2.41416 4.25316 1.66797 3.33268 1.66797C2.41221 1.66797 1.66602 2.41416 1.66602 3.33464C1.66602 4.25511 2.41221 5.0013 3.33268 5.0013Z" fill="white"/> </svg> ');
}

.comp__button_animation-circle ._an1 {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  align-self: flex-end;
  position: relative;
}
.comp__button_animation-circle ._an2 {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.comp__button_animation-circle ._an2::before {
  content: "";
  position: absolute;
  background: var(--color-text-invert);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1.02);
}
.comp__button_animation-circle ._an2::after {
  content: "";
  position: absolute;
  background: var(--color-text-invert);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.comp__button_animation-circle ._an3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comp__button_animation-circle ._an3::after {
  line-height: 0;
}
.comp__button_animation-circle:hover ._an2 {
  transform: scale3d(1.02, 1.02, 1.02);
}
.comp__button_animation-circle:hover ._an2::before {
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1.02, 1.02, 1.02);
}
.comp__button_animation-circle:hover ._an2::after {
  opacity: 1;
  transition-duration: 0.01s;
  transition-delay: 0.3s;
}
.comp__button_animation-circle--small ._an1 {
  width: 27px;
  min-width: 27px;
  height: 27px;
  border: solid 1px var(--color-text-invert);
}
.comp__button_animation-circle--small ._an3::after {
  content: var(--svg-icon-arrow-gallery-detail-right-active);
  width: 11px;
  height: 11px;
}
.comp__button_animation-circle--small:hover ._an3::after {
  filter: var(--fltr-blue);
}
.comp__button_animation-circle--mid ._an1 {
  width: 49px;
  min-width: 49px;
  height: 49px;
  border: solid 1px var(--color-text-invert);
}
.comp__button_animation-circle--mid ._an3::after {
  content: var(--svg-icon-arrow-mid-right);
  width: 17px;
  height: 17px;
}
.comp__button_animation-circle--mid:hover ._an3::after {
  filter: var(--fltr-invert);
}
.comp__button_animation-circle--invert ._an1 {
  border: solid 1px var(--color-dark-border);
}
.comp__button_animation-circle--invert ._an2::before {
  background-color: var(--color-blue);
}
.comp__button_animation-circle--invert ._an2::after {
  background-color: var(--color-blue);
}
.comp__button_animation-circle--invert ._an3::after {
  content: var(--svg-icon-arrow-gallery-right-active);
  filter: var(--fltr-blue);
}
.comp__button_animation-circle--invert:hover ._an3::after {
  filter: none;
}
.comp__button_animation-circle--left ._an3::after {
  content: var(--svg-icon-arrow-gallery-left-active);
  filter: var(--fltr-blue);
}
.comp__button_animation-circle--left:hover ._an3::after {
  filter: none;
}
.comp__button_mid {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 15px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: solid 1px var(--color-dark-border);
  background-color: transparent;
  transition: background-color 0.3s;
}
.comp__button_mid--blue {
  color: var(--color-text-invert);
  background-color: var(--color-blue);
}
.comp__button_mid--blue:hover {
  color: var(--color-blue);
  background-color: var(--color-text-invert);
}
.comp__button_mid--white {
  color: var(--color-text-primary);
}
.comp__button_mid--white:hover {
  color: var(--color-text-invert);
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
.comp__button_big {
  cursor: pointer;
  width: 290px;
  height: 90px;
  border: solid 1px var(--color-text-invert);
  color: var(--color-text-invert);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
}
.comp__button_big p {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 390px) {
  .comp__button_big {
    width: 100%;
  }
}
.comp__button_big--blue {
  background-color: var(--color-blue);
  border: solid 1px var(--color-blue);
}
@media only screen and (max-width: 390px) {
  .comp__button_big--mob {
    color: var(--color-text-primary);
    border: solid 1px var(--color-text-primary);
  }
  .comp__button_big--mob ._an1 {
    border: solid 1px var(--color-text-primary);
  }
  .comp__button_big--mob ._an2::before {
    background-color: var(--color-blue);
  }
  .comp__button_big--mob ._an2::after {
    background-color: var(--color-blue);
  }
  .comp__button_big--mob ._an3::after {
    content: var(--svg-icon-arrow-gallery-detail-right);
  }
  .comp__button_big--mob:hover ._an3::after {
    filter: var(--fltr-blue);
    content: var(--svg-icon-arrow-gallery-detail-right-active);
  }
}
.comp__button_vertical {
  border: solid 1px var(--color-text-invert);
  width: 29px;
  min-width: 29px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.3s;
}
.comp__button_vertical:hover {
  background-color: var(--color-text-invert);
}
.comp__button_menu-form {
  width: 290px;
  height: 42px;
  background-color: var(--color-text-invert);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin: 0 auto;
  text-decoration: none;
}
.comp__button_menu-lang {
  color: var(--color-text-invert);
  width: 50px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px var(--color-text-invert);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
}
.comp__button_menu-lang--white {
  background-color: var(--color-text-invert);
  color: var(--color-blue);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Gilroy", Arial, sans-serif;
  font-size: 14px;
  line-height: 120%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

p {
  margin-block-end: 12px;
}

dialog {
  border: 0;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 600px) {
  html #wpadminbar {
    margin-top: -46px !important;
  }
}

/* Прятать выделение при клике на тач устройствах */
._no-select {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._no-scroll {
  overflow: hidden;
}

.scroll-down .header__box {
  transform: translate3d(0, -100%, 0);
  box-shadow: 0 0 0 -21px rgba(0, 0, 0, 0);
}

.scroll-up .header__box {
  transform: none;
  box-shadow: 0 34px 50px -21px rgba(0, 0, 0, 0.1);
}

.scroll-down.show-menu .header__box {
  transform: none;
}

.icon__arrow_down::after {
  content: var(--svg-icon-arrow-long-down);
  width: 11px;
  height: 51px;
}
.icon__arrow_down:hover::after {
  filter: var(--fltr-blue);
}
.icon__arrow_up::after {
  content: var(--svg-icon-arrow-long-up);
  width: 11px;
  height: 59px;
}
.icon__arrow_up:hover::after {
  filter: var(--fltr-blue);
}

.global__wrapper {
  width: 100%;
  margin: 0 auto;
  padding-left: calc(15px + (40 - 15) * ((100vw - 320px) / (1280 - 320)));
  padding-right: calc(15px + (40 - 15) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .global__wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}
.global__menu a {
  position: relative;
  white-space: nowrap;
  text-decoration: none;
}
.global__menu a::before {
  content: "";
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}
.global__menu a:hover {
  text-decoration: none;
}
.global__menu a:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.global__title {
  margin-top: calc(12px + (60 - 12) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-text-primary);
  font-size: 40px;
  font-size: calc(36px + (40 - 36) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 90%; /* 36px */
}
@media only screen and (min-width: 1280px) {
  .global__title {
    margin-block-start: 60px;
  }
}
.global__title--page {
  color: var(--color-text-primary);
  font-size: calc(36px + (70 - 36) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 90%;
  width: 80%;
}
@media only screen and (min-width: 1400px) {
  .global__title--page {
    font-size: 74px;
    width: 1100px;
  }
}
@media only screen and (max-width: 960px) {
  .global__title--page {
    width: 100%;
  }
}
.global__title--page strong, .global__title--page span, .global__title--page i, .global__title--page b {
  color: var(--color-blue);
  font-weight: 600;
  font-style: normal;
}
.global__title-2 {
  border-block-end: solid 1px var(--color-dark-border);
  padding-block-end: 15px;
}
.global__title-2 span {
  color: var(--color-blue);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border: 1px solid var(--color-dark-border);
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .global__title-2 span {
    font-size: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .global__title-2 span {
    font-size: 12px;
  }
}
.global__label {
  border: 1px solid var(--color-dark-border);
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: var(--color-blue);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 1280px) {
  .global__label {
    font-size: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .global__label {
    font-size: 12px;
  }
}
.global__carousel_title {
  color: var(--color-blue);
  font-size: 24px;
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  text-align: center;
  margin-top: calc(50px + (80 - 50) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .global__carousel_title {
    font-size: 26px;
    margin-block-start: 100px;
  }
}
.global__carousel_box {
  margin-block-start: 20px;
  height: 175px;
}
@media only screen and (max-width: 390px) {
  .global__carousel_box {
    height: 100px;
  }
}
.global__other_carousel {
  display: flex;
  gap: 30px;
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (max-width: 640px) {
  .global__other_carousel {
    flex-direction: column;
  }
  .global__other_carousel article.catalog__item {
    width: 100%;
  }
}
.global__partners_title {
  font-size: 40px;
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  width: 80%;
  margin: 60px auto 0;
}
@media only screen and (min-width: 1600px) {
  .global__partners_title {
    font-size: 44px;
  }
}
.global__partners_title span {
  color: var(--color-blue);
}
.global__partners_list {
  width: 3500px;
  display: flex;
  animation: scroll 20s linear infinite;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 390px) {
  .global__partners_list {
    width: 2000px;
  }
}
.global__partners_list--rev {
  animation: scroll2 20s linear infinite;
}
.global__partners_list-box {
  margin-block-start: 20px;
  overflow: hidden;
}
.global__partners_item {
  width: 175px;
  height: 175px;
  border: solid 1px var(--color-dark-border);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  .global__partners_item {
    width: calc(100px + (175 - 100) * ((100vw - 320px) / (1280 - 320)));
    height: calc(100px + (175 - 100) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (max-width: 390px) {
  .global__partners_item {
    width: 100px;
    height: 100px;
  }
}
.global__content {
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
}
.global__content h2 {
  font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1280 - 320)));
  line-height: 120%;
  margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1280 - 320)));
}
.global__content p {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  line-height: 120%;
  margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1280 - 320)));
}
.global__content p + h2 {
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1280 - 320)));
}
.global__text p:last-child {
  margin-block-end: 0;
}

.popup__form {
  display: none;
  position: fixed;
  left: calc(10px + (200 - 10) * ((100vw - 320px) / (1280 - 320)));
  right: calc(10px + (200 - 10) * ((100vw - 320px) / (1280 - 320)));
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--color-text-invert);
  padding: 20px 20px 50px;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5), 0 0 12px 20px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
@media only screen and (min-width: 1600px) {
  .popup__form {
    width: 1070px;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    height: auto;
  }
}
.popup__form_wrapper {
  display: flex;
  flex-direction: column;
}
.popup__form_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 543px;
  width: 100%;
  margin: 0 auto;
}
.popup__form_box > .contacts__form_form {
  max-width: 543px;
  width: 100%;
}
.popup__form_close {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background-color: var(--color-dark-border);
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  cursor: pointer;
}
.popup__form_close::after {
  content: var(--svg-icon-close);
  width: 27px;
  height: 18px;
}
.popup__form .contacts__form_submit {
  margin: 20px auto 0;
}

.main__box {
  flex: 1 1 auto;
}

.viiskova-produktsiia #menu-item-41 a,
.viiskova-produktsiia #menu-item-42 a,
.viiskova-produktsiia #menu-item-38 a,
.robochyi-spetsodiah #menu-item-39 a {
  color: var(--color-blue);
  border-block-end: solid 1px var(--color-blue);
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-1750px);
  }
}
@keyframes scroll2 {
  0% {
    transform: translateX(-1750px);
  }
  100% {
    transform: translateX(0px);
  }
}
@media only screen and (max-width: 390px) {
  @keyframes scroll {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(-1000px);
    }
  }
  @keyframes scroll2 {
    0% {
      transform: translateX(-1000px);
    }
    100% {
      transform: translateX(0px);
    }
  }
}
.header__box {
  background-color: var(--color-bg-primary);
  height: 87px;
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: transform 0.4s, box-shadow 1s, background-color 0.5s;
}
@media only screen and (max-width: 990px) {
  .header__box {
    height: 115px;
  }
}
@media only screen and (max-width: 420px) {
  .header__box {
    height: 67px;
  }
}
.header__box_wrapper {
  padding-block-start: 20px;
  padding-block-end: 20px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 990px) {
  .header__box_wrapper {
    display: none;
  }
}
.header__logo {
  width: 90px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__logo::after {
  content: var(--svg-icon-logo);
  display: block;
  width: 90px;
  height: 53px;
}
.header__menu {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
}
.header__menu ul {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__menu a {
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  display: block;
  padding: 3px 0;
}
@media only screen and (min-width: 1280px) {
  .header__menu a {
    font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .header__menu a {
    font-size: 16px;
  }
}
.header__menu a:hover {
  color: var(--color-blue);
}
.header__menu .current-product_cat-ancestor a,
.header__menu .current-menu-item a {
  color: var(--color-blue);
  border-block-end: solid 1px var(--color-blue);
}
.header__controls {
  display: flex;
  gap: 10px;
  margin-left: calc(0px + (90 - 0) * ((100vw - 320px) / (1280 - 320)));
}
.header__button_form {
  width: 190px;
}
.header__button_lang {
  width: 73px;
}
.header__mobile {
  display: none;
  background-color: #fff;
  transition: background-color 0.5s;
}
@media only screen and (max-width: 990px) {
  .header__mobile {
    display: flex;
  }
}
.header__mobile_wrapper {
  height: 115px;
  padding-block-start: 20px;
  padding-block-end: 20px;
}
@media only screen and (max-width: 420px) {
  .header__mobile_wrapper {
    height: 67px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }
}
.header__mobile.header__show_menu {
  background-color: var(--color-blue);
}
.header__mobile.header__show_menu .header__mobile_wrapper {
  height: auto;
}
.header__mobile.header__show_menu .header__logo::after {
  content: var(--svg-icon-logo-tablet-active);
}
@media only screen and (max-width: 420px) {
  .header__mobile.header__show_menu .header__logo::after {
    content: var(--svg-icon-logo-mobile-active);
  }
}
.header__mobile.header__show_menu .header__mobile_menu-burger {
  display: none;
}
.header__mobile.header__show_menu .header__mobile_menu-close {
  display: flex;
}
.header__mobile.header__show_menu .header__menu {
  display: flex;
}
.header__mobile.header__show_menu .header__mobile_controls {
  display: block;
}
.header__mobile_logo-menu {
  display: flex;
  justify-content: space-between;
}
.header__mobile .header__logo {
  width: 127px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 420px) {
  .header__mobile .header__logo {
    width: 60px;
    height: 35px;
  }
}
.header__mobile .header__logo::after {
  content: var(--svg-icon-logo-tablet);
  display: block;
  width: 127px;
  height: 74px;
  background-size: contain;
}
@media only screen and (max-width: 420px) {
  .header__mobile .header__logo::after {
    content: var(--svg-icon-logo-mobile);
    width: 60px;
    height: 35px;
  }
}
.header__mobile .header__menu {
  display: none;
  margin-block-start: 50px;
}
@media only screen and (max-width: 420px) {
  .header__mobile .header__menu {
    margin-block-start: 37px;
  }
}
.header__mobile .header__menu ul {
  flex-direction: column;
  gap: 17px;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (max-width: 420px) {
  .header__mobile .header__menu ul {
    gap: 15px;
  }
}
.header__mobile .header__menu a {
  color: var(--color-text-invert);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  padding-block-end: 3px;
}
.header__mobile_menu-burger {
  width: 60px;
  height: 60px;
  border: solid 1.579px var(--color-dark-border);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 420px) {
  .header__mobile_menu-burger {
    width: 38px;
    height: 38px;
  }
}
.header__mobile_menu-burger::after {
  content: var(--svg-icon-menu);
  width: 24px;
  height: 18px;
}
@media only screen and (max-width: 420px) {
  .header__mobile_menu-burger::after {
    content: var(--svg-icon-menu-mobile);
    width: 16px;
    height: 12px;
  }
}
.header__mobile_menu-close {
  display: none;
  width: 60px;
  height: 60px;
  border: solid 1.579px var(--color-dark-border);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 420px) {
  .header__mobile_menu-close {
    width: 38px;
    height: 38px;
  }
}
.header__mobile_menu-close::after {
  content: var(--svg-icon-close-white);
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 420px) {
  .header__mobile_menu-close::after {
    content: var(--svg-icon-close-mobile);
    width: 12px;
    height: 12px;
  }
}
.header__mobile_controls {
  display: none;
  margin-block-start: 50px;
}
@media only screen and (max-width: 420px) {
  .header__mobile_controls {
    margin-block-start: 35px;
  }
}
.header__mobile_controls-lang {
  display: flex;
  width: 110px;
  gap: 10px;
  margin: 35px auto 20px;
}

.footer__box {
  background-color: var(--color-text-primary);
  color: var(--color-text-invert);
  margin-top: calc(100px + (120 - 100) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .footer__box {
    margin-block-start: 130px;
  }
}
.footer__box_wrapper {
  padding-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .footer__box_wrapper {
    margin-block-start: 60px;
  }
}
.footer__row_top {
  display: flex;
}
.footer__row_empty {
  width: 28%;
}
@media only screen and (min-width: 1400px) {
  .footer__row_empty {
    width: 30%;
  }
}
@media only screen and (max-width: 990px) {
  .footer__row_empty {
    display: none;
  }
}
.footer__row_logo {
  width: 28%;
}
@media only screen and (min-width: 1400px) {
  .footer__row_logo {
    width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .footer__row_logo {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.footer__row_info {
  display: flex;
}
.footer__column_box {
  display: flex;
  flex-direction: column;
}
.footer__column_menu {
  display: flex;
  flex-direction: column;
}
.footer__columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  margin-block-start: 50px;
  justify-content: space-between;
  width: 72%;
}
@media only screen and (min-width: 1280px) {
  .footer__columns {
    gap: calc(50px + (100 - 50) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .footer__columns {
    gap: 120px;
  }
}
@media only screen and (max-width: 990px) {
  .footer__columns {
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 640px) {
  .footer__columns {
    flex-direction: column;
    gap: 50px;
  }
}
.footer__columns a {
  text-decoration: none;
}
.footer__columns a:hover {
  text-decoration: underline;
}
.footer__column_info--1 {
  min-width: 230px;
}
@media only screen and (max-width: 990px) {
  .footer__column_info--1 {
    min-width: 190px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__column_info--1 {
    width: 100%;
  }
}
.footer__column_info--2 {
  min-width: 190px;
}
@media only screen and (max-width: 990px) {
  .footer__column_info--2 {
    min-width: 180px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__column_info--2 {
    width: 100%;
  }
}
.footer__column_info--3 {
  min-width: 210px;
}
@media only screen and (max-width: 990px) {
  .footer__column_info--3 {
    min-width: 170px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__column_info--3 {
    width: 100%;
  }
}
.footer__menu {
  height: 73px;
  align-items: center;
  display: flex;
  width: 72%;
}
@media only screen and (max-width: 768px) {
  .footer__menu {
    display: none;
  }
}
.footer__menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: calc(20px + (80 - 20) * ((100vw - 320px) / (1280 - 320)));
  justify-content: space-between;
  width: 80%;
}
@media only screen and (min-width: 1600px) {
  .footer__menu ul {
    gap: 90px;
  }
}
.footer__menu a {
  color: var(--color-text-invert);
  display: block;
  padding: 3px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1280px) {
  .footer__menu a {
    font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .footer__menu a {
    font-size: 16px;
  }
}
.footer__item_logo {
  width: 124px;
}
@media only screen and (max-width: 640px) {
  .footer__item_logo {
    margin: 0 auto;
  }
}
.footer__item_logo-link {
  display: block;
  text-decoration: none;
  border: 0;
}
.footer__info_title {
  padding-bottom: calc(12px + (10 - 12) * ((100vw - 320px) / (1280 - 320)));
  border-block-end: solid 1px var(--color-light-border);
}
@media only screen and (min-width: 1600px) {
  .footer__info_title {
    padding-block-end: 10px;
  }
}
.footer__info_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__info_list li {
  display: block;
  margin-block-start: 30px;
}
.footer__info_name {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1600px) {
  .footer__info_name {
    font-size: 20px;
  }
}
.footer__info_contact {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 14.4px */
  margin-block-start: 10px;
  color: var(--color-text2-invert);
}
@media only screen and (min-width: 1600px) {
  .footer__info_contact {
    font-size: 16px;
  }
}
.footer__info_contact a {
  color: var(--color-text2-invert);
}
.footer__totop {
  height: 98px;
  width: 29px;
  border: solid 1px var(--color-light-border);
}
@media only screen and (max-width: 640px) {
  .footer__totop {
    margin: 0 auto;
  }
}
.footer__totop_box {
  height: 98px;
}
@media only screen and (max-width: 640px) {
  .footer__totop_box {
    padding: 50px 0;
    height: auto;
  }
}
.footer__copy_box {
  display: flex;
  height: 74px;
  border-block-start: solid 1px var(--color-light-border);
  margin-top: calc(0px + (30 - 0) * ((100vw - 320px) / (1280 - 320)));
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 1600px) {
  .footer__copy_box {
    margin-block-start: 35px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__copy_box {
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding: 30px 0 46px;
    gap: 30px;
  }
}
.footer__copy_box a {
  text-decoration: none;
}
.footer__copy_box a:hover {
  text-decoration: underline;
}
.footer__copy_left {
  display: flex;
  width: 28%;
  align-items: center;
}
@media only screen and (min-width: 1400px) {
  .footer__copy_left {
    width: 30%;
  }
}
@media only screen and (max-width: 990px) {
  .footer__copy_left {
    width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .footer__copy_left {
    width: 100%;
    justify-content: center;
  }
}
.footer__copy_left .footer__copy_social {
  display: none;
}
@media only screen and (max-width: 640px) {
  .footer__copy_left .footer__copy_social {
    display: block;
  }
}
.footer__copy_right {
  width: 72%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 990px) {
  .footer__copy_right {
    width: 70%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 640px) {
  .footer__copy_right {
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }
}
.footer__copy_right .footer__copy_policy {
  display: none;
}
@media only screen and (max-width: 640px) {
  .footer__copy_right .footer__copy_policy {
    display: block;
  }
}
.footer__copy_policy {
  display: block;
  color: var(--color-text2-invert);
}
@media only screen and (max-width: 640px) {
  .footer__copy_policy {
    order: 2;
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .footer__copy_social {
    order: 1;
    display: none;
  }
}
.footer__copy_social-list {
  list-style: none;
  display: flex;
  gap: 30px;
  margin: 0;
  padding: 0;
}
.footer__copy_social-list a {
  color: var(--color-text-invert);
}
.footer__copy_date {
  color: var(--color-text2-invert);
}
@media only screen and (max-width: 640px) {
  .footer__copy_date {
    order: 3;
  }
}
@media only screen and (max-width: 640px) {
  .footer__copy_dev {
    order: 4;
  }
}
.footer__copy_dev a {
  color: var(--color-text-invert);
}
.footer__copy_dev-text {
  color: var(--color-text2-invert);
}

.index__video_wide {
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 390px) {
  .index__video_wide {
    background: transparent;
  }
}
.index__video_wrapper {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}
@media only screen and (min-width: 1600px) {
  .index__video_wrapper {
    width: 1600px;
    margin: 0 auto;
  }
}
.index__video_box {
  position: relative;
  height: calc(100dvh - 87px - 20px);
  width: calc(100vw - 60px);
  transform: translateX(-50%);
  margin-inline-start: 50%;
}
@media only screen and (max-width: 990px) {
  .index__video_box {
    height: calc(100dvh - 140px);
    width: calc(100vw - 40px);
  }
}
@media only screen and (max-width: 420px) {
  .index__video_box {
    height: calc(100dvh - 80px);
    width: calc(100vw - 30px);
  }
}
@media only screen and (max-width: 390px) {
  .index__video_box {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    transform: translateX(0);
    margin-inline-start: 0;
    width: 100%;
  }
}
@media (orientation: landscape) and (max-width: 960px) {
  .index__video_box {
    height: auto;
  }
}
.index__video_box video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
@media only screen and (max-width: 390px) {
  .index__video_box video {
    position: initial;
    height: 200px;
    margin-block-start: 30px;
  }
}
.index__video_content {
  height: 100%;
  padding-left: calc(24px + (72 - 24) * ((100vw - 320px) / (1280 - 320)));
  padding-right: calc(24px + (72 - 24) * ((100vw - 320px) / (1280 - 320)));
  padding-bottom: calc(140px + (50 - 140) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1280px) {
  .index__video_content {
    padding-block-end: 50px;
  }
}
@media only screen and (max-width: 990px) {
  .index__video_content {
    padding-block-end: 80px;
  }
}
@media only screen and (max-width: 560px) {
  .index__video_content {
    padding-block-end: 50px;
  }
}
@media only screen and (max-width: 390px) {
  .index__video_content {
    padding: 12px 0 0;
    padding-block-end: 0;
  }
}
@media (orientation: landscape) and (max-width: 960px) {
  .index__video_content {
    padding-block-start: 45px;
    padding-block-end: 45px;
  }
}
.index__video_text {
  margin: auto 0;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
}
.index__video_hello {
  height: 31px;
  border: solid 1px var(--color-text-invert);
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  color: var(--color-text-invert);
  padding: 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 1280px) {
  .index__video_hello {
    font-size: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .index__video_hello {
    font-size: 12px;
  }
}
@media only screen and (max-width: 390px) {
  .index__video_hello {
    border: solid 1px var(--color-dark-border);
    color: var(--color-blue);
  }
}
.index__video_title {
  font-size: calc(36px + (70 - 36) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 90%; /* 63px */
  color: var(--color-text-invert);
  width: 820px;
  width: calc(280px + (820 - 280) * ((100vw - 320px) / (1280 - 320)));
  margin-block-start: 30px;
}
@media only screen and (min-width: 1600px) {
  .index__video_title {
    font-size: 82px;
    width: 1130px;
  }
}
@media only screen and (max-width: 390px) {
  .index__video_title {
    color: var(--color-text-primary);
  }
}
.index__video_sub-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
  color: var(--color-text-invert);
  width: calc(280px + (410 - 280) * ((100vw - 320px) / (1280 - 320)));
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1280px) {
  .index__video_sub-title {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .index__video_sub-title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 390px) {
  .index__video_sub-title {
    color: var(--color-text-primary);
  }
}
.index__video_buttons {
  margin-block-start: 30px;
  display: flex;
  align-self: flex-end;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 390px) {
  .index__video_buttons {
    flex-direction: column;
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  .index__video_buttons {
    flex-direction: column;
  }
}
.index__video_button--last {
  margin-inline-start: auto;
}
@media only screen and (max-width: 560px) {
  .index__video_button--last {
    display: none;
  }
}
.index__data_box {
  margin-top: calc(100px + (120 - 100) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .index__data_box {
    margin-block-start: 130px;
  }
}
.index__about_content {
  display: flex;
  justify-content: space-between;
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
  gap: 30px;
}
@media only screen and (max-width: 990px) {
  .index__about_content {
    flex-direction: column;
    gap: 0;
  }
}
.index__about_content--reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 990px) {
  .index__about_content--reverse {
    flex-direction: column;
  }
}
.index__about_column {
  display: flex;
  flex-direction: column;
}
.index__about_number {
  color: var(--color-blue);
  font-size: calc(48px + (70 - 48) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 90%; /* 63px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) {
  .index__about_number {
    font-size: 82px;
  }
}
@media only screen and (max-width: 390px) {
  .index__about_number {
    font-weight: 700;
    line-height: 100%; /* 48px */
  }
}
.index__about_sub-number {
  margin-top: calc(10px + (27 - 10) * ((100vw - 320px) / (1280 - 320)));
  width: 102px;
  color: var(--color-text-primary);
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1280px) {
  .index__about_sub-number {
    width: calc(90px + (110 - 90) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .index__about_sub-number {
    margin-block-start: 28px;
    width: 120px;
    font-size: 20px;
  }
}
.index__about_text {
  margin-block-start: auto;
  width: 100%;
  color: var(--color-text-primary);
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}
@media only screen and (min-width: 1600px) {
  .index__about_text {
    font-size: 26px;
  }
}
@media only screen and (max-width: 990px) {
  .index__about_text {
    margin-top: calc(50px + (140 - 50) * ((100vw - 320px) / (1280 - 320)));
  }
}
.index__about_button {
  margin-top: calc(30px + (40 - 30) * ((100vw - 320px) / (1280 - 320)));
}
.index__about_image {
  background-image: url("/wp-content/themes/mik_a4rkw1b99k/assets/images/hero_banner.png");
  max-width: 585px;
  width: calc(180px + (585 - 180) * ((100vw - 320px) / (1280 - 320)));
  height: 550px;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 1280px) {
  .index__about_image {
    max-width: calc(585px + (1200 - 585) * ((100vw - 320px) / (1280 - 320)));
    width: calc(180px + (600 - 180) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .index__about_image {
    max-width: 740px;
    width: 740px;
  }
}
@media only screen and (max-width: 990px) {
  .index__about_image {
    margin-block-start: 50px;
    max-width: 100%;
    width: 100%;
    height: 200px;
    height: calc(200px + (550 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
.index__values_box {
  margin-top: calc(50px + (80 - 50) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 1280px) {
  .index__values_box {
    margin-block-start: 80px;
  }
}
@media only screen and (max-width: 560px) {
  .index__values_box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.index__values_nums {
  border-block-start: solid 1px var(--color-dark-border);
  padding-block-start: 29px;
  flex: 0 0 calc(33% - 15px);
}
@media only screen and (max-width: 560px) {
  .index__values_nums {
    flex: 0 0 calc(50% - 10px);
  }
}
.index__values_number {
  color: var(--color-blue);
  font-size: calc(36px + (70 - 36) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 90%; /* 63px */
}
@media only screen and (min-width: 1600px) {
  .index__values_number {
    font-size: 82px;
  }
}
.index__values_sub-number {
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-text-primary);
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1600px) {
  .index__values_sub-number {
    margin-block-start: 35px;
    font-size: 20px;
  }
}
.index__catalog_content {
  display: flex;
  justify-content: space-between;
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (max-width: 768px) {
  .index__catalog_content {
    flex-direction: column;
  }
}
.index__picture_box {
  width: 50%;
  aspect-ratio: 4/3.35;
  background-size: cover;
  background-position: center;
  padding: 0 40px 0;
  display: flex;
  text-decoration: none;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .index__picture_box {
    max-height: 550px;
  }
}
@media only screen and (max-width: 768px) {
  .index__picture_box {
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  .index__picture_box {
    padding: 30px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 320px;
  }
}
.index__picture_box--1 {
  background-image: url("/wp-content/themes/mik_a4rkw1b99k/assets/images/hero_banner_1.png");
}
.index__picture_box--2 {
  background-image: url("/wp-content/themes/mik_a4rkw1b99k/assets/images/hero_banner_2.png");
}
.index__picture_title {
  color: var(--color-text-invert);
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 40px */
}
@media only screen and (min-width: 1600px) {
  .index__picture_title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 768px) {
  .index__picture_title {
    font-size: calc(24px + (70 - 24) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (max-width: 390px) {
  .index__picture_title {
    font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  }
}
.index__picture_sub-title {
  margin-block-start: 20px;
  color: var(--color-text-invert);
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
  width: calc(200px + (390 - 200) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1280px) {
  .index__picture_sub-title {
    font-size: calc(6px + (14 - 6) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .index__picture_sub-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .index__picture_sub-title {
    font-size: calc(12px + (24 - 12) * ((100vw - 320px) / (1280 - 320)));
    width: calc(200px + (800 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (max-width: 390px) {
  .index__picture_sub-title {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1280 - 320)));
    width: 100%;
  }
}
.index__picture_button {
  margin-block-start: 30px;
}

.catalog__filter_box {
  margin-block-start: 50px;
  margin-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1280 - 320)));
}
.catalog__filter_box ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.catalog__filter_box a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: var(--color-blue);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding: 10px;
  height: 32px;
  border: 1px solid var(--color-dark-border);
  background-color: transparent;
  transition: background-color 0.3s;
}
@media only screen and (min-width: 1280px) {
  .catalog__filter_box a {
    font-size: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
    padding-top: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
    padding-right: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
    padding-bottom: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
    padding-left: calc(4px + (10 - 4) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .catalog__filter_box a {
    font-size: 12px;
    padding: 12px;
  }
}
.catalog__filter_box a:hover, .catalog__filter_box a.active {
  border-color: var(--color-blue);
  color: #FFF;
  background-color: var(--color-blue);
}
.catalog__list {
  margin-block-start: 50px;
  margin-top: calc(40px + (50 - 40) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
}
@media only screen and (max-width: 640px) {
  .catalog__list {
    gap: 10px;
  }
}
.catalog__item {
  width: calc(25% - 23px);
}
@media only screen and (max-width: 640px) {
  .catalog__item {
    width: calc(50% - 5px);
  }
}
.catalog__item a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.catalog__item a:hover .catalog__item_image--master.has-slave {
  opacity: 0;
}
.catalog__item:nth-child(7n+1), .catalog__item:nth-child(7n+2), .catalog__item:nth-child(7n+3) {
  width: calc(33.333% - 20px);
}
@media only screen and (max-width: 640px) {
  .catalog__item:nth-child(7n+1), .catalog__item:nth-child(7n+2), .catalog__item:nth-child(7n+3) {
    width: calc(50% - 5px);
  }
}
.catalog__item_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.catalog__item_image-box {
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  aspect-ratio: 1;
  position: relative;
}
.catalog__item_image--master {
  opacity: 1;
  transition: opacity 0.3s;
  position: relative;
  z-index: 1;
}
.catalog__item_image--slave {
  position: absolute;
  inset: 0;
}
.catalog__item_title {
  margin-block-start: 15px;
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1280px) {
  .catalog__item_title {
    font-size: calc(6px + (14 - 6) * ((100vw - 320px) / (1280 - 320)));
    margin-top: calc(10px + (15 - 10) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .catalog__item_title {
    font-size: 16px;
    margin-block-start: 16px;
  }
}
.catalog__pagination {
  display: flex;
  gap: 10px;
  margin: 50px auto 0;
}
.catalog__pagination_box {
  display: flex;
  justify-content: center;
}
.catalog__pagination_box ul {
  list-style: none;
  display: flex;
  gap: 10px;
  margin: 50px auto 0;
  padding: 0;
}
.catalog__pagination_box ul ::marker {
  display: none;
}
.catalog__pagination_box ul .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border: 1px solid var(--color-dark-border);
  width: 29px;
  height: 29px;
  padding: 6px 12px;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.3s;
}
.catalog__pagination_box ul .page-numbers.current, .catalog__pagination_box ul .page-numbers:hover {
  color: var(--color-text-invert);
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
.catalog__pagination_box ul .prev.page-numbers,
.catalog__pagination_box ul .next.page-numbers {
  border: 0;
}
.catalog__pagination_box ul .prev.page-numbers.current, .catalog__pagination_box ul .prev.page-numbers:hover,
.catalog__pagination_box ul .next.page-numbers.current,
.catalog__pagination_box ul .next.page-numbers:hover {
  color: var(--color-blue);
  background-color: transparent;
}
.catalog__pagination_move {
  border: 0;
}

.detail__item_box {
  margin-top: calc(12px + (40 - 12) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  gap: calc(0px + (30 - 0) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .detail__item_box {
    margin-block-start: 44px;
    gap: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_box {
    flex-direction: column;
  }
}
.detail__item_image {
  max-width: 585px;
  width: calc(290px + (585 - 290) * ((100vw - 320px) / (1280 - 320)));
  background-color: var(--color-bg-secondary);
  aspect-ratio: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .detail__item_image {
    max-width: 100%;
    width: calc(190px + (585 - 190) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .detail__item_image {
    width: 710px;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_image {
    width: 100%;
    max-width: 100%;
  }
}
.detail__item_image .owl-item {
  width: 100%;
}
.detail__item_image img {
  max-width: 585px;
  width: calc(290px + (585 - 290) * ((100vw - 320px) / (1280 - 320)));
  object-fit: cover;
  aspect-ratio: 1;
}
@media only screen and (min-width: 1280px) {
  .detail__item_image img {
    max-width: 100%;
    width: calc(190px + (585 - 190) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .detail__item_image img {
    width: 710px;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_image img {
    width: 100%;
    max-width: 100%;
  }
}
.detail__item_image-box {
  max-width: 585px;
  width: calc(290px + (585 - 290) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1280px) {
  .detail__item_image-box {
    max-width: 100%;
    width: calc(190px + (585 - 190) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .detail__item_image-box {
    width: 710px;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_image-box {
    width: 100%;
    max-width: 100%;
  }
}
.detail__item_carousel {
  list-style: none;
  overflow: hidden;
  max-width: 585px;
  width: calc(290px + (585 - 290) * ((100vw - 320px) / (1280 - 320)));
  margin: 0;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .detail__item_carousel {
    max-width: 100%;
    width: calc(190px + (585 - 190) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .detail__item_carousel {
    width: 710px;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_carousel {
    width: 100%;
    max-width: 100%;
  }
}
.detail__item_info {
  width: 585px;
}
@media only screen and (min-width: 1280px) {
  .detail__item_info {
    width: 100%;
  }
}
@media only screen and (max-width: 960px) {
  .detail__item_info {
    width: 100%;
  }
  .detail__item_info .global__label {
    margin-block-start: 40px;
  }
}
.detail__item_title {
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-text-primary);
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 40px */
}
@media only screen and (min-width: 1600px) {
  .detail__item_title {
    font-size: 44px;
    margin-block-start: 32px;
  }
}
.detail__item_art {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-blue);
  font-size: 18px;
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1600px) {
  .detail__item_art {
    font-size: 20px;
    margin-block-start: 44px;
  }
}
.detail__item_button {
  margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1280 - 320)));
  margin-bottom: calc(40px + (50 - 40) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .detail__item_button {
    margin-block-start: 56px;
    margin-block-end: 56px;
  }
}
.detail__item_desc {
  padding-top: calc(14px + (20 - 14) * ((100vw - 320px) / (1280 - 320)));
  padding-bottom: calc(14px + (20 - 14) * ((100vw - 320px) / (1280 - 320)));
  border-block-start: 1px solid var(--color-dark-border);
}
@media only screen and (min-width: 1600px) {
  .detail__item_desc {
    padding-block-start: 22px;
    padding-block-end: 22px;
  }
}
.detail__item_desc:last-child {
  border-block-end: 1px solid var(--color-dark-border);
}
.detail__item_desc.active .detail__item_desc-title::after {
  content: var(--svg-icon-minus);
  height: 3px;
  margin: -6px 0 0 0;
}
.detail__item_desc-title {
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
  display: flex;
  justify-content: space-between;
  outline: none;
  list-style: none;
}
@media only screen and (min-width: 1600px) {
  .detail__item_desc-title {
    font-size: 20px;
  }
}
.detail__item_desc-title::after {
  content: var(--svg-icon-plus);
  width: 17px;
  height: 17px;
}
.detail__item_desc-content {
  display: none;
  padding: 30px 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1280px) {
  .detail__item_desc-content {
    font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .detail__item_desc-content {
    font-size: 16px;
  }
}
.detail__other {
  margin-top: calc(100px + (120 - 100) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .detail__other {
    margin-block-start: 130px;
  }
}

.contacts__label {
  margin-block-start: 44px;
}
@media only screen and (max-width: 640px) {
  .contacts__label {
    margin-block-start: 12px;
  }
}
.contacts__title {
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1400px) {
  .contacts__title {
    margin-block-start: 64px;
  }
}
.contacts__sub-title {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-text-primary);
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1600px) {
  .contacts__sub-title {
    margin-block-start: 44px;
    font-size: 21px;
  }
}
.contacts__content_box {
  margin-top: calc(60px + (75 - 60) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  gap: calc(0px + (133 - 0) * ((100vw - 320px) / (1280 - 320)));
  align-items: flex-start;
}
@media only screen and (min-width: 1600px) {
  .contacts__content_box {
    margin-block-start: 80px;
    gap: 140px;
  }
}
@media only screen and (max-width: 640px) {
  .contacts__content_box {
    flex-direction: column;
  }
}
.contacts__item_box {
  display: flex;
  flex-direction: column;
  gap: calc(50px + (60 - 50) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .contacts__item_box {
    gap: 70px;
  }
}
@media only screen and (max-width: 640px) {
  .contacts__item_box {
    width: 100%;
  }
}
.contacts__item_title {
  color: var(--color-blue);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  border-block-end: solid 1px var(--color-dark-border);
  padding-block-end: 10px;
}
.contacts__item_name {
  margin-block-start: 30px;
  color: var(--color-text-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 21.6px */
}
.contacts__item_value {
  margin-block-start: 10px;
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
.contacts__item_value a {
  color: var(--color-text-primary);
  text-decoration-line: underline;
}
.contacts__item_social {
  display: flex;
  gap: 20px;
  margin-block-start: 30px;
}
.contacts__item_social-fb::after {
  content: var(--svg-icon-fb);
  width: 20px;
  height: 20px;
}
.contacts__item_social-fb:hover::after {
  content: var(--svg-icon-fb-active);
}
.contacts__item_social-in::after {
  content: var(--svg-icon-in);
  width: 20px;
  height: 20px;
}
.contacts__item_social-in:hover::after {
  content: var(--svg-icon-in-active);
}
.contacts__item_social a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-dark-border);
  border-radius: 50%;
  transition: background-color 0.3s;
}
.contacts__item_social a:hover {
  background-color: var(--color-blue);
}
.contacts__form {
  border: 1px solid var(--color-dark-border);
  margin-block-start: 27px;
  margin-inline-start: auto;
  padding-top: calc(40px + (72 - 40) * ((100vw - 320px) / (1280 - 320)));
  padding-right: calc(10px + (72 - 10) * ((100vw - 320px) / (1280 - 320)));
  padding-bottom: calc(10px + (72 - 10) * ((100vw - 320px) / (1280 - 320)));
  padding-left: calc(10px + (72 - 10) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .contacts__form {
    padding: 80px;
  }
}
@media only screen and (max-width: 640px) {
  .contacts__form {
    margin-block-start: 100px;
    width: 100%;
  }
}
.contacts__form form.init .wpcf7-response-output,
.contacts__form form.invalid .wpcf7-response-output {
  margin: 0 0 0;
}
.contacts__form_form form {
  margin-top: calc(30px + (50 - 30) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  gap: calc(10px + (30 - 10) * ((100vw - 320px) / (1280 - 320)));
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 1600px) {
  .contacts__form_form form {
    margin-block-start: 56px;
    gap: 33px;
  }
}
.contacts__form_form p {
  margin: 0;
}
.contacts__form_form .wpcf7-list-item.first.last {
  display: flex;
  gap: 12px;
  margin-block-start: -10px;
  margin-top: calc(10px + (-10 - 10) * ((100vw - 320px) / (1280 - 320)));
  margin-inline-start: 0;
}
@media only screen and (min-width: 1600px) {
  .contacts__form_form .wpcf7-list-item.first.last {
    margin-block-start: -10px;
  }
}
.contacts__form_form .wpcf7-list-item.first.last input {
  width: 18px;
}
@media only screen and (max-width: 640px) {
  .contacts__form_form .wpcf7-list-item.first.last input {
    align-self: flex-start;
  }
}
.contacts__form_form .wpcf7-list-item-label {
  display: block;
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
  margin-inline-end: 20%;
}
@media only screen and (max-width: 640px) {
  .contacts__form_form .wpcf7-list-item-label {
    margin-inline-end: 0;
  }
}
.contacts__form_form .wpcf7-spinner {
  position: absolute;
  top: -33px;
  left: -24px;
}
.contacts__form_form .wpcf7-response-output {
  margin: 0;
}
.contacts__form_title {
  color: var(--color-text-primary);
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 48px */
}
@media only screen and (min-width: 1280px) {
  .contacts__form_title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .contacts__form_title {
    text-align: center;
  }
}
.contacts__form_sub-title {
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1280 - 320)));
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1600px) {
  .contacts__form_sub-title {
    margin-block-start: 22px;
  }
}
@media only screen and (max-width: 640px) {
  .contacts__form_sub-title {
    text-align: center;
  }
}
.contacts__form_item-placeholder:not(:empty) {
  color: var(--color-blue);
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 10.8px */
  position: absolute;
  top: 6px;
  left: 18px;
}
.contacts__form_item input {
  height: 50px;
  border: 1px solid var(--color-input-border);
  width: 100%;
  padding: 17px 19px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
}
.contacts__form_item input:focus {
  outline: none !important;
  border-color: var(--color-blue);
}
.contacts__form_item input:focus::placeholder {
  color: transparent;
}
.contacts__form_item input.wpcf7-not-valid {
  border-color: #f00;
}
.contacts__form_item .wpcf7-form-control-wrap {
  position: initial;
}
.contacts__form_item .wpcf7-form-control-wrap:has(.wpcf7-not-valid)::before {
  content: var(--svg-icon-error);
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 19px;
  top: 15px;
}
.contacts__form_item p {
  margin: 0;
  position: relative;
}
.contacts__form_check {
  width: 18px;
}
.contacts__form_agreement {
  display: flex;
  gap: 12px;
}
.contacts__form_agreement-text {
  color: var(--color-text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
  width: 315px;
}
.contacts__form_submit {
  margin-block-start: 10px;
}
.contacts__form_submit_native {
  margin-top: calc(0px + (-30 - 0) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .contacts__form_submit_native {
    margin-block-start: -47 px;
  }
}
.contacts__form_submit_hide {
  display: none;
}

.about__section {
  margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .about__section {
    margin-block-start: 70px;
  }
}
.about__section_box {
  margin-top: calc(100px + (120 - 100) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1600px) {
  .about__section_box {
    margin-block-start: 130px;
  }
}
.about__content_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  margin-top: calc(50px + (100 - 50) * ((100vw - 320px) / (1280 - 320)));
}
@media only screen and (min-width: 1400px) {
  .about__content_box {
    margin-block-start: 110px;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_box {
    flex-direction: column;
  }
}
.about__content_title {
  color: var(--color-blue);
  font-size: 24px;
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}
@media only screen and (min-width: 1280px) {
  .about__content_title {
    font-size: calc(2px + (24 - 2) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .about__content_title {
    font-size: 29px;
  }
}
.about__content_sub-title {
  margin-block-start: 10px;
  width: 90%;
  color: var(--color-text-sub-title);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1280px) {
  .about__content_sub-title {
    font-size: calc(2px + (14 - 2) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .about__content_sub-title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_sub-title {
    width: 100%;
  }
}
.about__content_text {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 640px) {
  .about__content_text {
    width: 100%;
  }
}
.about__content_text-1 {
  color: var(--color-text-invert);
  font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  flex-basis: 40%;
}
@media only screen and (min-width: 1600px) {
  .about__content_text-1 {
    font-size: 44px;
  }
}
@media only screen and (max-width: 990px) {
  .about__content_text-1 {
    flex-basis: auto;
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_text-1 {
    width: 100%;
  }
}
.about__content_text-1 strong, .about__content_text-1 span, .about__content_text-1 i, .about__content_text-1 b {
  font-weight: 600;
  font-style: normal;
}
.about__content_text-2 {
  color: var(--color-text-invert);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  flex-basis: 40%;
}
@media only screen and (min-width: 1280px) {
  .about__content_text-2 {
    font-size: calc(2px + (14 - 2) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .about__content_text-2 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 990px) {
  .about__content_text-2 {
    flex-basis: auto;
    width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_text-2 {
    width: 100%;
  }
}
.about__content_video {
  width: calc(50% - 15px);
  aspect-ratio: 4/3;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .about__content_video {
    width: 100%;
  }
}
.about__content_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.about__content_wide {
  margin-top: calc(100px + (120 - 100) * ((100vw - 320px) / (1280 - 320)));
  width: 100vw;
  transform: translateX(-50%);
  margin-inline-start: 50%;
  background: var(--color-bg-secondary) url("/wp-content/themes/mik_a4rkw1b99k/assets/images/hero bg.png") no-repeat center;
  background-size: cover;
}
@media only screen and (min-width: 1600px) {
  .about__content_wide {
    margin-block-start: 130px;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_wide {
    margin-inline-start: 0;
    transform: translateX(0);
    width: 100%;
  }
}
.about__content_wrapper {
  padding-top: calc(30px + (50 - 30) * ((100vw - 320px) / (1280 - 320)));
  padding-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (1280 - 320)));
  padding-left: calc(15px + (80 - 15) * ((100vw - 320px) / (1280 - 320)));
  padding-right: calc(15px + (80 - 15) * ((100vw - 320px) / (1280 - 320)));
  height: calc(500px + (650 - 500) * ((100vw - 320px) / (1280 - 320)));
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}
@media only screen and (min-width: 1600px) {
  .about__content_wrapper {
    padding-block-start: 60px;
    padding-block-end: 60px;
    height: 700px;
  }
}
@media only screen and (max-width: 990px) {
  .about__content_wrapper {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 640px) {
  .about__content_wrapper {
    padding-right: calc(10px + (0 - 10) * ((100vw - 320px) / (1280 - 320)));
    padding-left: calc(10px + (0 - 10) * ((100vw - 320px) / (1280 - 320)));
    flex-direction: column;
    justify-content: flex-end;
  }
}
.about__benefits {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .about__benefits {
    flex-direction: column;
  }
}
.about__benefits_text {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 768px) {
  .about__benefits_text {
    width: 100%;
  }
}
.about__benefits_text-title {
  width: 480px;
  color: var(--color-text-primary);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
@media only screen and (min-width: 1280px) {
  .about__benefits_text-title {
    font-size: calc(2px + (24 - 2) * ((100vw - 320px) / (1280 - 320)));
    width: 90%;
  }
}
@media only screen and (min-width: 1600px) {
  .about__benefits_text-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 990px) {
  .about__benefits_text-title {
    width: 100%;
  }
}
.about__benefits_text-title strong, .about__benefits_text-title span, .about__benefits_text-title i, .about__benefits_text-title b {
  color: var(--color-blue);
  font-weight: 600;
  font-style: normal;
}
.about__benefits_text-sub-title {
  width: 380px;
  margin-block-start: 10px;
  color: var(--color-text-sub-title);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
@media only screen and (min-width: 1280px) {
  .about__benefits_text-sub-title {
    font-size: calc(2px + (14 - 2) * ((100vw - 320px) / (1280 - 320)));
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) {
  .about__benefits_text-sub-title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 768px) {
  .about__benefits_text-sub-title {
    width: 100%;
  }
}
.about__benefits_list {
  width: calc(50% - 15px);
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .about__benefits_list {
    width: 100%;
  }
}
.about__benefits_list-item {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 768px) {
  .about__benefits_list-item {
    padding: 10px 0 0;
    border-block-start: solid 1px var(--color-dark-border);
  }
}
.about__benefits_list-count {
  color: var(--color-blue);
  font-size: calc(36px + (60 - 36) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 60px */
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) {
  .about__benefits_list-count {
    font-size: 66px;
  }
}
.about__benefits_list-text {
  margin-block-start: 30px;
  color: var(--color-text-primary);
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
@media only screen and (min-width: 1600px) {
  .about__benefits_list-text {
    font-size: 20px;
  }
}
.about__gallery_carousel {
  overflow: hidden;
}
.about__gallery_carousel .owl-thumbs,
.about__gallery_carousel .owl-nav {
  display: none;
}
.about__gallery_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 30px;
  height: 480px;
}
@media only screen and (min-width: 1280px) {
  .about__gallery_carousel ul {
    height: calc(200px + (480 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .about__gallery_carousel ul {
    height: 565px;
  }
}
@media only screen and (max-width: 990px) {
  .about__gallery_carousel ul {
    height: calc(200px + (580 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
.about__gallery_carousel li {
  width: 60%;
}
@media only screen and (min-width: 1280px) {
  .about__gallery_carousel li {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .about__gallery_carousel li {
    width: 90%;
  }
}
.about__gallery_carousel img {
  height: 480px;
  object-fit: cover;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .about__gallery_carousel img {
    height: calc(200px + (480 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
@media only screen and (min-width: 1600px) {
  .about__gallery_carousel img {
    height: 565px;
  }
}
@media only screen and (max-width: 990px) {
  .about__gallery_carousel img {
    height: calc(200px + (580 - 200) * ((100vw - 320px) / (1280 - 320)));
  }
}
.about__gallery_control-container {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-block-start: 20px;
}
.about__gallery_control-button {
  cursor: pointer;
}
.about__history {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .about__history {
    border-block-start: 1px solid var(--color-dark-border);
  }
}
.about__history svg {
  width: auto;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .about__history svg {
    display: none;
  }
}
.about__history .svg_point {
  display: block;
  position: relative;
  z-index: 10;
}
.about__history_tip {
  display: none;
  width: 408px;
  height: fit-content;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 10px 40px 0px rgba(11, 32, 35, 0.15);
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .about__history_tip {
    display: block !important;
    position: initial;
    box-shadow: none;
    width: 100%;
    padding: 20px 10px;
    border-block-end: 1px solid var(--color-dark-border);
  }
}
@media only screen and (max-width: 420px) {
  .about__history_tip {
    padding-inline-end: 0;
  }
}
.about__history_tip-name {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  color: var(--color-blue);
}
@media only screen and (max-width: 768px) {
  .about__history_tip-name {
    font-size: 36px;
    font-weight: 600;
    line-height: 90%;
  }
}
.about__history_tip-title {
  font-family: Gilroy;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-text-black);
  margin-block-start: 10px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .about__history_tip-title {
    cursor: pointer;
  }
  .about__history_tip-title::after {
    content: var(--svg-icon-plus);
    width: 17px;
    height: 17px;
    margin-inline-start: 10px;
  }
  .about__history_tip-title.active::after {
    content: var(--svg-icon-minus);
    margin-block-start: -4px;
  }
}
.about__history_tip-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--color-text-black);
  margin-block-start: 5px;
}
@media only screen and (max-width: 768px) {
  .about__history_tip-text {
    display: none;
    margin-block-start: 20px;
  }
}

.owl-stage {
  display: flex;
  position: relative;
  height: 100%;
}
.owl-stage-outer {
  height: 100%;
}
.owl-nav {
  position: absolute;
  top: 50%;
  margin-block-start: -13px;
  display: flex;
  justify-content: space-between;
  left: 0;
  right: 0;
}
.owl-nav .owl-prev {
  background-color: var(--color-text-invert);
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
  margin-inline-start: 20px;
  cursor: pointer;
  line-height: 0;
  transition: background-color 0.3s;
}
.owl-nav .owl-prev span {
  display: none;
}
.owl-nav .owl-prev::after {
  content: var(--svg-icon-arrow-gallery-detail-left-active);
  filter: var(--fltr-blue);
  width: 11px;
  height: 11px;
}
.owl-nav .owl-prev:hover {
  background-color: var(--color-blue);
}
.owl-nav .owl-prev:hover::after {
  filter: none;
}
.owl-nav .owl-next {
  background-color: var(--color-text-invert);
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
  margin-inline-end: 20px;
  cursor: pointer;
  line-height: 0;
  transition: background-color 0.3s;
}
.owl-nav .owl-next span {
  display: none;
}
.owl-nav .owl-next::after {
  content: var(--svg-icon-arrow-gallery-detail-right);
  width: 11px;
  height: 11px;
}
.owl-nav .owl-next:hover {
  background-color: var(--color-blue);
}
.owl-nav .owl-next:hover::after {
  content: var(--svg-icon-arrow-gallery-detail-right-active);
}
.owl-thumbs {
  position: absolute;
  bottom: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
  .owl-thumbs {
    display: none;
  }
}
.owl-thumbs .owl-thumb-item {
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  cursor: pointer;
  border: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.owl-thumbs .owl-thumb-item::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  border: solid 1px transparent;
  transition: border 0.3s;
}
.owl-thumbs .owl-thumb-item.active::after {
  border: solid 1px var(--color-text-invert);
}
.owl-thumbs .owl-thumb-item:hover::after {
  border: solid 1px var(--color-blue);
}
.owl-thumbs .owl-thumb-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.owl-dots {
  display: none;
}

/*# sourceMappingURL=main.css.map */