@charset "UTF-8";
/*!
Theme Name: GorodMaf
Author: Dmitry Petin
Author URI: https://www.behance.net/dmitrypetin
Description: Парковая мебель от производителя.
Version: 2.0.0
Text Domain: gorodmaf
*/
@font-face {
  font-family: "Unbounded";
  src: local("Unbounded ExtraLight"), local("Unbounded-ExtraLight"), url("../fonts/Unbounded-ExtraLight.woff2") format("woff2"), url("../fonts/Unbounded-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Unbounded";
  src: local("Unbounded Light"), local("Unbounded-Light"), url("../fonts/Unbounded-Light.woff2") format("woff2"), url("../fonts/Unbounded-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Unbounded";
  src: local("Unbounded Regular"), local("Unbounded-Regular"), url("../fonts/Unbounded-Regular.woff2") format("woff2"), url("../fonts/Unbounded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Unbounded";
  src: local("Unbounded ExtraBold"), local("Unbounded-ExtraBold"), url("../fonts/Unbounded-ExtraBold.woff2") format("woff2"), url("../fonts/Unbounded-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: auto;
}
/* @font-face {
	font-family: 'Roboto Flex';
	src: url('../fonts/RobotoFlex-VF.woff2') format('woff2 supports variations'),
    url('../fonts/RobotoFlex-VF.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
} */
/* new */
:root {
  --gm-color-blue: #009EFA;
  --gm-color-blue-rgb: 0, 158, 250;
  --gm-color-blue-light: #E6F6FF;
  --gm-color-white: #fff;
  --gm-color-bg: #F5F5FA;
  --gm-color-gray-100: #E1E1E6;
  --gm-color-gray-200: #C8C8CC;
  --gm-color-gray-300: #AFAFB2;
  --gm-color-gray-400: #969699;
  --gm-color-gray-500: #7D7D80;
  --gm-color-gray-600: #646466;
  --gm-color-gray-700: #4B4B4D;
  --gm-color-gray-800: #323233;
  --gm-color-gray-900: #19191A;
  --gm-wrapper-offset: 48px;
  --gm-grid-gap: 32px;
  --gm-offset-wrapper: 48px;
  --gm-offset-inner: 48px;
  --gm-offset-block: 128px;
  --gm-border-radius-xl: 64px;
}

@media (max-width: 1680px) {
  :root {
    --gm-grid-gap: 24px;
    --gm-offset-inner: 32px;
    --gm-offset-block: 96px;
    --gm-border-radius-xl: 48px;
  }
}
@media (max-width: 1280px) {
  :root {
    --gm-grid-gap: 16px;
    --gm-wrapper-offset: 24px;
  }
}
@media (max-width: 1024px) {
  :root {
    --gm-border-radius-xl: 48px;
    --gm-wrapper-offset: 16px;
  }
}
@media (max-width: 576px) {
  :root {
    --gm-offset-inner: 24px;
    --gm-offset-block: 64px;
    --gm-border-radius-xl: 40px;
  }
}
@keyframes gmaf-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gmaf-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes gmaf-jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes gmaf-click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gmaf-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gmaf-heade-accent {
  0% {
    filter: saturate(100%);
  }
  50% {
    filter: saturate(300%);
  }
  100% {
    filter: saturate(100%);
  }
}
html {
  font-family: "Onest", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gm-color-gray-900);
  background-color: var(--gm-color-bg);
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 152px;
}

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

*:focus,
*:active {
  outline: none;
}

body {
  margin: 0;
}

img {
  max-width: 100%;
}

svg {
  fill: currentColor;
}

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

hr {
  height: 0;
  border: none;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button:not(:disabled):not(.disabled) {
  cursor: pointer;
}

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

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

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

[type=number] {
  -moz-appearance: textfield;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

*:focus,
*:active {
  outline: none;
}

.container {
  width: calc(100% - 96px);
  max-width: 1920px;
  margin: 0 auto;
}

.container_wide {
  width: 100%;
  margin: 0 auto;
  max-width: 2560px;
}

.container_grid {
  display: grid;
  -moz-column-gap: 32px;
       column-gap: 32px;
  grid-template-columns: repeat(8, 1fr);
}

@media (max-width: 1280px) {
  .container,
  .container_wide {
    width: calc(100% - 64px);
  }
  .container_grid {
    grid-template-columns: 100%;
  }
}
@media (max-width: 768px) {
  .container,
  .container_wide {
    width: calc(100% - 32px);
  }
}
@media (max-width: 600px) {
  .container,
  .container_wide {
    width: calc(100% - 16px);
  }
}
@media (max-width: 782px) {
  body.logged-in .header {
    top: 46px;
  }
}
body.lock {
  overflow: hidden;
}
body.logged-in .header {
  top: 32px;
}

.body_offset_header {
  padding-top: 112px;
}

@media (max-width: 1680px) {
  .body_offset_header {
    padding-top: 104px;
  }
}
.main {
  padding-bottom: 160px;
}
.main__seo {
  margin-top: 160px;
}

@media (max-width: 1680px) {
  .main {
    padding-bottom: 120px;
  }
  .main__seo {
    margin-top: 120px;
  }
}
@media (max-width: 1280px) {
  .main {
    padding-bottom: 80px;
  }
  .main__seo {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .main {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .main__seo {
    margin-top: 56px;
  }
  .home .main {
    padding-top: 200px;
  }
}
/* .scrollbar {
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #dcdfe7;
  }
  &::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
  }
} */
/* .scrollbar {
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-track {
    border-top: 64px solid transparent;
    border-bottom: 64px solid transparent;
    -webkit-box-shadow: none;
  }
  &::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 8px 8px #dcdfe7;
    border-top: 64px solid transparent;
    border-bottom: 64px solid transparent;
  }
} */
.scrollbar {
  overflow-y: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.scrollbar::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.input {
  color: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  background: transparent;
  border: 1px solid;
  overflow: visible;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border 0.25s ease, background-color 0.25s ease;
}
.input::-moz-placeholder {
  opacity: 1;
  color: #6F7171;
  -moz-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.input::placeholder {
  opacity: 1;
  color: #6F7171;
  transition: color 0.25s ease;
}
.input:focus::-moz-placeholder {
  color: rgba(111, 113, 113, 0.5);
}
.input:focus::placeholder {
  color: rgba(111, 113, 113, 0.5);
}
.input_white {
  border-color: #fff;
  background-color: #fff;
}
.input_xl {
  font-size: 16px;
  padding: 16px 24px;
  border-radius: 16px;
}
.input_lg {
  font-size: 16px;
  padding: 12px 20px;
  border-radius: 8px;
}
.input_sm {
  font-size: 16px;
  padding: 16px 24px;
}
.input.invalid {
  border-color: #fa4d62;
  background-color: #fff3f5;
}

.rounded_size_xl {
  border-radius: 80px;
}
@media (max-width: 1680px) {
  .rounded_size_xl {
    border-radius: 64px;
  }
}
@media (max-width: 768px) {
  .rounded_size_xl {
    border-radius: 40px;
  }
}
.title {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  margin: 0;
}
.title_size_xl {
  font-size: 72px;
  line-height: 1.25;
}
.title_size_lg {
  font-size: 56px;
  line-height: 1.25;
}
.title_size_md {
  font-size: 40px;
  line-height: 1.25;
}
.title_size_sm {
  font-size: 32px;
  line-height: 1.25;
}

@media (max-width: 1680px) {
  .title_size_xl {
    font-size: 48px;
  }
  .title_size_lg {
    font-size: 40px;
  }
  .title_size_md {
    font-size: 32px;
  }
  .title_size_sm {
    font-size: 24px;
  }
}
@media (max-width: 1280px) {
  .title_size_xl {
    font-size: 40px;
  }
  .title_size_lg {
    font-size: 32px;
  }
  .title_size_md {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .title_size_xl {
    font-size: 32px;
  }
  .title_size_lg {
    font-size: 24px;
  }
  .title_size_md {
    font-size: 24px;
  }
  .title_size_sm {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media (max-width: 600px) {
  .title_size_xl {
    font-size: 24px;
  }
  .title_size_lg {
    font-size: 24px;
  }
  .title_size_md {
    font-size: 20px;
    line-height: 1.3;
  }
  .title_size_sm {
    font-size: 16px;
    line-height: 1.5;
  }
}
.text_size_xl {
  font-size: 24px;
  line-height: 1.75;
}
.text_size_lg {
  font-size: 20px;
  line-height: 1.75;
}

@media (max-width: 1680px) {
  .text_size_xl {
    font-size: 18px;
  }
  .text_size_lg {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .text_size_xl {
    font-size: 16px;
  }
}
.article {
  font-size: 20px;
  line-height: 1.75;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  font-size: 56px;
  line-height: 1.25;
  margin: 80px 0 40px;
}
.article p {
  margin: 32px 0;
}
.article p:first-of-type {
  font-size: 24px;
  font-weight: 600;
}
.article a {
  color: #009EFA;
  text-decoration: underline;
}
.article a:hover {
  text-decoration: none;
}
.article ul, .article ol {
  padding-left: 2em;
}
.article li, .article ul, .article ol {
  margin: 10px 0;
}
.article > figure {
  margin: 64px 0;
}
.article > *:first-child {
  margin-top: 0;
}
.article > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1680px) {
  .article {
    font-size: 16px;
  }
  .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    font-size: 40px;
    margin: 64px 0 32px;
  }
  .article p {
    margin: 24px 0;
  }
  .article p:first-of-type {
    font-size: 20px;
  }
  .article li, .article ul, .article ol {
    margin: 6px 0;
  }
  .article > figure {
    margin: 48px 0;
  }
}
@media (max-width: 1280px) {
  .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    font-size: 24px;
    margin: 48px 0 32px;
  }
  .article p:first-of-type {
    font-size: 16px;
  }
  .article > figure {
    margin: 40px 0;
  }
}
.btn {
  cursor: pointer;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  text-align: center;
  border: none;
}
.btn_theme_primary {
  color: #fff;
  background-color: #009EFA;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 0 24px rgba(59, 183, 255, 0.3);
}
.btn_theme_primary:hover {
  background-color: #3BB7FF;
  box-shadow: 0 0 32px rgba(59, 183, 255, 0.4);
}
.btn_theme_white {
  color: #282A32;
  background-color: #fff;
  box-shadow: 0 0 24px rgba(59, 183, 255, 0.1);
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.btn_theme_white:hover {
  color: #fff;
  background-color: #3BB7FF;
  box-shadow: 0 0 32px rgba(59, 183, 255, 0.4);
}
.btn_type_image {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.btn_type_image:hover picture::after {
  opacity: 0.6;
}
.btn_type_image picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.btn_type_image picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  transition: opacity 0.25s ease;
  opacity: 0.5;
}
.btn_type_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.btn_type_image span, .btn_type_image svg {
  position: relative;
}
.btn_size_xl {
  gap: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  padding: 36px 64px;
  border-radius: 50px;
}
.btn_size_xxl {
  gap: 32px;
  font-size: 40px;
  line-height: 1.2;
  padding: 56px;
  border-radius: 80px;
}
.btn svg {
  fill: currentColor;
}

@media (max-width: 1680px) {
  .btn_size_xl {
    gap: 12px;
    font-size: 16px;
    line-height: 1.5;
    padding: 24px 40px;
    border-radius: 36px;
  }
  .btn_size_xl svg {
    width: 16px;
    height: 16px;
  }
  .btn_size_xxl {
    padding: 40px;
  }
  .btn_size_xxl svg {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1280px) {
  .btn_size_xxl {
    gap: 16px;
    padding: 36px;
    font-size: 20px;
  }
  .btn_size_xxl svg {
    width: 24px;
    height: 24px;
  }
}
.aws-container {
  flex-grow: 1;
}

.aws-container .aws-search-form {
  height: 32px;
}

.aws-container .aws-search-field {
  color: inherit;
  font-size: 16px;
  line-height: inherit;
  border: 0;
  padding: 0 40px;
  background: transparent;
}

.aws-container .aws-search-field:focus {
  background: transparent;
}

.aws-container .aws-search-field::-moz-placeholder {
  color: currentColor;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.aws-container .aws-search-field::placeholder {
  color: currentColor;
  transition: opacity 0.25s ease;
}

.aws-container .aws-search-field:hover::placeholder,
.aws-container .aws-search-field:hover::-webkit-input-placeholder,
.aws-container .aws-search-field:hover:-moz-placeholder,
.aws-container .aws-search-field:hover::-moz-placeholder,
.aws-container .aws-search-field:hover:-ms-input-placeholder,
.aws-container .aws-search-field:focus::placeholder,
.aws-container .aws-search-field:focus::-webkit-input-placeholder,
.aws-container .aws-search-field:focus:-moz-placeholder,
.aws-container .aws-search-field:focus::-moz-placeholder,
.aws-container .aws-search-field:focus:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

.aws-container .aws-search-form .aws-form-btn {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  border: 0;
  margin: 0;
  background: transparent;
}

.aws-container .aws-search-form .aws-form-btn:hover,
.aws-container .aws-search-form .aws-form-btn:active {
  background: transparent;
}

.aws-container .aws-search-form .aws-search-btn {
  width: 40px;
}

.aws-container .aws-search-form .aws-search-btn_icon {
  color: #009EFA;
  width: 100%;
}

.aws-container .aws-search-form .aws-search-clear {
  color: currentColor;
  text-align: center;
  top: 0;
  right: 0;
  width: 40px;
  padding: 0;
}

.aws-container .aws-search-form .aws-loader {
  right: 10px;
  opacity: 0.5;
  border-top: 2px solid transparent;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-left: 2px solid currentColor;
}

.header_transparent_white .aws-container .aws-search-form .aws-search-btn_icon {
  color: currentColor;
}

@media (max-width: 1680px) {
  .aws-container .aws-search-field {
    font-size: 14px;
  }
}
@media (max-width: 1280px) {
  .aws-container .aws-search-form {
    height: 48px;
  }
  .aws-container .aws-search-field {
    font-size: 16px;
    padding: 0 88px 0 24px;
    border-radius: 24px !important;
    border: 1px solid #DFDFDF;
  }
  .aws-container .aws-show-clear .aws-search-field {
    padding-right: 88px;
  }
  .aws-container .aws-search-form .aws-form-btn {
    left: auto;
    right: 8px;
  }
  .aws-container .aws-search-form .aws-search-clear {
    right: 48px;
  }
  .aws-container .aws-search-form .aws-loader {
    right: 58px;
  }
  .header_transparent_white .aws-container .aws-search-field {
    border-color: rgba(255, 255, 255, 0.25);
  }
}
.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  opacity: 0.4;
  border-radius: 2px;
  background-color: currentColor;
  transition: opacity 0.25s ease;
}

.swiper-pagination-bullet:not(:last-of-type) {
  margin-right: 32px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination-lock,
.swiper-pagination-disabled {
  display: none;
}

.swiper-pagination-hidden {
  opacity: 0;
}

@media (max-width: 1680px) {
  .swiper-pagination-bullet {
    width: 56px;
  }
  .swiper-pagination-bullet:not(:last-of-type) {
    margin-right: 24px;
  }
}
@media (max-width: 1280px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
  .swiper-pagination-bullet:not(:last-of-type) {
    margin-right: 16px;
  }
}
.burger {
  width: 30px;
  height: 22px;
  display: flex;
  align-items: center;
}
.burger__layer, .burger__layer::after, .burger__layer::before {
  width: 30px;
  height: 2px;
  display: block;
  background-color: currentColor;
}
.burger__layer {
  position: relative;
  transition: transform 0 0.2s, background-color 0 0.2s;
}
.burger__layer::after, .burger__layer::before {
  content: "";
  left: 0;
  position: absolute;
}
.burger__layer::before {
  bottom: 10px;
  transition: bottom 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.burger__layer::after {
  top: 10px;
  transition: top 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.opened .burger__layer {
  background: transparent;
}
.opened .burger__layer::after {
  top: 0;
  transform: rotate(45deg);
  transition: top 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.opened .burger__layer::before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 1280px) {
  .burger {
    width: 24px;
    height: 18px;
  }
  .burger__layer, .burger__layer::after, .burger__layer::before {
    width: 24px;
  }
  .burger__layer::before {
    bottom: 8px;
  }
  .burger__layer::after {
    top: 8px;
  }
}
.link_hover {
  position: relative;
  transition: color 0.25s ease;
}
.link_hover:hover::after {
  left: 0;
  width: 100%;
}
.link_hover::after {
  content: "";
  left: 50%;
  bottom: 0;
  width: 0;
  position: absolute;
  background-color: currentColor;
  transition: width 0.25s ease, left 0.25s ease;
}
.link_hover_sm::after {
  height: 1px;
}
.link_hover_lg::after {
  height: 4px;
}
.link_hover_xl::after {
  height: 8px;
}

@media (max-width: 1280px) {
  .link_hover::after {
    display: none;
  }
}
/* .social {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  &__item {
  }
  &__link {
    color: inherit;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: $color_dark_200;
    transition: background-color .25s ease;
    &_size_l {
      width: 80px;
      height: 80px;
      svg {
        width: 50%;
        height: 50%;
      }
    }
    &_theme {
      &_dark {
        color: $color_white;
        background-color: $color_dark;
        &:hover {
          background-color: $color_white;
        }
      }
      &_light {
        color: $color_dark;
        background-color: $color_dark_200;
        &:hover {
          background-color: $color_white;
        }
      }
    }
  }
  svg {
    fill: currentColor;
  }
}


@include mq-xl {
  .social {
    &__link {
      &_size_l {
        width: 64px;
        height: 64px;
      }
    }
  }
} */
.tag {
  display: flex;
  justify-content: center;
  transition-duration: 0.25s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tag_size_l {
  font-family: "Roboto Flex";
  font-weight: 600;
  font-size: 16px;
  padding: 15px 23px;
  border-radius: 28px;
}
.tag_size_m {
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 20px;
}
.tag_size_s {
  padding: 4px 12px;
  border-radius: 16px;
}
.tag_theme_primary {
  color: #6F7171;
  border: 1px solid #C0C0C1;
  transition-property: color, border;
}
.tag_theme_primary:hover:not(.is_active) {
  border-color: #009EFA;
}
.tag_theme_primary.is_active {
  color: #009EFA;
  border-color: #009EFA;
}
.tag_theme_white {
  color: #6F7171;
  background-color: #fff;
  transition-property: color;
}
.tag_theme_white:hover:not(.is_active) {
  color: #009EFA;
}
.tag_theme_white.is_active {
  color: #fff;
  background-color: #009EFA;
}
.tag_color_white {
  color: #fff;
  border: 1px solid #fff;
  transition-property: color, background-color;
}
.tag_color_white:hover, .tag_color_white.is_active {
  color: #009EFA;
  background-color: #fff;
}

@media (max-width: 1680px) {
  .tag_size_l {
    font-size: 14px;
    padding: 9px 16px;
  }
}
@media (max-width: 1280px) {
  .tag_theme_primary:hover:not(.is_active) {
    border-color: #C0C0C1;
  }
}
.tags {
  animation: gmaf-fade 0.4s ease;
}
.tags__slide {
  width: auto;
}
.tags__btn {
  top: 0;
  bottom: 0;
  width: 72px;
  position: absolute;
  transition: opacity 0.25s ease, color 0.25s ease;
  z-index: 1;
}
.tags__btn:hover {
  color: #009EFA;
}
.tags__btn_prev {
  left: 0;
  justify-content: flex-start;
  background: linear-gradient(to right, #f6fafb 0%, #f6fafb 75%, rgba(246, 250, 251, 0) 100%);
}
.tags__btn_next {
  right: 0;
  justify-content: flex-end;
  background: linear-gradient(to left, #f6fafb 0%, #f6fafb 75%, rgba(246, 250, 251, 0) 100%);
}
.tags__btn:disabled {
  opacity: 0;
  pointer-events: none;
}
.tags__btn.is_lock {
  display: none;
}

@media (max-width: 1680px) {
  .tags__btn {
    width: 56px;
  }
  .tags__btn svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1280px) {
  .tags__swiper {
    padding: 0 32px;
    margin: 0 -32px;
  }
  .tags__btn {
    display: none;
  }
}
@media (max-width: 768px) {
  .tags__swiper {
    padding: 0 16px;
    margin: 0 -16px;
  }
}
@media (max-width: 600px) {
  .tags__swiper {
    padding: 0 8px;
    margin: 0 -8px;
  }
}
.badge {
  display: block;
  white-space: nowrap;
  transition: background-color 0.25s ease;
}
.badge_size_sm {
  line-height: 1;
  padding: 9px 12px;
  border-radius: 50px;
}
.badge_theme_primary {
  color: #fff;
  background-color: #009EFA;
}
.badge_theme_dark {
  color: #fff;
  background-color: #2D3031;
}
.badge_theme_dark:hover {
  text-decoration: underline;
}

@media (max-width: 1680px) {
  .badge_size_sm {
    font-size: 12px;
    padding: 6px 10px;
  }
}
.cats__list {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px 32px;
  display: grid;
  grid-template-columns: 1fr;
}
.cats__link {
  color: inherit;
  display: flex;
  align-items: center;
  transition: color 0.25s ease;
}
.cats__link:hover, .cats__link.is_active {
  color: #009EFA;
}
.cats__image {
  width: 56px;
  height: 48px;
  min-width: 56px;
  min-height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  margin-right: 20px;
}
.cats__name {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  max-height: 48px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cats__btn {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  font-size: 20px;
  white-space: nowrap;
  display: none;
}
.cats__btn svg {
  fill: #009EFA;
  margin-left: 16px;
}

@media (max-width: 1680px) {
  .cats__image {
    margin-right: 16px;
  }
  .cats__name {
    font-size: 16px;
    line-height: 1.25;
    max-height: 40px;
  }
}
@media (max-width: 1280px) {
  .cats__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .cats__link:hover:not(.is_active) {
    color: inherit;
  }
}
@media (max-width: 768px) {
  .cats__list {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .cats_hide .cats__list {
    display: none;
  }
  .cats_hide .cats__btn {
    display: flex;
  }
}
@media (max-width: 600px) {
  .cats__list {
    grid-template-columns: 1fr;
  }
}
.sidebar__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 40px;
}
.sidebar__block {
  padding-left: 88px;
}

@media (max-width: 1680px) {
  .sidebar__title {
    font-size: 24px;
    margin-bottom: 32px;
  }
  .sidebar__block {
    padding-left: 32px;
  }
}
@media (max-width: 1280px) {
  .sidebar__title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .sidebar__block {
    padding-left: 0;
  }
}
.not-found {
  width: 100%;
  padding: 0 16px;
  margin-bottom: 64px;
}
.not-found__message {
  font-size: 16px;
  padding: 16px 24px;
  background-color: #fff;
  border-radius: 16px;
}

.loadmore {
  margin-bottom: 32px;
}
.loadmore__btn {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  padding: 36px 64px;
  border-radius: 50px;
  position: relative;
  background-color: #fff;
  transition: color 0.25s ease;
}
.loadmore__btn::after {
  content: "";
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  opacity: 0;
  position: absolute;
  border-radius: 50%;
  border-top: 2px solid transparent;
  border-left: 2px solid #009EFA;
  border-right: 2px solid #009EFA;
  border-bottom: 2px solid #009EFA;
  animation: gmaf-spinner 0.8s linear infinite;
  transition: opacity 0.25s ease;
}
.loadmore__btn.is_loading {
  color: transparent;
}
.loadmore__btn.is_loading::after {
  opacity: 1;
}

@media (max-width: 1680px) {
  .loadmore {
    margin-bottom: 24px;
  }
  .loadmore__btn {
    font-size: 16px;
    line-height: 1.5;
    padding: 24px 40px;
  }
}
.pagination {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 16px;
  width: 100%;
}
.pagination__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.pagination__item:not(:last-of-type) {
  margin-right: 8px;
}
.pagination__link {
  color: inherit;
  padding: 8px;
  border-radius: 12px;
  display: inline-block;
  min-width: 40px;
  text-align: center;
  transition: background-color 0.25s ease;
}
.pagination__link:hover:not(.is_current) {
  background-color: #fff;
}
.pagination__link.is_current {
  color: #fff;
  background-color: #2D3031;
}
.pagination__sep {
  padding: 8px 0;
  display: inline-block;
}

.card {
  width: 100%;
  height: 100%;
  color: inherit;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 64px;
  border: 1px solid #E9EDEE;
  transition: border 0.4s ease, color 0.4s ease;
}
.card:hover {
  color: #fff;
  border-color: transparent;
}
.card:hover .card__slider {
  height: 100%;
}
.card:hover .card__pagination,
.card:hover .card__picture::after {
  opacity: 1;
}
.card__header {
  height: 440px;
}
.card__slider {
  top: 0;
  left: 0;
  width: 100%;
  height: 440px;
  position: absolute;
  transition: height 0.4s ease;
  border-radius: 64px;
  overflow: hidden;
  display: block;
}
.card__swiper {
  height: 100%;
}
.card__slide {
  overflow: hidden;
}
.card__pagination {
  color: #fff;
  top: 48px;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  position: absolute;
  justify-content: center;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.card__picture {
  width: 100%;
  height: 100%;
  display: block;
}
.card__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: opacity 0.4s ease;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
  opacity: 0;
}
.card__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  z-index: 1;
}
.card__overlay span {
  flex: 1 1 auto;
}
.card__body {
  z-index: 1;
  position: relative;
  padding: 20px 32px 36px;
  pointer-events: none;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.card__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  color: inherit;
  font-size: 24px;
  text-align: center;
  max-height: 72px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.card__badges {
  left: 16px;
  right: 16px;
  bottom: 0;
  position: absolute;
  gap: 16px;
  display: flex;
  justify-content: center;
  transform: translateY(50%);
  overflow: hidden;
  z-index: 1;
}

.card__slide picture {
  opacity: 0;
}

.card__slide.swiper-slide-active picture {
  opacity: 1;
}

@media (max-width: 1680px) {
  .card {
    border-radius: 48px;
  }
  .card__header {
    height: 310px;
  }
  .card__slider {
    height: 310px;
    border-radius: 48px;
  }
  .card__pagination {
    top: 40px;
  }
  .card__body {
    padding: 16px 16px 24px;
  }
  .card__title {
    font-size: 16px;
    max-height: 48px;
  }
  .card__badges {
    gap: 8px;
  }
}
@media (max-width: 1280px) {
  .card:hover {
    color: inherit;
    border-color: #E9EDEE;
  }
  .card:hover .card__slider {
    height: inherit;
  }
  .card__picture::after {
    transition: opacity 0.4s ease;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
  }
  .card__pagination {
    top: 32px;
    opacity: 1;
  }
  .card__overlay {
    display: none;
  }
}
.card-stock {
  width: 100%;
  height: 100%;
  color: inherit;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 64px;
  color: #fff;
  background-color: #009EFA;
  transition: background-color 0.4s, color 0.4s;
}
.card-stock:hover {
  background-color: transparent;
}
.card-stock:hover .card-stock__tags {
  opacity: 0;
}
.card-stock:hover .card-stock__slider {
  height: 100%;
}
.card-stock:hover .card-stock__pagination,
.card-stock:hover .card-stock__picture::after {
  opacity: 1;
}
.card-stock__tags {
  z-index: 2;
  position: absolute;
  top: 26px;
  left: 40px;
  right: 40px;
  display: flex;
  flex-wrap: wrap;
  transition: opacity 0.2s;
}
.card-stock__tags-item {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  padding: 0 16px;
  border-radius: 80px;
  color: #fff;
  background-color: #009EFA;
}
.card-stock__header {
  height: 440px;
}
.card-stock__slider {
  top: 0;
  left: 0;
  width: 100%;
  height: 440px;
  position: absolute;
  transition: height 0.4s ease;
  border-radius: 64px;
  overflow: hidden;
  display: block;
}
.card-stock__swiper {
  height: 100%;
}
.card-stock__slide {
  overflow: hidden;
}
.card-stock__pagination {
  color: #fff;
  top: 48px;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  position: absolute;
  justify-content: center;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.card-stock__picture {
  width: 100%;
  height: 100%;
  display: block;
}
.card-stock__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: opacity 0.4s ease;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
  opacity: 0;
}
.card-stock__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-stock__overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  z-index: 1;
}
.card-stock__overlay span {
  flex: 1 1 auto;
}
.card-stock__body {
  z-index: 1;
  position: relative;
  padding: 20px 32px 36px;
  pointer-events: none;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.card-stock__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  color: inherit;
  font-size: 24px;
  text-align: center;
  max-height: 72px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.card-stock__badges {
  left: 16px;
  right: 16px;
  bottom: 0;
  position: absolute;
  gap: 16px;
  display: flex;
  justify-content: center;
  transform: translateY(50%);
  overflow: hidden;
  z-index: 1;
}

.card-stock__slide picture {
  opacity: 0;
}

.card-stock__slide.swiper-slide-active picture {
  opacity: 1;
}

@media (max-width: 1680px) {
  .card-stock {
    border-radius: 48px;
  }
  .card-stock__header {
    height: 310px;
  }
  .card-stock__slider {
    height: 310px;
    border-radius: 48px;
  }
  .card-stock__pagination {
    top: 40px;
  }
  .card-stock__body {
    padding: 16px 16px 24px;
  }
  .card-stock__title {
    font-size: 16px;
    max-height: 48px;
  }
  .card-stock__badges {
    gap: 8px;
  }
}
@media (max-width: 1280px) {
  .card-stock:hover {
    background-color: #009EFA;
  }
  .card-stock:hover .card-stock__tags {
    opacity: 1;
  }
  .card-stock:hover .card-stock__slider {
    height: inherit;
  }
  .card-stock__tags {
    top: 16px;
    left: 24px;
    right: 24px;
  }
  .card-stock__tags-item {
    line-height: 40px;
  }
  .card-stock__picture::after {
    transition: opacity 0.4s ease;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
  }
  .card-stock__pagination {
    top: 290px;
    opacity: 1;
  }
  .card-stock__overlay {
    display: none;
  }
}
.news-card {
  text-align: center;
  border-radius: 80px;
  border: 1px solid #E9EDEE;
  transition: background-color 0.25s ease, border 0.25s ease;
  animation: gmaf-fade 0.5s ease;
}
.news-card:hover {
  border-color: #fff;
  background-color: #fff;
}
.news-card:hover .tag:not(.is_active) {
  background-color: #F6FAFB;
}
.news-card__media {
  display: block;
}
.news-card__picture {
  display: block;
  position: relative;
  padding-bottom: 105%;
  border-radius: 80px;
  overflow: hidden;
}
.news-card__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.news-card__body {
  padding: 24px 24px 56px;
}
.news-card__date {
  color: #6F7171;
  font-size: 16px;
  margin-bottom: 8px;
}
.news-card__link {
  color: inherit;
}
.news-card__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24px;
}
.news-card__tags {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 1680px) {
  .news-card {
    border-radius: 64px;
  }
  .news-card__picture {
    border-radius: 64px;
  }
  .news-card__body {
    padding: 16px 16px 32px;
  }
  .news-card__date {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .news-card__title {
    font-size: 20px;
  }
  .news-card__tags {
    gap: 8px;
    margin-top: 16px;
  }
}
@media (max-width: 1280px) {
  .news-card {
    border-radius: 56px;
  }
  .news-card__picture {
    border-radius: 56px;
  }
}
@media (max-width: 768px) {
  .news-card {
    border-radius: 48px;
  }
  .news-card__picture {
    border-radius: 48px;
  }
}
@media (max-width: 600px) {
  .news-card__title {
    font-size: 16px;
  }
}
.project-card {
  min-width: 0;
  overflow: hidden;
}
.project-card__inner {
  color: #fff;
  display: block;
  position: relative;
}
.project-card__swiper {
  border-radius: 80px;
}
.project-card__picture {
  height: 720px;
  display: block;
  position: relative;
}
.project-card__picture::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  opacity: 0.3;
}
.project-card__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-card__picture_partner {
  height: 800px;
}
.project-card__pagination {
  left: 48px;
  bottom: 132px;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.project-card__body {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 64px 24px 48px 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
  z-index: 1;
}
.project-card__info {
  gap: 16px;
  display: flex;
  overflow: hidden;
}
.project-card__tag {
  font-size: 20px;
  line-height: 24px;
  gap: 8px;
  display: flex;
  align-items: center;
  padding: 14px 24px 14px 16px;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 26px;
}
.project-card__overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  z-index: 1;
}
.project-card__overlay span {
  flex: 1 1 auto;
}

.project-card__slide picture {
  opacity: 0;
}

.project-card__slide.swiper-slide-active picture {
  opacity: 1;
}

@media (max-width: 1680px) {
  .project-card__swiper {
    border-radius: 64px;
  }
  .project-card__picture {
    height: 496px;
  }
  .project-card__picture_partner {
    height: 512px;
  }
  .project-card__pagination {
    left: 40px;
    bottom: 116px;
  }
  .project-card__body {
    padding: 56px 16px 40px 40px;
  }
  .project-card__info {
    gap: 8px;
  }
  .project-card__tag {
    font-size: 16px;
  }
  .project-card__tag_color {
    padding: 14px 16px;
  }
  .project-card__tag_color span {
    display: none;
  }
}
@media (max-width: 1280px) {
  .project-card__swiper {
    border-radius: 56px;
  }
  .project-card__overlay {
    display: none;
  }
}
@media (max-width: 768px) {
  .project-card__swiper {
    border-radius: 48px;
  }
}
@media (max-width: 600px) {
  .project-card__picture {
    height: 464px;
  }
  .project-card__pagination {
    bottom: 108px;
  }
  .project-card__body {
    padding: 48px 16px 32px 32px;
  }
}
.cat-card {
  color: inherit;
  display: block;
  border-radius: 80px;
  border: 1px solid #DFDFDF;
  transition: background-color 0.25s ease, border 0.25s ease;
}
.cat-card:hover {
  border-color: #fff;
  background-color: #fff;
}
.cat-card__picture {
  display: block;
  position: relative;
  padding-bottom: 105%;
  border-radius: 80px;
  overflow: hidden;
  background-color: #fff;
}
.cat-card__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.cat-card__body {
  padding: 40px 16px 48px;
}
.cat-card__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 1680px) {
  .cat-card {
    border-radius: 64px;
  }
  .cat-card__picture {
    border-radius: 64px;
  }
  .cat-card__body {
    padding: 24px 16px 32px;
  }
  .cat-card__title {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .cat-card {
    border-radius: 56px;
  }
  .cat-card__picture {
    border-radius: 56px;
  }
  .cat-card__body {
    padding: 16px 16px 24px;
  }
  .cat-card__title {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .cat-card {
    border-radius: 48px;
  }
  .cat-card__picture {
    border-radius: 48px;
  }
}
.breadcrumbs {
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 80px);
          mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 80px);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  /* &--white {
    color: $cl_white;
  } */
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
.breadcrumbs__list {
  gap: 4px;
  display: flex;
  list-style: none;
}
.breadcrumbs__item {
  gap: inherit;
  display: inherit;
}
.breadcrumbs__link {
  transition: opacity 0.25s;
}
.breadcrumbs__link:hover:not(.is-active) {
  opacity: 0.75;
}
.breadcrumbs__link.is-active {
  opacity: 0.5;
}

@media (max-width: 1680px) {
  .breadcrumbs {
    font-size: 15px;
  }
}
/* .breadcrumbs {
  color: $color_dark_500;
  padding: 24px 0 40px;
  overflow-x: auto;
  &::-webkit-scrollbar {
    display: none;
  }
  &_theme_white {
    color: $color_white;
    opacity: .5;
  }
  &__list {
    display: flex;
    list-style: none;
  }
  &__item {
    white-space: nowrap;
    &:hover,
    &.is_active {
      a {
        text-decoration: underline;
      }
    }
  }
  &__link {
    color: inherit;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-block;
  }
  &__divider {
    margin: 0 4px;
  }
}


@include mq-xl {
  .breadcrumbs {
    padding: 24px 0 32px;
  }
}

@include mq-lg {
}

@include mq-md {
}

@include mq-sm {
} */
.preview__wrapper {
  flex-direction: column;
}
.preview__slide {
  overflow: hidden;
  border-radius: 80px;
}
.preview__slide:not(:last-of-type) {
  margin-bottom: 32px;
}
.preview__item {
  color: inherit;
  display: flex;
  position: relative;
  padding-bottom: 66.66%;
}
.preview__video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.preview__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.preview__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.preview__down {
  color: #fff;
  right: 48px;
  bottom: 48px;
  position: absolute;
  padding: 30px 14px;
  border: 2px solid currentColor;
  border-radius: 32px;
  transition: color 0.25s ease;
}
.preview__down:hover {
  color: #009EFA;
}
.preview__down svg {
  animation: gmaf-jump 1.5s ease infinite alternate;
}
.preview__btn {
  color: #fff;
  width: 48px;
  height: 48px;
  bottom: 24px;
  z-index: 1;
  position: absolute;
  border-radius: 50%;
  border: 2px solid currentColor;
  display: none;
}
.preview__btn_prev {
  left: 24px;
}
.preview__btn_next {
  right: 24px;
}

@media (max-width: 1680px) {
  .preview__slide {
    border-radius: 64px;
  }
  .preview__slide:not(:last-of-type) {
    margin-bottom: 24px;
  }
  .preview__down {
    right: 32px;
    bottom: 32px;
    padding: 22px 10px;
  }
  .preview__down svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1280px) {
  .preview__swiper {
    border-radius: 48px;
  }
  .preview__wrapper {
    flex-direction: unset;
  }
  .preview__slide {
    border-radius: 0;
  }
  .preview__slide:not(:last-of-type) {
    margin-bottom: 0;
  }
  .preview__btn {
    display: flex;
  }
  .preview__down {
    display: none;
  }
}
@media (max-width: 600px) {
  .preview__swiper {
    border-radius: 32px;
  }
  .preview__btn {
    width: 32px;
    height: 32px;
    bottom: 16px;
    border: 1px solid currentColor;
  }
  .preview__btn_prev {
    left: 16px;
  }
  .preview__btn_next {
    right: 16px;
  }
}
.price__regular {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  text-decoration: none;
}
.price__sale {
  font-family: "Unbounded", sans-serif;
  font-weight: 200;
  color: #6F7171;
  font-size: 24px;
  margin-left: 16px;
}
@media (max-width: 1680px) {
  .price__regular {
    font-size: 24px;
  }
  .price__sale {
    font-size: 16px;
    margin-left: 8px;
  }
}
@media (max-width: 1280px) {
  .price__regular {
    font-size: 20px;
  }
  .price__sale {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .price__regular {
    font-size: 16px;
  }
  .price__sale {
    font-size: 14px;
  }
}
.options__list {
  list-style: none;
}
.options__item:not(:last-of-type) {
  border-bottom: 1px solid #E9EDEE;
}
.options__btn {
  cursor: pointer;
  width: 100%;
  color: inherit;
  display: flex;
  align-items: center;
  background: transparent;
  padding: 24px 0;
  text-align: left;
  border: none;
}
.options__picture {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 24px;
  margin-right: 24px;
  overflow: hidden;
  background-color: #E9EDEE;
}
.options__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.options__info {
  flex-grow: 1;
}
.options__title {
  font-family: "Roboto Flex";
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 4px;
  transition: color 0.25s ease;
}
.options__meta {
  color: #6F7171;
  font-size: 20px;
}
.options__icon {
  fill: currentColor;
  transition: color 0.25s ease;
}

.options__btn:hover .options__icon,
.options__btn:hover .options__title {
  color: #009EFA;
}

@media (max-width: 1680px) {
  .options__btn {
    padding: 16px 0;
  }
  .options__picture {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    margin-right: 16px;
  }
  .options__title {
    font-size: 20px;
  }
  .options__meta {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .options__btn:hover .options__icon,
  .options__btn:hover .options__title {
    color: inherit;
  }
}
@media (max-width: 600px) {
  .options__picture {
    width: 48px;
    height: 48px;
  }
  .options__title {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .options__meta {
    font-size: 14px;
  }
  .options__icon {
    width: 16px;
    height: 16px;
  }
}
.details {
  padding: 64px 48px;
  border: 1px solid #E9EDEE;
  border-radius: 80px;
}
.details__group:not(:last-of-type) {
  margin-bottom: 64px;
}
.details__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 32px;
}

@media (max-width: 1680px) {
  .details {
    padding: 48px 32px;
    border-radius: 64px;
  }
  .details__group:not(:last-of-type) {
    margin-bottom: 48px;
  }
  .details__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1280px) {
  .details__title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .details {
    border-radius: 48px;
  }
}
@media (max-width: 600px) {
  .details {
    padding: 32px 16px;
    border-radius: 32px;
  }
  .details__group:not(:last-of-type) {
    margin-bottom: 32px;
  }
  .details__title {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.downloads {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1680px) {
  .downloads {
    gap: 16px;
  }
}
.sizes__item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.sizes__item::before {
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  z-index: -1;
  position: absolute;
  background-color: #E9EDEE;
}
.sizes__item:not(:last-of-type) {
  margin-bottom: 16px;
}
.sizes__label {
  padding-right: 16px;
  background-color: #F6FAFB;
}
.sizes__value {
  padding-left: 16px;
  background-color: #F6FAFB;
}
.sizes__text {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #6F7171;
  font-size: 24px;
}

@media (max-width: 1680px) {
  .sizes__item:not(:last-of-type) {
    margin-bottom: 12px;
  }
  .sizes__text {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .sizes__item:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .sizes__label {
    padding-right: 8px;
  }
  .sizes__value {
    padding-left: 8px;
  }
  .sizes__text {
    font-size: 16px;
  }
}
.specs__item:not(:last-of-type) {
  margin-bottom: 24px;
}
.specs__label {
  margin-bottom: 8px;
}
.specs__label-text {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #6F7171;
  font-size: 24px;
}
.specs__value-text {
  font-size: 20px;
}

@media (max-width: 1680px) {
  .specs__item:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .specs__label {
    margin-bottom: 4px;
  }
  .specs__label-text {
    font-size: 20px;
  }
  .specs__value-text {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .specs__item:not(:last-of-type) {
    margin-bottom: 12px;
  }
  .specs__label-text {
    font-size: 16px;
  }
  .specs__value-text {
    font-size: 14px;
  }
}
.stickers {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}
.stickers__item {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #009EFA;
  font-size: 16px;
  padding: 8px 16px;
  border: 1px solid currentColor;
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .stickers__item {
    font-size: 14px;
    padding: 6px 14px;
  }
}
.variation:not(:last-of-type) {
  margin-bottom: 48px;
}
.variation__list {
  display: grid;
}
.variation__list_type {
  gap: 24px 32px;
  grid-template-columns: repeat(4, 1fr);
}
.variation__list_color {
  gap: 16px 24px;
  grid-template-columns: repeat(5, 1fr);
}
.variation__item_custom {
  padding-top: 16px;
  grid-column: span 5;
}
.variation__header {
  margin-bottom: 24px;
}
.variation__header-text {
  margin-top: 8px;
}
.variation__label {
  cursor: pointer;
  position: relative;
}
.variation__input {
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
}
.variation__tile {
  position: relative;
  text-align: center;
  line-height: 1.25;
}
.variation__tile::after {
  content: "";
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: #009EFA;
  border-radius: 50%;
  background-position: center;
  background-size: 18px 13px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4IDIuMDQgMTUuOTUgMCA3LjAyIDguOTEgMi4wNSAzLjk0IDAgNS45OWw0Ljk4IDQuOTdMNy4wMiAxM2wyLjA1LTIuMDRMMTggMi4wNHoiLz48L3N2Zz4=");
}
.variation__picture {
  display: block;
  position: relative;
  padding-bottom: 75%;
  border-radius: 32px;
  overflow: hidden;
  margin-bottom: 8px;
}
.variation__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.variation__title {
  margin-bottom: 6px;
}
.variation__code {
  color: #6F7171;
}
.variation__custom {
  gap: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  border-radius: 32px;
  border: 2px dashed #009EFA;
}
.variation__custom:hover {
  border-style: solid;
}
.variation__custom svg {
  flex-shrink: 0;
}
.variation__custom span {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
}

.variation__input:checked + .variation__tile::after {
  opacity: 1;
}

.variation__input:checked + .variation__custom {
  border-style: solid;
  background-color: rgba(0, 158, 250, 0.1);
}

@media (max-width: 1680px) {
  .variation:not(:last-of-type) {
    margin-bottom: 32px;
  }
  .variation__header {
    margin-bottom: 20px;
  }
  .variation__list_type {
    gap: 16px 24px;
  }
  .variation__list_color {
    gap: 16px 20px;
  }
  .variation__item_custom {
    padding-top: 8px;
  }
  .variation__tile::after {
    top: 10px;
    left: 10px;
  }
  .variation__picture {
    border-radius: 24px;
  }
  .variation__custom {
    gap: 16px;
    padding: 24px;
    border-radius: 24px;
  }
  .variation__custom span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .variation__list_type, .variation__list_color {
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .variation__header {
    margin-bottom: 16px;
  }
  .variation__list_type, .variation__list_color {
    grid-template-columns: repeat(2, 1fr);
  }
  .variation__item_custom {
    grid-column: span 2;
  }
  .variation__custom {
    padding: 32px 24px;
  }
  .variation__custom span {
    max-width: 176px;
  }
}
.features__item {
  display: flex;
  align-items: center;
}
.features__icon {
  color: #009EFA;
  width: 112px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E9EDEE;
  border-radius: 50%;
  margin-right: 40px;
}
.features__icon svg {
  fill: currentColor;
}
.features__title {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #6F7171;
  font-size: 24px;
  margin-bottom: 4px;
}
.features__link {
  color: inherit;
}

@media (max-width: 1680px) {
  .features__icon {
    width: 96px;
    height: 96px;
    margin-right: 24px;
  }
  .features__title {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .features {
    /* &__title {
      @include Roboto(600);
      color: $color_dark_500;
      font-size: 24px;
      margin-bottom: 4px;
    }
    &__link {
      color: inherit;
    } */
  }
  .features__icon {
    width: 64px;
    height: 64px;
    margin-right: 16px;
  }
  .features__icon svg {
    width: 32px;
    height: 32px;
  }
  .features__title {
    font-size: 16px;
  }
}
.switch__container {
  gap: 24px 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.switch__item {
  color: #fff;
  gap: 48px;
  display: grid;
  min-height: 256px;
  align-items: center;
  position: relative;
  border-radius: 80px;
  overflow: hidden;
}
.switch__item:hover::after {
  opacity: 0.7;
}
.switch__item::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  transition: opacity 0.25s ease;
  opacity: 0.5;
}
.switch__item_prev {
  grid-column: 1/2;
  grid-template-columns: 48px 1fr;
  padding: 56px 48px 56px 64px;
}
.switch__item_next {
  grid-column: 2/3;
  text-align: right;
  grid-template-columns: 1fr 48px;
  padding: 56px 64px 56px 48px;
}
.switch__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.switch__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.switch__icon {
  z-index: 1;
  fill: currentColor;
  position: relative;
}
.switch__info {
  z-index: 1;
  position: relative;
}
.switch__label {
  font-size: 24px;
  margin-bottom: 16px;
  opacity: 0.7;
}

@media (max-width: 1680px) {
  .switch__item {
    gap: 24px;
    border-radius: 64px;
  }
  .switch__item_prev {
    padding: 40px 24px 40px 40px;
    grid-template-columns: 32px 1fr;
  }
  .switch__item_next {
    padding: 40px 40px 40px 24px;
    grid-template-columns: 1fr 32px;
  }
  .switch__icon {
    width: 32px;
    height: 32px;
  }
  .switch__label {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .switch__container {
    grid-template-columns: 1fr;
  }
  .switch__item {
    min-height: 224px;
    border-radius: 56px;
  }
  .switch__item:hover::after {
    opacity: 0.5;
  }
  .switch__item_prev, .switch__item_next {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .switch__item {
    border-radius: 48px;
    min-height: 200px;
  }
  .switch__item_prev {
    padding: 32px 16px 32px 32px;
  }
  .switch__item_next {
    padding: 32px 32px 32px 16px;
  }
  .switch__label {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
@media (max-width: 600px) {
  .switch__container {
    gap: 16px;
  }
  .switch__item {
    gap: 16px;
    min-height: 168px;
    border-radius: 32px;
  }
  .switch__item_prev {
    grid-template-columns: 24px 1fr;
    padding: 32px 8px 32px 16px;
  }
  .switch__item_next {
    grid-template-columns: 1fr 24px;
    padding: 32px 16px 32px 8px;
  }
  .switch__icon {
    width: 24px;
    height: 24px;
  }
}
.gallery {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.gallery__item {
  color: inherit;
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 80px;
  overflow: hidden;
}
.gallery__item:first-of-type {
  grid-column: span 3;
}
.gallery__item:nth-of-type(n+11) {
  display: none;
}
.gallery__video, .gallery__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.gallery__video {
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery__image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery__overlay {
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(40, 42, 50, 0.5);
}
.gallery__title {
  margin-bottom: 48px;
}
.gallery__more {
  grid-column: span 3;
}

@media (max-width: 1680px) {
  .gallery {
    gap: 24px;
  }
  .gallery__item {
    border-radius: 64px;
  }
  .gallery__overlay {
    padding: 64px 24px;
  }
  .gallery__title {
    margin-bottom: 32px;
  }
}
@media (max-width: 1280px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery__item {
    border-radius: 56px;
  }
  .gallery__item:first-of-type {
    grid-column: span 2;
  }
  .gallery__item:nth-of-type(n+8) {
    display: none;
  }
  .gallery__overlay {
    padding: 56px 16px;
  }
  .gallery__more {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .gallery {
    grid-template-columns: 1fr;
  }
  .gallery__item {
    border-radius: 48px;
    padding-bottom: 75%;
  }
  .gallery__item:first-of-type {
    grid-column: auto;
  }
  .gallery__item:nth-of-type(n+6) {
    display: none;
  }
  .gallery__overlay {
    padding: 40px 16px;
  }
  .gallery__title {
    margin-bottom: 24px;
  }
  .gallery__more {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .gallery {
    gap: 16px;
  }
  .gallery__item {
    border-radius: 32px;
  }
  .gallery__item_video {
    padding-bottom: 140%;
  }
  .gallery__overlay {
    padding: 40px 16px;
  }
  .gallery__title {
    margin-bottom: 24px;
  }
  .gallery__more {
    grid-column: auto;
  }
  /* .gallery {
    &__item {
      border-radius: 32px;
    }
  } */
}
.popular-posts {
  gap: 32px;
  display: grid;
  grid-template-columns: 1fr;
}
.popular-posts__item {
  color: inherit;
  gap: 24px;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  border: 1px solid #E9EDEE;
  border-radius: 48px;
  padding-right: 24px;
  transition: background-color 0.25s ease, border 0.25s ease;
}
.popular-posts__item:hover {
  border-color: #fff;
  background-color: #fff;
}
.popular-posts__picture {
  width: 160px;
  height: 160px;
  display: flex;
  border-radius: 48px;
  overflow: hidden;
}
.popular-posts__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popular-posts__title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600;
  max-height: 60px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1680px) {
  .popular-posts {
    gap: 24px;
  }
  .popular-posts__item {
    gap: 16px;
    border-radius: 32px;
    padding-right: 16px;
  }
  .popular-posts__picture {
    width: 120px;
    height: 120px;
    border-radius: 32px;
  }
  .popular-posts__title {
    font-size: 20px;
    max-height: 50px;
  }
}
@media (max-width: 1280px) {
  .popular-posts {
    gap: 24px 32px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .popular-posts {
    gap: 16px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .popular-posts__item {
    padding-right: 8px;
  }
  .popular-posts__picture {
    width: 104px;
    height: 104px;
  }
  .popular-posts__title {
    font-size: 16px;
    line-height: 1.5;
    max-height: 48px;
  }
}
.editor-field {
  font-size: 20px;
  line-height: 1.75;
}
.editor-field * + * {
  margin-top: 1em;
}

@media (max-width: 1680px) {
  .editor-field {
    font-size: 16px;
  }
}
.offset_top, .offset_bottom {
  margin-top: 160px;
}

@media (max-width: 1680px) {
  .offset_top, .offset_bottom {
    margin-top: 120px;
  }
}
@media (max-width: 1280px) {
  .offset_top, .offset_bottom {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .offset_top, .offset_bottom {
    margin-top: 56px;
  }
}
.cat-menu {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #F6FAFB;
  z-index: 99;
  display: none;
  overflow-y: auto;
  padding: 0 16px;
  animation: gmaf-fade 0.25s ease;
}
.cat-menu__header {
  padding: 32px 0;
}
.cat-menu__body {
  padding-bottom: 64px;
}

@media (max-width: 768px) {
  .cat-menu.is_open {
    display: block;
  }
}
@media (max-width: 600px) {
  .cat-menu__header {
    padding: 24px 0;
  }
}
.promo-slider {
  color: #fff;
}
.promo-slider__swiper {
  border-radius: 120px;
}
.promo-slider__slide {
  height: 800px;
}
.promo-slider__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.promo-slider__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.promo-slider__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promo-slider__content {
  left: 0;
  right: 0;
  bottom: 104px;
  position: absolute;
  text-align: center;
  z-index: 1;
}
.promo-slider__pagination {
  left: 0;
  right: 0;
  bottom: 64px;
  position: absolute;
  justify-content: center;
  z-index: 1;
}
.promo-slider__btn {
  z-index: 1;
  bottom: 40px;
  position: absolute;
}
.promo-slider__btn_prev {
  left: 40px;
}
.promo-slider__btn_next {
  right: 40px;
}

@media (max-width: 1680px) {
  .promo-slider__swiper {
    border-radius: 64px;
  }
  .promo-slider__slide {
    height: 512px;
  }
  .promo-slider__content {
    bottom: 64px;
  }
  .promo-slider__pagination {
    bottom: 38px;
  }
  .promo-slider__btn {
    bottom: 24px;
  }
  .promo-slider__btn_prev {
    left: 24px;
  }
  .promo-slider__btn_next {
    right: 24px;
  }
}
@media (max-width: 1280px) {
  .promo-slider__swiper {
    border-radius: 56px;
  }
  .promo-slider__btn {
    display: none;
  }
}
@media (max-width: 768px) {
  .promo-slider__swiper {
    border-radius: 48px;
  }
  .promo-slider__slide {
    height: 448px;
  }
  .promo-slider__content {
    bottom: 56px;
  }
  .promo-slider__pagination {
    bottom: 30px;
  }
}
@media (max-width: 1280px) {
  .hide_lg {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hide_md {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .hide_sm {
    display: none !important;
  }
}
figcaption {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}

.wp-block-embed iframe {
  max-width: 100%;
}

.wp-block-embed figcaption {
  margin-top: 16px;
}

.wp-block-embed__wrapper {
  position: relative;
}

.wp-has-aspect-ratio iframe {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wp-has-aspect-ratio .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  padding-top: 42.85%;
}

.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
  padding-top: 50%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%;
}

.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 75%;
}

.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
  padding-top: 100%;
}

.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
  padding-top: 177.77%;
}

.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  padding-top: 200%;
}

.wp-block-image {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 80px;
}

.wp-block-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-image figcaption {
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 16px;
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  pointer-events: none;
}

.wp-block-gallery {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}

.wp-block-gallery .wp-block-image a {
  width: 100%;
}

.wp-block-gallery.columns-2 .wp-block-image {
  width: calc(50% - 8px);
}

.wp-block-gallery.columns-3 .wp-block-image {
  width: calc(33.33% - 10.66672px);
}

.wp-block-gallery.columns-4 .wp-block-image {
  width: calc(25% - 12px);
}

.wp-block-gallery.columns-5 .wp-block-image {
  width: calc(20% - 12.8px);
}

.wp-block-gallery.columns-6 .wp-block-image {
  width: calc(16.66667% - 13.33328px);
}

.wp-block-gallery.columns-7 .wp-block-image {
  width: calc(14.28571% - 13.71424px);
}

.wp-block-gallery.columns-8 .wp-block-image {
  width: calc(12.5% - 14px);
}

.wp-block-gallery.columns-default .wp-block-image {
  width: calc(33.33% - 10.66672px);
}

@media (max-width: 1680px) {
  figcaption {
    font-size: 14px;
  }
  .wp-block-embed figcaption {
    margin-top: 12px;
  }
  .wp-block-image {
    border-radius: 64px;
  }
}
@media (max-width: 1280px) {
  .wp-block-gallery.columns-2 .wp-block-image,
  .wp-block-gallery.columns-3 .wp-block-image,
  .wp-block-gallery.columns-4 .wp-block-image,
  .wp-block-gallery.columns-5 .wp-block-image,
  .wp-block-gallery.columns-6 .wp-block-image,
  .wp-block-gallery.columns-7 .wp-block-image,
  .wp-block-gallery.columns-8 .wp-block-image,
  .wp-block-gallery.columns-default .wp-block-image {
    width: calc(50% - 8px);
  }
}
@media (max-width: 768px) {
  .wp-block-image {
    border-radius: 32px;
  }
}
@media (max-width: 600px) {
  .wp-block-gallery.columns-2 .wp-block-image,
  .wp-block-gallery.columns-3 .wp-block-image,
  .wp-block-gallery.columns-4 .wp-block-image,
  .wp-block-gallery.columns-5 .wp-block-image,
  .wp-block-gallery.columns-6 .wp-block-image,
  .wp-block-gallery.columns-7 .wp-block-image,
  .wp-block-gallery.columns-8 .wp-block-image,
  .wp-block-gallery.columns-default .wp-block-image {
    width: 100%;
  }
}
.modal {
  cursor: pointer;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  position: fixed;
  padding: 48px 16px;
  display: none;
  flex-direction: column;
  animation: gmaf-fade 0.3s ease;
  background-color: rgba(111, 113, 113, 0.4);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.modal.opened {
  display: flex;
}
.modal__close {
  color: #6F7171;
  font-size: 32px;
  line-height: 1;
  width: 48px;
  height: 48px;
  top: 16px;
  right: 16px;
  position: fixed;
  border-radius: 50%;
  background-color: #fff;
  transition: color 0.25s ease;
  z-index: 99;
}
.modal__close:hover {
  color: #009EFA;
}
.modal__popup {
  cursor: auto;
  top: 0;
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 64px;
  background-color: #F6FAFB;
}
.modal__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  text-align: center;
}
.modal__text {
  font-size: 16px;
  text-align: center;
}
.modal__apply {
  left: 50%;
  bottom: 40px;
  position: absolute;
  transform: translateX(-50%);
}

@media (max-width: 1680px) {
  .modal {
    padding: 32px 16px;
  }
  .modal__popup {
    border-radius: 48px;
  }
  .modal__title {
    font-size: 24px;
  }
  .modal__text {
    font-size: 14px;
  }
  .modal__apply {
    bottom: 24px;
  }
}
@media (max-width: 1280px) {
  .modal__popup {
    border-radius: 32px;
  }
  .modal__title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .modal__close {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 600px) {
  .modal__title {
    font-size: 16px;
  }
}
.modal-default__popup {
  max-width: 576px;
}
.modal-default__wrapper {
  padding: 48px;
}
.modal-default__header {
  margin-bottom: 32px;
}
.modal-default__success {
  gap: 20px;
  display: grid;
  display: none;
}
.modal-default__demoload {
  gap: 20px;
  display: grid;
}

.modal-form__wrap {
  gap: 20px;
  display: grid;
  margin-bottom: 24px;
}
.modal-form__submit {
  margin-top: 4px;
}
.modal-form__response {
  display: none;
}
.modal-form__policy {
  font-size: 16px;
  text-align: center;
}

@media (max-width: 1680px) {
  .modal-default__popup {
    max-width: 392px;
  }
  .modal-default__wrapper {
    padding: 32px;
  }
  .modal-default__header {
    margin-bottom: 20px;
  }
  .modal-form__wrap {
    gap: 12px;
    margin-bottom: 16px;
  }
  .modal-form__policy {
    font-size: 14px;
  }
}
@media (max-width: 1280px) {
  .modal-default__popup {
    max-width: 360px;
  }
  .modal-default__wrapper {
    padding: 32px 24px;
  }
}
@media (max-width: 600px) {
  .modal-default__popup {
    max-width: 344px;
  }
  .modal-default__wrapper {
    padding: 24px 16px;
  }
  .modal-default__header {
    margin-bottom: 16px;
  }
}
.modal-options__popup {
  max-width: 912px;
  max-height: 100%;
}
.modal-options__body {
  padding: 64px 48px 176px;
}
.modal-options__scroll {
  overflow: auto;
  height: 100%;
}

@media (max-width: 1680px) {
  .modal-options__popup {
    max-width: 704px;
  }
  .modal-options__body {
    padding: 40px 32px 120px;
  }
}
@media (max-width: 768px) {
  .modal-options {
    padding: 0;
  }
  .modal-options__popup {
    height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
  .modal-options__body {
    padding: 72px 16px 120px;
  }
}
.modal-callback__popup {
  max-width: 576px;
}
.modal-callback__wrapper {
  padding-top: 48px;
}
.modal-callback__header {
  margin-bottom: 32px;
}
.modal-callback__body {
  margin-bottom: 40px;
}

.modal-success__popup {
  max-width: 576px;
}
.modal-success__wrapper {
  padding: 48px;
}
.modal-success__header {
  margin-bottom: 32px;
}
.modal-success__body {
  text-align: center;
}
.modal-success__icon {
  fill: #009EFA;
}

@media (max-width: 1680px) {
  .modal-success__popup {
    max-width: 392px;
  }
  .modal-success__wrapper {
    padding: 32px;
  }
  .modal-success__header {
    margin-bottom: 20px;
  }
  .modal-success__icon {
    fill: #009EFA;
    width: 64px;
    height: 64px;
  }
}
@media (max-width: 1280px) {
  .modal-success__popup {
    max-width: 360px;
  }
  .modal-success__wrapper {
    padding: 32px 24px;
  }
}
@media (max-width: 600px) {
  .modal-success__popup {
    max-width: 344px;
  }
  .modal-success__wrapper {
    padding: 24px 16px;
  }
  .modal-success__header {
    margin-bottom: 16px;
  }
}
.old_form .wpcf7-custom-group {
  position: relative;
}
.old_form .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
}
.old_form .wpcf7-form-control:not([type=submit]):not(.wpcf7-acceptance) {
  font: inherit;
  width: 100%;
  display: block;
  resize: none;
  padding: 24px 40px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 20px;
  border-radius: 40px;
  border: 1px solid #E9EDEE;
  background-color: #fff;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, border 0.25s ease, color 0.25s ease;
}
.old_form .wpcf7-form-control:not([type=submit]):not(.wpcf7-acceptance):hover {
  border-color: #009EFA;
}
.old_form .wpcf7-form-control:not([type=submit]):not(.wpcf7-acceptance):focus {
  border-color: #009EFA;
  background-color: #fff;
  box-shadow: 0 0 0 1px #009EFA;
}
.old_form .wpcf7-form-control:not([type=submit]):not(.wpcf7-acceptance).wpcf7-not-valid {
  border-color: #fa4d62;
  background-color: #fff3f5;
}
.old_form .wpcf7-form-control:not([type=submit]):not(.wpcf7-acceptance).wpcf7-not-valid:focus {
  border-color: #fa4d62;
  background-color: #fff;
  box-shadow: 0 0 0 1px #fa4d62;
}
.old_form .wpcf7-not-valid-tip {
  color: #fa4d62;
  padding-left: 41px;
}
.old_form .wpcf7-spinner {
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50%;
  visibility: hidden;
  border-top: 2px solid transparent;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  animation: gmaf-spinner 0.8s linear infinite;
}
.old_form .wpcf7-submit {
  width: 100%;
}
.old_form .wpcf7-custom-policy {
  color: #6F7171;
}
.old_form .wpcf7-custom-policy a {
  color: #009EFA;
  text-decoration: underline;
}
.old_form .wpcf7-custom-policy a:hover {
  text-decoration: none;
}
.old_form .wpcf7 .screen-reader-response {
  display: none;
  overflow: hidden;
  visibility: hidden;
}
.old_form .wpcf7 form .wpcf7-response-output {
  border: 2px solid;
  padding: 8px 16px;
  border-radius: 16px;
  margin-top: 24px;
}
.old_form .wpcf7 form.init .wpcf7-response-output,
.old_form .wpcf7 form.resetting .wpcf7-response-output,
.old_form .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}
.old_form .wpcf7 form.sent .wpcf7-response-output {
  border-color: #009EFA;
}
.old_form .wpcf7 form.failed .wpcf7-response-output,
.old_form .wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
}
.old_form .wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
}
.old_form .wpcf7 form.invalid .wpcf7-response-output,
.old_form .wpcf7 form.unaccepted .wpcf7-response-output,
.old_form .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
}
.old_form form.submitting {
  pointer-events: none;
}
.old_form form.submitting .wpcf7-submit {
  color: transparent;
}
.old_form form.submitting .wpcf7-spinner {
  visibility: visible;
}

@media (max-width: 1680px) {
  .old_form .wpcf7-form-control:not([type=submit]) {
    padding: 19px 32px;
    font-size: 16px;
  }
  .old_form .wpcf7-not-valid-tip {
    padding-left: 33px;
  }
}
.old_form {
  /* Upload Status */
  /* CodeDropz Upload Plugin */
  /* Progress bar - Image */
  /* Progress bar - Image Details ( Name and Size ) */
  /* Progress Loading */
  /* Delete Status */
  /* Remove Upload File */
  /* Add border on dragenter, drag etc */
}
.old_form .dnd-upload-status {
  gap: 16px;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  padding: 16px 40px 16px 0;
}
.old_form .dnd-upload-status + .dnd-upload-status {
  border-top: 1px solid #DFDFDF;
}
.old_form .codedropz-upload-handler {
  display: none;
}
.old_form .codedropz-upload-handler + .dnd-upload-status {
  margin-top: 16px;
}
.old_form .dnd-upload-status .dnd-upload-image {
  width: 64px;
  height: 64px;
  border: 2px solid #009EFA;
  border-radius: 16px;
}
.old_form .dnd-upload-status .dnd-upload-image::after {
  content: "";
  top: -2px;
  right: -2px;
  width: 24px;
  height: 24px;
  border: 2px solid #009EFA;
  border-radius: 0 16px;
  position: absolute;
}
.old_form .dnd-upload-status .dnd-upload-image span.file {
  display: none;
}
.old_form .dnd-upload-status .dnd-upload-details {
  width: 100%;
  padding: 0;
}
.old_form .dnd-upload-status .dnd-upload-details .name {
  font-family: "Roboto Flex";
  font-weight: 500;
  color: #282A32;
  padding: 0;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr;
}
.old_form .dnd-upload-status .dnd-upload-details .name span {
  padding: 0;
  font-size: 16px;
}
.old_form .dnd-upload-status .dnd-upload-details .name em {
  display: none;
}
.old_form .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  height: 4px;
  margin-bottom: 6px;
  border-radius: 2px;
  background: #DFDFDF;
}
.old_form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  color: transparent;
  font-size: 0;
  background: #009EFA;
}
.old_form .dnd-icon-remove.deleting {
  color: transparent;
  top: 0;
  font-size: 0;
}
.old_form .dnd-icon-remove.deleting::before {
  opacity: 1 !important;
}
.old_form .dnd-upload-status .dnd-upload-details .remove-file {
  top: calc(50% - 12px);
}
.old_form .dnd-upload-status .dnd-upload-details .remove-file span {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
}
.old_form .dnd-upload-status .dnd-upload-details .remove-file span::after, .old_form .dnd-upload-status .dnd-upload-details .remove-file span::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
}
.old_form .dnd-upload-status .dnd-upload-details .remove-file span::after {
  content: "×";
  color: #6F7171;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  background: #E9EDEE;
}
.old_form .dnd-upload-status .dnd-upload-details .remove-file span::before {
  content: "";
  border-top: 2px solid transparent;
  border-left: 2px solid #009EFA;
  border-right: 2px solid #009EFA;
  border-bottom: 2px solid #009EFA;
  animation: gmaf-spinner 0.8s linear infinite;
  opacity: 0;
}
.old_form .dnd-upload-counter {
  display: none;
}
.old_form .dnd-upload-status.in-progress .remove-file {
  opacity: 0.2;
  pointer-events: none;
}
.old_form .dnd-upload-status .dnd-upload-details span.has-error {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.old_form .codedropz-upload-wrapper span.has-error-msg {
  padding: 0;
  font-style: normal;
}

.lock-padding {
  padding-right: var(--fancybox-scrollbar-compensate);
}

.swiper__btn_theme_white {
  background-color: #fff;
  transition: color 0.25s ease;
}
.swiper__btn_theme_white:hover {
  color: #009EFA;
}
.swiper__btn_theme_blur {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  transition: background-color 0.25s ease;
}
.swiper__btn_theme_blur:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.swiper__btn_type_round {
  border-radius: 50%;
}
.swiper__btn_type_round:disabled {
  opacity: 0;
}
.swiper__btn_size_xl {
  width: 120px;
  height: 120px;
}
.swiper__btn_size_xxl {
  width: 160px;
  height: 160px;
}
.swiper__btn svg {
  fill: currentColor;
}
.swiper__btn_image {
  color: #fff;
  position: relative;
  overflow: hidden;
}
.swiper__btn_image:hover::after {
  opacity: 0.6;
}
.swiper__btn_image::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  transition: opacity 0.25s ease;
  opacity: 0.5;
}
.swiper__btn_image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper__btn_image svg {
  z-index: 1;
  position: relative;
}
.swiper__btn_image_xl {
  width: 204px;
  height: 120px;
  border-radius: 48px;
}
.swiper__btn_image_lg {
  width: 160px;
  height: 120px;
  border-radius: 60px;
}

@media (max-width: 1680px) {
  .swiper__btn_size_xl {
    width: 80px;
    height: 80px;
  }
  .swiper__btn_size_xl svg {
    width: 24px;
    height: 24px;
  }
  .swiper__btn_size_xxl {
    width: 80px;
    height: 80px;
  }
  .swiper__btn_size_xxl svg {
    width: 24px;
    height: 24px;
  }
  .swiper__btn_image svg {
    width: 24px;
    height: 24px;
  }
  .swiper__btn_image_xl {
    width: 160px;
    height: 104px;
    border-radius: 32px;
  }
  .swiper__btn_image_lg {
    width: 128px;
    height: 88px;
  }
}
@media (max-width: 1280px) {
  .swiper__btn_image_xl {
    width: 128px;
    height: 88px;
  }
}
.aws-search-result {
  width: 100%;
  margin-top: 16px;
  border: none;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 40px !important;
  padding: 24px 16px;
  background: #F6FAFB;
  filter: drop-shadow(0 0 24px rgba(40, 42, 50, 0.1));
}

.aws-search-result ul {
  padding: 0 !important;
  max-height: 50vh;
  min-height: 240px;
  border-radius: 24px;
}

.aws-search-result ul li {
  border-bottom: none;
}

.aws-search-result .aws_result_title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  color: #282A32;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 0;
}

.aws-search-result .aws_result_price {
  gap: 8px;
  padding: 0;
  display: flex;
  color: #282A32;
  align-items: baseline;
}

.aws-search-result .price-regular {
  font-size: 18px;
}

.aws-search-result .price-sale {
  font-size: 14px;
}

.aws-search-result .aws_result_item {
  border-radius: 24px;
}

.aws-search-result .aws_result_item.hovered,
.aws-search-result .aws_result_item:hover,
.aws-search-result .aws_search_more a:hover {
  background-color: #fff;
}

.aws-search-result .aws_result_link {
  gap: 24px;
  display: flex;
  align-items: center;
  padding: 16px 16px;
}

.aws-search-result .aws_result_image {
  padding: 0;
  display: flex;
  flex-shrink: 0;
}

.aws-search-result .aws_result_image img {
  width: 128px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.aws-search-result .aws_result_content {
  display: flex;
  flex-direction: column;
}

.aws-search-result ul::-webkit-scrollbar {
  width: 4px;
  background-color: #DFDFDF;
  display: none;
}

.aws-search-result ul::-webkit-scrollbar-thumb {
  background-color: #C0C0C1;
  display: none;
}

.aws-search-result .aws_search_more a {
  color: #009EFA;
  line-height: 64px;
}

@media (max-width: 1680px) {
  .aws-search-result {
    margin-top: 12px;
    border-radius: 32px !important;
    padding: 16px 8px;
  }
  /* .aws-search-result ul {
    max-height: 328px;
    border-radius: 16px;
  } */
  .aws-search-result .aws_result_image img {
    width: 96px;
    height: 72px;
  }
  .aws-search-result .aws_result_link {
    gap: 16px;
    padding: 8px;
    border-radius: 16px;
  }
  .aws-search-result .aws_result_title {
    font-size: 16px;
  }
  .aws-search-result .aws_search_more a {
    line-height: 56px;
  }
}
@media (max-width: 1280px) {
  .aws-search-result {
    border-radius: 24px !important;
  }
}
@media (max-width: 600px) {
  /* .aws-search-result ul {
    max-height: 50vh;
    border-radius: 16px;
  } */
  .aws-search-result .aws_result_image img {
    width: 80px;
  }
}
.header {
  color: #6F7171;
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  z-index: 99;
}
.header::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  transition: opacity 0.25s ease;
}
.header::after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: -1;
  position: absolute;
  background-color: #F8F8FA;
  transition: opacity 0.25s ease;
}
.header__message {
  color: #FFFFFF;
  background-image: linear-gradient(to right, #009EFA, #3BB7FF);
}
.header__message-link {
  color: inherit;
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  padding: 8px 0;
}
.header__message span {
  padding-left: 24px;
  display: inline-block;
  position: relative;
}
.header__message span::before {
  content: "";
  top: calc(50% - 6px);
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  background-color: #FFFFFF;
  animation: gmaf-pulse 2s ease-in-out infinite;
}
.header__row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.header__row::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  height: 1px;
  position: absolute;
  background-color: currentColor;
}
.header__row_middle {
  padding: 16px 0;
}
.header__row_bottom {
  padding: 12px 0;
}
.header__item {
  display: flex;
  padding: 0 48px;
  position: relative;
}
.header__item:not(:last-of-type)::after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.25;
  width: 1px;
  position: absolute;
  background-color: currentColor;
}
.header__item:first-of-type {
  padding-left: 0;
}
.header__item:last-of-type {
  padding-right: 0;
}
.header__item_search {
  flex: 1 1 auto;
  padding: 0 48px 0 36px;
}
.header__item_menu::after {
  display: none;
}
.header__item_actions {
  margin-left: auto;
}
.header__accent-video {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  gap: 8px;
  display: flex;
  align-items: center;
  margin: -4px 0;
  padding: 4px 16px 4px 12px;
  border-radius: 80px;
  color: var(--gm-color-white);
  background-color: var(--gm-color-blue);
  animation: gmaf-heade-accent 4s linear infinite;
}
.header__logo {
  color: inherit;
  display: flex;
  align-items: center;
}
.header__logo svg {
  height: 20px;
}
.header__logo-city {
  fill: #2D3031;
}
.header__logo-alpha {
  fill: #009EFA;
}
.header__search {
  width: 100%;
}
.header__contacts {
  display: flex;
  align-items: center;
}
.header__contacts-item:not(:last-of-type) {
  margin-right: 48px;
}
.header__contacts-link {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  color: inherit;
  font-size: 16px;
  display: flex;
  transition: color 0.25s ease;
}
.header__contacts-link:hover {
  color: #3BB7FF;
}
.header__contacts-icon {
  display: none;
  fill: currentColor;
}
.header__burger {
  color: inherit;
  position: relative;
}
.header__catalog {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: inherit;
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: color 0.25s ease;
}
.header__catalog:hover {
  color: #3BB7FF;
}
.header__catalog svg {
  margin-right: 8px;
  fill: currentColor;
}
.header__menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.header__menu li:not(:last-of-type) {
  margin-right: 48px;
}
.header__menu a {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: inherit;
  font-size: 16px;
  display: inline-block;
  transition: color 0.25s ease;
}
.header__menu a:hover {
  color: #3BB7FF;
}
.header__btn {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: inherit;
  font-size: 16px;
  margin-right: 48px;
  transition: color 0.25s ease;
}
.header__btn:hover {
  color: #3BB7FF;
}

.header_transparent_white {
  color: #fff;
  background-color: transparent;
}
.header_transparent_white::before {
  opacity: 1;
}
.header_transparent_white::after {
  opacity: 0;
}
.header_transparent_white .header__logo-city {
  fill: currentColor;
}
.header_transparent_white .header__logo-alpha {
  fill: currentColor;
}

@media (max-width: 1680px) {
  .header__row_bottom {
    line-height: 24px;
  }
  .header__item {
    padding: 0 40px;
  }
  .header__item_search {
    padding: 0 40px 0 28px;
  }
  .header__logo svg {
    height: 16px;
  }
  .header__contacts-item:not(:last-of-type) {
    margin-right: 40px;
  }
  .header__contacts-link {
    font-size: 14px;
  }
  .header__catalog {
    font-size: 14px;
  }
  .header__menu li:not(:last-of-type) {
    margin-right: 40px;
  }
  .header__menu a {
    font-size: 14px;
  }
  .header__btn {
    font-size: 14px;
    margin-right: 40px;
  }
}
@media (max-width: 1280px) {
  .header {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
  }
  .header__row::after {
    display: none;
  }
  .header__row_bottom {
    display: none;
  }
  .header__item {
    padding: 0;
  }
  .header__item::after {
    display: none;
  }
  .header__item:first-of-type {
    padding-left: 15px;
  }
  .header__item:last-of-type {
    padding-right: 15px;
  }
  .header__item_search {
    width: 100%;
    padding: 0;
    order: 1;
    margin-top: 16px;
  }
  .header__item_contacts {
    margin-left: auto;
  }
  .header__item_burger {
    padding-left: 32px;
  }
  .header__contacts-item:not(:last-of-type) {
    margin-right: 32px;
  }
  .header__contacts-link:hover {
    color: inherit;
  }
  .header__contacts-icon {
    display: block;
  }
  .header__contacts-text {
    display: none;
  }
  .header_promo .header__item_search {
    display: none;
  }
}
@media (max-width: 768px) {
  .header__item_burger {
    padding-left: 24px;
  }
  .header__logo svg {
    height: 15px;
  }
  .header__contacts-item:not(:last-of-type) {
    margin-right: 24px;
  }
}
@media (max-width: 600px) {
  .header__message-link {
    font-size: 16px;
    line-height: 1.25;
    padding: 8px 0;
  }
  .header__message span {
    padding: 0;
  }
  .header__message span::before {
    display: none;
  }
  .header__item:first-of-type {
    padding-left: 8px;
  }
  .header__item:last-of-type {
    padding-right: 8px;
  }
}
@media (max-width: 359px) {
  .header__contacts-item:not(:last-of-type) {
    margin-right: 16px;
  }
}
.burger-menu {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 98;
  position: fixed;
  overflow: hidden;
  transform: translateY(-100%);
  transition: transform 0.45s ease;
  will-change: transform;
}
.burger-menu.opened {
  transform: translateY(0);
}
.burger-menu__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.burger-menu__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.burger-menu__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.burger-menu__container {
  height: 100%;
  overflow-y: auto;
  padding: 200px 48px 100px;
}
.burger-menu__nav {
  text-align: center;
}
.burger-menu__nav li:not(:last-child) {
  margin-bottom: 48px;
}
.burger-menu__nav a {
  font-family: "Unbounded", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 72px;
  line-height: 100%;
  position: relative;
}
.burger-menu__nav a:hover::after {
  width: 100%;
  left: 0;
}
.burger-menu__nav a:hover svg {
  color: #3BB7FF;
}
.burger-menu__nav a::after {
  content: "";
  left: 50%;
  bottom: 0;
  width: 0;
  height: 8px;
  position: absolute;
  background-color: #3BB7FF;
  transition: width 0.25s ease, left 0.25s ease;
}
.burger-menu__nav a svg {
  width: 48px;
  height: 48px;
  fill: currentColor;
  margin-left: 24px;
  transition: color 0.25s ease;
}
.burger-menu__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.burger-menu.opened li {
  animation: gmaf-fade 0.3s ease-in-out;
  animation-fill-mode: both;
}
.burger-menu.opened li:nth-child(1) {
  animation-delay: 0.45s;
}
.burger-menu.opened li:nth-child(2) {
  animation-delay: 0.55s;
}
.burger-menu.opened li:nth-child(3) {
  animation-delay: 0.65s;
}
.burger-menu.opened li:nth-child(4) {
  animation-delay: 0.75s;
}
.burger-menu.opened li:nth-child(5) {
  animation-delay: 0.85s;
}
.burger-menu.opened li:nth-child(6) {
  animation-delay: 0.95s;
}
.burger-menu.opened li:nth-child(7) {
  animation-delay: 1.05s;
}
.burger-menu.opened li:nth-child(8) {
  animation-delay: 1.15s;
}

@media (max-width: 1680px) {
  .burger-menu__container {
    padding: 160px 48px 80px;
  }
  .burger-menu__nav li:not(:last-child) {
    margin-bottom: 32px;
  }
  .burger-menu__nav a {
    font-size: 48px;
  }
  .burger-menu__nav a::after {
    height: 6px;
  }
  .burger-menu__nav a svg {
    width: 32px;
    height: 32px;
    margin-left: 16px;
  }
}
@media (max-width: 1280px) {
  .burger-menu__container {
    padding: 256px 32px 128px;
  }
  .burger-menu__nav li:not(:last-child) {
    margin-bottom: 40px;
  }
  .burger-menu__nav a {
    font-size: 40px;
  }
  .burger-menu__nav a::after {
    display: none;
  }
  .burger-menu__nav a:hover svg {
    color: inherit;
  }
}
@media (max-width: 768px) {
  .burger-menu__container {
    padding: 200px 16px 100px;
  }
  .burger-menu__nav a {
    font-size: 24px;
  }
  .burger-menu__nav a svg {
    width: 24px;
    height: 24px;
  }
}
.footer {
  padding-bottom: calc(var(--gm-offset-block) * 0.5);
}
.footer__inner {
  padding: 0 var(--gm-offset-inner);
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
}
.footer__top {
  padding: 64px 0 48px;
  border-bottom: 1px solid var(--gm-color-gray-100);
}
.footer__logo {
  height: 48px;
  margin: 0 auto;
}
.footer__middle {
  gap: var(--gm-grid-gap);
  display: grid;
  grid-template-columns: 16fr 8fr;
  padding: 48px 0 64px;
  border-bottom: 1px solid var(--gm-color-gray-100);
  align-items: start;
  align-content: start;
}
.footer__nav .menu {
  gap: 24px;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
}
.footer__nav .sub-menu {
  width: 100%;
  gap: 16px;
  display: grid;
  list-style: none;
}
.footer__nav .menu__item {
  gap: 24px;
  display: grid;
  justify-items: start;
}
.footer__nav .menu__link--0 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.footer__nav .menu__link--1 {
  color: var(--gm-color-gray-500);
  font-size: 16px;
  line-height: 1.25;
}
.footer__nav .menu__link--active {
  color: var(--gm-color-blue);
}
.footer__office {
  gap: 32px;
  display: grid;
}
.footer__phone {
  gap: 8px;
  display: grid;
}
.footer__phone-value {
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}
.footer__phone-label {
  color: var(--gm-color-gray-500);
  font-size: 20px;
}
.footer__email, .footer__address {
  gap: 8px;
  display: grid;
}
.footer__email-value, .footer__address-value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.footer__email-label, .footer__address-label {
  color: var(--gm-color-gray-500);
  font-size: 16px;
}
.footer__under {
  row-gap: 24px;
  display: grid;
	align-items: start;
  grid-template-columns: 16fr 8fr;
  padding: 48px 0 64px;
}
.footer__info {
  color: var(--gm-color-gray-500);
  line-height: 1.25;
  gap: 8px;
  display: grid;
}
.footer__info a {
  text-decoration: underline;
}
.footer__social {
  display: flex;
  justify-content: end;
}

@media (max-width: 1680px) {
  .footer__top {
    padding: 40px 0 32px;
  }
  .footer__logo {
    height: 40px;
  }
  .footer__middle {
    padding: 32px 0 40px;
  }
  .footer__nav .sub-menu {
    gap: 12px;
  }
  .footer__nav .menu__item {
    gap: 16px;
  }
  .footer__nav .menu__link--0 {
    font-size: 20px;
  }
  .footer__nav .menu__link--1 {
    font-size: 15px;
  }
  .footer__office {
    gap: 24px;
  }
  .footer__phone-value {
    font-size: 32px;
  }
  .footer__phone-label {
    font-size: 15px;
  }
  .footer__email-value, .footer__address-value {
    font-size: 20px;
  }
  .footer__email-label, .footer__address-label {
    font-size: 15px;
  }
  .footer__under {
    padding: 32px 0 40px;
  }
}
@media (max-width: 1024px) {
  .footer {
    text-align: center;
  }
  .footer__middle {
    padding: 0;
    gap: 0;
    grid-template-columns: 1fr;
  }
  .footer__nav {
    padding: 32px 0 40px;
    border-bottom: 1px solid var(--gm-color-gray-100);
  }
  .footer__nav .menu__item {
    justify-items: center;
  }
  .footer__office {
    padding: 32px 0 40px;
  }
  .footer__under {
    grid-template-columns: 1fr;
  }
  .footer__social {
    order: -1;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .footer__logo {
    height: 32px;
  }
  .footer__nav .menu {
    grid-template-columns: 1fr;
  }
}
.builder section:not(:last-of-type) {
  margin-bottom: 160px;
}
.builder__header {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px;
}
.builder__caption {
  font-family: "Unbounded", sans-serif;
  font-weight: 200;
  color: #DFDFDF;
  font-size: 24px;
  line-height: 1.25;
  gap: 32px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.builder__caption span {
  height: 1px;
  display: block;
  flex-grow: 1;
  background-color: currentColor;
}
.builder__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.builder__btn_jump {
  margin: 0 auto;
}

@media (max-width: 1680px) {
  .builder__section:not(:last-of-type) {
    margin-bottom: 120px;
  }
  .builder__caption {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .builder__section:not(:last-of-type) {
    margin-bottom: 80px;
  }
  .builder__header {
    gap: 16px;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .builder__caption {
    width: 100%;
    flex-direction: row-reverse;
  }
  .builder__actions.is_promo {
    display: none;
  }
  .builder__btn_prev, .builder__btn_next {
    display: none;
  }
}
@media (max-width: 768px) {
  .builder__section:not(:last-of-type) {
    margin-bottom: 56px;
  }
  .builder__header {
    gap: 8px;
    margin-bottom: 32px;
  }
  .builder__caption {
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.fs-primary {
  color: #fff;
  position: relative;
}
.fs-primary__swiper {
  overflow: hidden;
  border-radius: 0 0 80px 80px;
}
.fs-primary__slide {
  height: auto;
}
.fs-primary__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-color: #C0C0C1;
}
.fs-primary__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  opacity: 0.2;
}
.fs-primary__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fs-primary__content {
  min-height: 944px;
  position: relative;
  padding: 256px 0 224px 0;
}
.fs-primary__title {
  max-width: 1200px;
  margin-bottom: 24px;
}
.fs-primary__text {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  max-width: 880px;
  font-size: 32px;
  line-height: 1.25;
}
.fs-primary__actions {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 88px;
}
.fs-primary__footer {
  left: 0;
  bottom: 48px;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.fs-primary__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.fs-primary__pagination {
  height: 4px;
}
.fs-primary__nav {
  padding: 12px 80px;
  border-radius: 64px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
}
.fs-primary__nav .swiper {
  width: 448px;
}
.fs-primary__nav .swiper-slide {
  padding: 6px;
  border: 2px solid transparent;
  transition: border 0.25s ease;
  border-radius: 52px;
}
.fs-primary__nav .swiper-slide-active {
  border-color: #fff;
}
.fs-primary__nav .swiper-slide-active picture::after {
  opacity: 0;
}
.fs-primary__nav picture {
  height: 88px;
  display: block;
  overflow: hidden;
  border-radius: 44px;
  position: relative;
}
.fs-primary__nav picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  transition: opacity 0.25s ease;
  opacity: 0.4;
}
.fs-primary__nav img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fs-primary__nav-btn {
  color: #fff;
  top: 50%;
  z-index: 1;
  padding: 0;
  position: absolute;
  transform: translateY(-50%);
  transition: opacity 0.25s ease;
}
.fs-primary__nav-btn_prev {
  left: 32px;
}
.fs-primary__nav-btn_next {
  right: 32px;
}
.fs-primary__nav-btn.swiper-button-disabled {
  opacity: 0.15;
  cursor: default;
}

@media (max-width: 1680px) {
  .fs-primary__swiper {
    border-radius: 0 0 64px 64px;
  }
  .fs-primary__content {
    min-height: 640px;
    padding: 176px 0;
  }
  .fs-primary__title {
    max-width: 800px;
  }
  .fs-primary__text {
    max-width: 720px;
    font-size: 24px;
  }
  .fs-primary__actions {
    gap: 24px;
    margin-top: 48px;
  }
  .fs-primary__footer {
    bottom: 32px;
  }
  .fs-primary__nav {
    padding: 12px 72px;
  }
  .fs-primary__nav .swiper {
    width: 400px;
  }
  .fs-primary__nav picture {
    height: 72px;
  }
  .fs-primary__nav-btn svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1280px) {
  .fs-primary__swiper {
    border-radius: 56px;
  }
  .fs-primary__content {
    padding: 128px 0;
  }
  .fs-primary__title {
    margin-bottom: 16px;
  }
  .fs-primary__footer {
    bottom: -20px;
  }
  .fs-primary__controls {
    width: 100%;
    flex-direction: column-reverse;
  }
  .fs-primary__pagination {
    margin-top: 16px;
    color: #6F7171;
  }
  .fs-primary__nav {
    width: 100%;
  }
  .fs-primary__nav .swiper {
    width: 328px;
  }
  .fs-primary__nav picture {
    height: 64px;
  }
}
@media (max-width: 768px) {
  .fs-primary {
    color: #282A32;
  }
  .fs-primary__swiper {
    border-radius: 0;
  }
  .fs-primary__picture {
    height: 448px;
    position: relative;
    border-radius: 32px;
    overflow: hidden;
  }
  .fs-primary__picture::after {
    display: none;
  }
  .fs-primary__content {
    padding: 36px 0 0;
    min-height: auto;
  }
  .fs-primary__text {
    font-size: 20px;
    line-height: 1.4;
  }
  .fs-primary__actions {
    gap: 16px;
    margin-top: 32px;
  }
  .fs-primary__footer {
    top: 384px;
    bottom: auto;
  }
  .fs-primary__nav {
    padding: 8px 56px;
  }
  .fs-primary__nav .swiper {
    width: 232px;
  }
  .fs-primary__nav .swiper-slide {
    padding: 0;
  }
  .fs-primary__nav picture {
    height: 44px;
  }
  .fs-primary__nav-btn_prev {
    left: 16px;
  }
  .fs-primary__nav-btn_next {
    right: 16px;
  }
}
@media (max-width: 600px) {
  .fs-primary__picture {
    height: 320px;
  }
  .fs-primary__footer {
    top: 256px;
  }
}
.fs-secondary {
  color: #fff;
  position: relative;
  border-radius: 0 0 80px 80px;
  overflow: hidden;
}
.fs-secondary__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.fs-secondary__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  opacity: var(--gmaf-opacity-fill, 0.25);
}
.fs-secondary__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fs-secondary__container {
  min-height: 944px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 112px 0 64px;
}
.fs-secondary__title {
  margin-bottom: auto;
}
.fs-secondary__menu {
  margin-top: 24px;
}
.fs-secondary__menu-list {
  gap: 24px 80px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.fs-secondary__menu-link {
  color: inherit;
  font-size: 16px;
  white-space: nowrap;
}
.fs-secondary__menu-link:hover, .fs-secondary__menu-link.is_active {
  text-decoration: underline;
}

@media (max-width: 1680px) {
  .fs-secondary {
    border-radius: 0 0 64px 64px;
  }
  .fs-secondary__container {
    min-height: 640px;
    padding: 112px 0 48px;
  }
  .fs-secondary__menu-list {
    gap: 24px 64px;
  }
}
@media (max-width: 1280px) {
  .fs-secondary {
    margin-top: 140px;
    border-radius: 56px;
  }
  .fs-secondary__container {
    padding: 24px 16px 48px;
  }
}
@media (max-width: 768px) {
  .fs-secondary {
    border-radius: 48px;
  }
  .fs-secondary__container {
    min-height: 540px;
    padding: 16px 8px 40px;
  }
}
.s-review {
  color: #fff;
  display: flex;
  position: relative;
  min-height: 900px;
}
.s-review__bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.s-review__bg::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #282A32;
  opacity: 0.5;
}
.s-review__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-review__container {
  min-height: 100%;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.s-review__title {
  text-align: center;
  margin-bottom: 48px;
}

@media (max-width: 1680px) {
  .s-review {
    min-height: 640px;
  }
  .s-review__container {
    padding: 64px 0;
  }
  .s-review__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .s-review__container_wide {
    width: 100%;
  }
  .s-review__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  .s-review__title {
    margin-bottom: 24px;
  }
}
.special {
  overflow: hidden;
  position: relative;
  background-color: #E9EDEE;
  border-radius: 80px;
}
.special::after {
  content: "";
  right: 56px;
  bottom: 56px;
  width: 40px;
  height: 40px;
  position: absolute;
  background-color: #2D3031;
  border-radius: 50%;
}
.special__content {
  width: 50%;
  min-height: 704px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  padding: 80px 96px 80px 0;
}
.special__title {
  margin-bottom: 40px;
}
.special__picture {
  top: 0;
  left: 6%;
  bottom: 0;
  width: 38%;
  position: absolute;
  border-radius: 80px;
  overflow: hidden;
  display: flex;
}
.special__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.special__text {
  margin-bottom: 56px;
}
.special__actions {
  gap: 32px;
  display: flex;
}

@media (max-width: 1680px) {
  .special {
    border-radius: 64px;
  }
  .special::after {
    right: 48px;
    bottom: 48px;
    width: 32px;
    height: 32px;
  }
  .special__picture {
    border-radius: 64px;
  }
  .special__content {
    min-height: 576px;
    padding: 64px 64px 64px 0;
  }
  .special__title {
    margin-bottom: 32px;
  }
  .special__text {
    margin-bottom: 48px;
  }
}
@media (max-width: 1280px) {
  .special__picture {
    left: 0;
    width: calc(50% - 16px);
  }
  .special__picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .special__content {
    width: calc(50% - 16px);
    min-height: 536px;
    padding: 64px 32px 64px 0;
  }
  .special__title {
    margin-bottom: 24px;
  }
  .special__text {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .special {
    border-radius: 48px;
  }
  .special::after {
    display: none;
  }
  .special__picture {
    width: 100%;
    position: relative;
    border-radius: 48px;
    margin-bottom: 16px;
  }
  .special__content {
    width: 100%;
    min-height: auto;
    padding: 48px 16px 32px;
  }
  .special__text {
    margin-bottom: 32px;
  }
}
.top {
  color: #fff;
  position: relative;
  border-radius: 0 0 80px 80px;
  overflow: hidden;
}
.top__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.top__picture::after, .top__picture::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.top__picture::after {
  background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.65) 50%, rgb(0, 0, 0) 100%);
  opacity: var(--opacity-gradient);
}
.top__picture::before {
  background-color: #000;
  opacity: var(--opacity-pattern);
}
.top__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top__container {
  padding: 112px 0 40px;
  position: relative;
}
.top__title {
  margin-bottom: 24px;
}
.top__caption {
  font-family: "Unbounded", sans-serif;
  font-weight: 200;
  font-size: 24px;
  display: flex;
  align-items: center;
  opacity: 0.5;
}
.top__caption span {
  height: 1px;
  display: block;
  flex-grow: 1;
  margin-left: 32px;
  background-color: currentColor;
  opacity: 0.5;
}

@media (max-width: 1680px) {
  .top {
    border-radius: 0 0 64px 64px;
  }
  .top__caption {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .top {
    border-radius: 48px;
  }
}
.seo__article {
  grid-column: 2/8;
}

@media (max-width: 1280px) {
  .seo__article {
    grid-column: auto;
  }
}
.s-catalog {
  padding: 80px;
  border-radius: 80px;
  position: relative;
  background-color: #2D3031;
}
.s-catalog::after {
  content: "";
  top: 40px;
  right: 40px;
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  background-color: #FEBE00;
}
.s-catalog__content {
  color: #fff;
  max-width: 48%;
}
.s-catalog__title {
  margin-bottom: 32px;
}
.s-catalog__text {
  margin-bottom: 56px;
}
.s-catalog__actions {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog__picture {
  top: 50%;
  right: 40px;
  width: 52%;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}
.s-catalog__picture::before {
  content: "";
  display: block;
  padding-bottom: 90%;
}
.s-catalog__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

@media (max-width: 1680px) {
  .s-catalog {
    padding: 64px;
    border-radius: 64px;
  }
  .s-catalog::after {
    top: 32px;
    right: 32px;
    width: 64px;
    height: 64px;
  }
  .s-catalog__text {
    margin-bottom: 48px;
  }
  .s-catalog__picture {
    right: 32px;
    width: 52%;
  }
}
@media (max-width: 1280px) {
  .s-catalog {
    padding: 48px;
    border-radius: 56px;
  }
  .s-catalog::after {
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
  }
  .s-catalog__title {
    margin-bottom: 24px;
  }
  .s-catalog__text {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .s-catalog {
    padding: 188px 16px 32px 16px;
    border-radius: 48px;
  }
  .s-catalog::after {
    top: 128px;
    left: 16px;
    right: auto;
    width: 40px;
    height: 40px;
  }
  .s-catalog__content {
    max-width: 100%;
  }
  .s-catalog__title {
    margin-bottom: 16px;
  }
  .s-catalog__text {
    margin-bottom: 32px;
  }
  .s-catalog__picture {
    top: -72px;
    right: 50%;
    width: 320px;
    position: absolute;
    transform: translate(50%, 0);
  }
}
.s-client__items {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.s-client__item {
  color: inherit;
  padding: 64px 80px 40px;
  text-align: center;
  border: 1px solid #DFDFDF;
  border-radius: 80px;
  position: relative;
  overflow: hidden;
}
.s-client__item-logo {
  width: 100%;
  margin-bottom: 40px;
  opacity: 0.5;
}
.s-client__item-title {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 8px;
}
.s-client__item-text {
  color: #6F7171;
  font-size: 16px;
}
.s-client__slider {
  padding: 16px 98px;
  margin-top: 32px;
  border-radius: 80px;
  position: relative;
  border: 1px solid #DFDFDF;
}
.s-client__slide {
  color: inherit;
  padding: 24px 37px;
  background-color: #E9EDEE;
  border-radius: 88px;
}
.s-client__slide-logo {
  width: 100%;
  display: block;
  opacity: 0.5;
}
.s-client__btn {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.s-client__btn_prev {
  left: 40px;
}
.s-client__btn_next {
  right: 40px;
}
.s-client__btn:disabled {
  opacity: 0.15;
}

@media (max-width: 1680px) {
  .s-client__item {
    padding: 48px 40px 32px;
    border-radius: 64px;
  }
  .s-client__item-logo {
    margin-bottom: 24px;
  }
  .s-client__item-title {
    font-size: 20px;
  }
  .s-client__item-text {
    font-size: 14px;
  }
  .s-client__slider {
    padding: 16px 80px;
    border-radius: 64px;
  }
  .s-client__slide {
    padding: 16px 24px;
  }
  .s-client__btn {
    width: 24px;
    height: 24px;
  }
  .s-client__btn_prev {
    left: 32px;
  }
  .s-client__btn_next {
    right: 32px;
  }
}
@media (max-width: 1280px) {
  .s-client__item {
    padding: 40px 24px 32px;
    border-radius: 56px;
  }
  .s-client__item-logo {
    margin-bottom: 16px;
  }
  .s-client__item-title {
    font-size: 16px;
  }
  .s-client__slider {
    border-radius: 56px;
    margin-top: 24px;
  }
  .s-client__slide {
    padding: 16px 20px;
  }
}
@media (max-width: 768px) {
  .s-client__items {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .s-client__item {
    padding: 24px 16px;
    border-radius: 48px;
  }
  .s-client__item-logo {
    max-width: 320px;
  }
  .s-client__slider {
    border-radius: 48px;
  }
}
.s-projects__swiper {
  padding: 0 48px;
  margin: 0 -48px;
}
.s-projects__slide {
  width: auto;
  min-width: 0;
}
.s-projects__slide .project-card {
  width: 640px;
}
.s-projects__prev, .s-projects__next {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}
.s-projects__prev {
  left: 96px;
}
.s-projects__next {
  right: 96px;
}

@media (max-width: 1680px) {
  .s-projects__slide .project-card {
    width: 448px;
  }
}
@media (max-width: 1280px) {
  .s-projects__swiper {
    padding: 0;
    margin: 0;
  }
  .s-projects__wrapper {
    gap: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .s-projects__slide {
    width: auto;
  }
  .s-projects__slide .project-card {
    width: 100%;
  }
  .s-projects__prev, .s-projects__next {
    display: none;
  }
}
@media (max-width: 768px) {
  .s-projects__wrapper {
    grid-template-columns: 1fr;
  }
}
.s-cats__slider {
  margin-bottom: 48px;
}
.s-cats__slide {
  max-width: 620px;
}

@media (max-width: 1680px) {
  .s-cats__slider {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .s-cats__wrapper {
    gap: 32px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .s-cats__slider {
    margin-bottom: 32px;
  }
  .s-cats__wrapper {
    grid-template-columns: 1fr;
  }
}
.s-set__slider {
  position: relative;
}
.s-set__swiper {
  border-radius: 80px;
}
.s-set__picture {
  height: 900px;
  display: block;
  position: relative;
}
.s-set__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
  opacity: 0.5;
}
.s-set__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-set__content {
  color: #fff;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 64px 96px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
}
.s-set__title {
  max-width: 50%;
  margin-bottom: 48px;
}
.s-set__mask {
  color: #F6FAFB;
  right: 0;
  bottom: 0;
  width: 480px;
  height: 160px;
  position: absolute;
  background-color: currentColor;
  border-radius: 80px 0 0 0;
  z-index: 1;
}
.s-set__mask svg {
  width: 80px;
  height: 80px;
  position: absolute;
  fill: currentColor;
}
.s-set__mask svg:first-of-type {
  left: -80px;
  bottom: 0;
}
.s-set__mask svg:last-of-type {
  top: -80px;
  right: 0;
}
.s-set__controls {
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.s-set__btn_more {
  margin-top: 40px;
}

@media (max-width: 1680px) {
  .s-set__swiper {
    border-radius: 64px;
  }
  .s-set__picture {
    height: 620px;
  }
  .s-set__content {
    padding: 64px;
  }
  .s-set__title {
    margin-bottom: 40px;
  }
  .s-set__mask {
    width: 376px;
    height: 136px;
    border-radius: 64px 0 0 0;
  }
  .s-set__mask svg {
    width: 64px;
    height: 64px;
  }
  .s-set__mask svg:first-of-type {
    left: -64px;
  }
  .s-set__mask svg:last-of-type {
    top: -64px;
  }
  .s-set__controls {
    gap: 24px;
  }
}
@media (max-width: 1280px) {
  .s-set__swiper {
    border-radius: 56px;
  }
  .s-set__picture {
    height: 640px;
  }
  .s-set__content {
    padding: 48px 40px;
  }
  .s-set__title {
    max-width: 80%;
    margin-bottom: 32px;
  }
  .s-set__mask {
    width: 296px;
    height: 112px;
    border-radius: 56px 0 0 0;
  }
  .s-set__mask svg {
    width: 56px;
    height: 56px;
  }
  .s-set__mask svg:first-of-type {
    left: -56px;
  }
  .s-set__mask svg:last-of-type {
    top: -56px;
  }
  .s-set__controls {
    gap: 16px;
  }
  .s-set__btn_more {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .s-set__swiper {
    border-radius: 48px;
    margin-bottom: 24px;
  }
  .s-set__picture {
    height: 464px;
  }
  .s-set__content {
    padding: 40px;
  }
  .s-set__title {
    max-width: 100%;
  }
  .s-set__mask {
    display: none;
  }
  .s-set__controls {
    gap: 16px;
    max-width: 272px;
    margin: 0 auto;
    position: relative;
  }
  .s-set__btn_more {
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  .s-set__content {
    padding: 32px 16px 32px 32px;
  }
}
.s-features__items {
  gap: 48px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1680px) {
  .s-features__items {
    gap: 32px;
  }
}
@media (max-width: 1280px) {
  .s-features__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .s-features__items {
    grid-template-columns: 1fr;
  }
}
.s-seo__row {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.s-seo__row:nth-of-type(even) picture {
  order: -1;
}
.s-seo__row:not(:last-of-type) {
  margin-bottom: 96px;
}
.s-seo__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.s-seo__title {
  margin-bottom: 32px;
}
.s-seo__text {
  font-size: 20px;
  line-height: 1.75;
}
.s-seo__picture {
  display: flex;
  border-radius: 80px;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.s-seo__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

@media (max-width: 1680px) {
  .s-seo__row:not(:last-of-type) {
    margin-bottom: 64px;
  }
  .s-seo__text {
    font-size: 16px;
  }
  .s-seo__picture {
    border-radius: 64px;
  }
}
@media (max-width: 1280px) {
  .s-seo__row {
    grid-template-columns: 1fr;
  }
  .s-seo__row:nth-of-type(even) picture {
    order: unset;
  }
  .s-seo__content {
    padding: 0 16px;
  }
  .s-seo__picture {
    border-radius: 56px;
  }
}
@media (max-width: 768px) {
  .s-seo__row:not(:last-of-type) {
    margin-bottom: 48px;
  }
  .s-seo__title {
    margin-bottom: 24px;
  }
  .s-seo__picture {
    border-radius: 48px;
    padding-bottom: 75%;
  }
}
@media (max-width: 600px) {
  .s-seo__content {
    padding: 0 8px;
  }
  .s-seo__picture {
    border-radius: 32px;
  }
}
.s-materials__row:not(:last-of-type) {
  margin-bottom: 160px;
}
.s-materials__body {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.s-materials__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  grid-column: 1/4;
}
.s-materials__title {
  margin-bottom: 24px;
}
.s-materials__images {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column: 4/9;
}
.s-materials__picture {
  position: relative;
  padding-bottom: 75%;
  border-radius: 80px;
  overflow: hidden;
}
.s-materials__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.s-materials__items {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  list-style: none;
  margin-top: 64px;
}
.s-materials__item {
  text-align: center;
  line-height: 1.25;
}
.s-materials__item-picture {
  width: 100%;
  display: block;
  position: relative;
  padding-top: 75%;
  border-radius: 32px;
  overflow: hidden;
  margin-bottom: 8px;
}
.s-materials__item-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-materials__item-value {
  color: #6F7171;
  margin-top: 6px;
}

@media (max-width: 1680px) {
  .s-materials__row:not(:last-of-type) {
    margin-bottom: 120px;
  }
  .s-materials__title {
    margin-bottom: 24px;
  }
  .s-materials__images {
    gap: 24px;
  }
  .s-materials__picture {
    border-radius: 64px;
  }
  .s-materials__items {
    gap: 32px 24px;
    margin-top: 48px;
  }
  .s-materials__item-picture {
    border-radius: 24px;
  }
}
@media (max-width: 1280px) {
  .s-materials__row:not(:last-of-type) {
    margin-bottom: 80px;
  }
  .s-materials__body {
    grid-template-columns: 1fr;
  }
  .s-materials__content {
    padding: 0 16px;
  }
  .s-materials__content, .s-materials__images {
    grid-column: auto;
  }
  .s-materials__picture {
    border-radius: 56px;
  }
  .s-materials__items {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 768px) {
  .s-materials__row:not(:last-of-type) {
    margin-bottom: 56px;
  }
  .s-materials__content {
    padding: 0 8px;
  }
  .s-materials__images {
    grid-template-columns: 1fr;
  }
  .s-materials__picture {
    border-radius: 48px;
  }
  .s-materials__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .s-materials__picture {
    border-radius: 32px;
  }
  .s-materials__items {
    gap: 24px 16px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
  }
}
.s-partners__title {
  margin-bottom: 80px;
}
.s-partners__row:not(:last-of-type) {
  margin-bottom: 120px;
}
.s-partners__top {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin-bottom: 64px;
}
.s-partners__logo {
  width: 100%;
  grid-column: 1/3;
  opacity: 0.5;
}
.s-partners__text {
  grid-column: 4/7;
}
.s-partners .project-card:not(:last-of-type) {
  margin-bottom: 64px;
}

@media (max-width: 1680px) {
  .s-partners__title {
    margin-bottom: 40px;
  }
  .s-partners__row:not(:last-of-type) {
    margin-bottom: 80px;
  }
  .s-partners__top {
    margin-bottom: 40px;
  }
  .s-partners__text {
    grid-column: 4/8;
  }
  .s-partners .project-card:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .s-partners__top {
    gap: 24px;
    grid-template-columns: repeat(6, 1fr);
  }
  .s-partners__logo {
    grid-column: 1/3;
  }
  .s-partners__text {
    grid-column: 4/7;
  }
  .s-partners .project-card:not(:last-of-type) {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .s-partners__title {
    padding: 0 16px;
    margin-bottom: 32px;
  }
  .s-partners__row:not(:last-of-type) {
    margin-bottom: 56px;
  }
  .s-partners__top {
    padding: 0 16px;
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }
  .s-partners__logo {
    max-width: 280px;
  }
  .s-partners__logo, .s-partners__text {
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .s-partners__title, .s-partners__top {
    padding: 0 8px;
  }
}
.s-collections__row:not(:last-of-type) {
  margin-bottom: 120px;
}
.s-collections__top {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin-bottom: 64px;
}
.s-collections__name {
  grid-column: 2/5;
}
.s-collections__name-label {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #6F7171;
  font-size: 24px;
  margin-bottom: 8px;
}
.s-collections__text {
  grid-column: 5/8;
}
.s-collections__items {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.s-collections__item {
  overflow: hidden;
  border-radius: 80px;
  position: relative;
  padding-top: 89.29%;
}
.s-collections__item.is_large {
  padding-top: 43.86%;
  grid-column: span 2;
}
.s-collections__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.s-collections__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1680px) {
  .s-collections__row:not(:last-of-type) {
    margin-bottom: 80px;
  }
  .s-collections__top {
    gap: 24px;
    margin-bottom: 40px;
  }
  .s-collections__name-label {
    font-size: 20px;
  }
  .s-collections__text {
    grid-column: 5/9;
  }
  .s-collections__items {
    gap: 24px;
  }
  .s-collections__item {
    border-radius: 64px;
  }
}
@media (max-width: 1280px) {
  .s-collections__name {
    grid-column: 1/5;
  }
  .s-collections__name-label {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .s-collections__item {
    border-radius: 56px;
  }
}
@media (max-width: 768px) {
  .s-collections__row:not(:last-of-type) {
    margin-bottom: 56px;
  }
  .s-collections__top {
    padding: 0 16px;
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }
  .s-collections__name, .s-collections__text {
    grid-column: auto;
  }
  .s-collections__items {
    grid-template-columns: 1fr;
  }
  .s-collections__item {
    padding-top: 75%;
    border-radius: 48px;
  }
  .s-collections__item.is_large {
    padding-top: 75%;
    grid-column: auto;
  }
}
@media (max-width: 600px) {
  .s-collections__top {
    padding: 0 8px;
  }
  .s-collections__item {
    border-radius: 32px;
  }
}
.s-products__slider {
  margin-bottom: 48px;
}
.s-products__slide {
  height: auto;
  max-width: 456px;
}

@media (max-width: 1680px) {
  .s-products__slider {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .s-products__wrapper {
    gap: 32px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .s-products__slide {
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .s-products__slider {
    margin-bottom: 32px;
  }
  .s-products__wrapper {
    grid-template-columns: 1fr;
  }
}
.s-feedstock__middle {
  gap: 32px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 80px;
}
.s-feedstock__btn {
  margin: 0 auto;
  max-width: 640px;
}
.s-feedstock__block {
  padding: 80px 0;
  border-radius: 80px;
  background-color: #E9EDEE;
  display: flex;
  align-items: center;
  position: relative;
}
.s-feedstock__block:not(:last-of-type) {
  margin-bottom: 80px;
}
.s-feedstock__block:nth-of-type(even) {
  flex-direction: row-reverse;
}
.s-feedstock__block:nth-of-type(even)::after {
  left: 40px;
  right: auto;
  background-color: #2D3031;
}
.s-feedstock__block:nth-of-type(even) .s-feedstock__col_info {
  padding: 0 0 0 96px;
}
.s-feedstock__block::after {
  content: "";
  right: 40px;
  bottom: 40px;
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  background-color: #FEBE00;
}
.s-feedstock__block-title {
  margin-bottom: 40px;
}
.s-feedstock__block-actions {
  display: flex;
  margin-top: 56px;
}
.s-feedstock__col {
  width: 50%;
}
.s-feedstock__col_info {
  padding: 0 96px 0 0;
}
.s-feedstock__sample {
  color: #fff;
  width: 76%;
  height: 192px;
  margin: 0 auto 32px;
  border-radius: 64px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.s-feedstock__sample::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.5;
}
.s-feedstock__sample img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-feedstock__sample span {
  z-index: 1;
  position: relative;
}
.s-feedstock__picture {
  width: 76%;
  height: 516px;
  margin: 0 auto;
  border-radius: 64px;
  overflow: hidden;
  display: block;
}
.s-feedstock__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1680px) {
  .s-feedstock__middle {
    margin-bottom: 48px;
  }
  .s-feedstock__btn {
    margin: 0 auto;
    max-width: 512px;
  }
  .s-feedstock__block {
    padding: 64px 0;
    border-radius: 64px;
  }
  .s-feedstock__block:not(:last-of-type) {
    margin-bottom: 48px;
  }
  .s-feedstock__block:nth-of-type(even) .s-feedstock__col_info {
    padding: 0 0 0 56px;
  }
  .s-feedstock__block::after {
    display: none;
  }
  .s-feedstock__block-title {
    margin-bottom: 32px;
  }
  .s-feedstock__block-actions {
    margin-top: 40px;
  }
  .s-feedstock__col_info {
    padding: 0 56px 0 0;
  }
  .s-feedstock__sample {
    height: 128px;
    margin: 0 auto 24px;
    border-radius: 48px;
  }
  .s-feedstock__picture {
    height: 384px;
    border-radius: 48px;
  }
}
@media (max-width: 1280px) {
  .s-feedstock__middle {
    gap: 24px;
    grid-template-columns: 100%;
  }
  .s-feedstock__actions {
    order: -1;
  }
  .s-feedstock__btn {
    margin: 0;
  }
  .s-feedstock__block {
    gap: 40px;
    padding: 48px 32px;
    border-radius: 56px;
    flex-direction: column;
  }
  .s-feedstock__block:nth-of-type(even) {
    flex-direction: column;
  }
  .s-feedstock__block:nth-of-type(even) .s-feedstock__col_info {
    padding: 0;
  }
  .s-feedstock__block-title {
    margin-bottom: 24px;
  }
  .s-feedstock__col {
    width: 100%;
  }
  .s-feedstock__col_info {
    padding: 0;
  }
  .s-feedstock__sample {
    width: 100%;
    border-radius: 32px;
  }
  .s-feedstock__picture {
    width: 100%;
    height: 400px;
    margin: 0;
    border-radius: 32px;
  }
}
@media (max-width: 768px) {
  .s-feedstock__middle {
    gap: 24px;
    grid-template-columns: 100%;
  }
  .s-feedstock__actions {
    order: -1;
  }
  .s-feedstock__text {
    padding: 0 16px;
  }
  .s-feedstock__btn {
    margin: 0;
    max-width: 100%;
  }
  .s-feedstock__block {
    gap: 32px;
    padding: 40px 16px;
    border-radius: 48px;
  }
}
@media (max-width: 600px) {
  .s-feedstock__middle {
    gap: 16px;
    margin-bottom: 32px;
  }
  .s-feedstock__text {
    padding: 0 8px;
  }
  .s-feedstock__block {
    gap: 24px;
    padding: 32px 16px;
    border-radius: 32px;
  }
  .s-feedstock__block-title {
    margin-bottom: 16px;
  }
  .s-feedstock__block-actions {
    margin-top: 32px;
  }
  .s-feedstock__sample {
    height: 88px;
    margin: 0 0 8px 0;
    border-radius: 24px;
  }
  .s-feedstock__picture {
    height: 256px;
    border-radius: 24px;
  }
}
.s-feedback {
  gap: 32px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(8, 1fr);
  border: 1px solid #DFDFDF;
  border-radius: 80px;
  min-height: 576px;
}
.s-feedback__picture {
  display: flex;
  border-radius: 80px;
  grid-column: span 2;
  overflow: hidden;
  height: 100%;
}
.s-feedback__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-feedback__body {
  grid-column: span 6;
  padding: 80px 64px;
}
.s-feedback__title {
  margin-bottom: 32px;
}
.s-feedback__text {
  font-size: 24px;
  line-height: 1.75;
  margin-bottom: 48px;
  max-width: 90%;
}

.feedback-form__dropz {
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  gap: 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 48px 24px;
  border-radius: 32px;
  border: 2px dashed #009EFA;
}
.feedback-form__dropz:hover {
  border-style: solid;
}
.feedback-form__dropz span {
  width: 80px;
  height: 64px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA2NCI+DQogIDxwYXRoIGZpbGw9IiMwMDlFRkEiIGQ9Ik02OC40NSwxOS44MUM2Ni4wMiw4LjI2LDU1LjkxLDAsNDQsMGMtMTEuMDksMC0yMC45Myw3LjQ4LTI0LDE4aC0uMjNDOC44NywxOCwwLDI2Ljg3LDAsMzcuNzd2LjQ2YzAsMTAuOSw4Ljg3LDE5Ljc3LDE5Ljc3LDE5Ljc3aDguMjNjMS4xLDAsMi0uOSwyLTJzLS45LTItMi0yaC04LjIzYy04LjcsMC0xNS43Ny03LjA3LTE1Ljc3LTE1Ljc3di0uNDZjMC04LjcsNy4wNy0xNS43NywxNS43Ny0xNS43N2gxLjc4Yy45NCwwLDEuNzUtLjY1LDEuOTUtMS41NywyLjExLTkuNTIsMTAuNzMtMTYuNDMsMjAuNS0xNi40MywxMC4zMiwwLDE5LjAzLDcuMzgsMjAuNzEsMTcuNTYsLjExLC43LC41OSwxLjI4LDEuMjUsMS41NCw2LjEsMi4zOCwxMC4wNSw4LjE0LDEwLjA1LDE0LjY4di40NmMwLDguNy03LjA3LDE1Ljc3LTE1Ljc3LDE1Ljc3aC04LjIzYy0xLjEsMC0yLC45LTIsMnMuOSwyLDIsMmg4LjIzYzEwLjksMCwxOS43Ny04Ljg3LDE5Ljc3LTE5Ljc3di0uNDZjMC03LjgyLTQuNS0xNC43NS0xMS41NS0xNy45NloiLz4NCiAgPHBhdGggZmlsbD0iIzAwOUVGQSIgZD0iTTQ5LjksMzkuMDdsLTguNDgtOC40OGMtLjE4LS4xOC0uNC0uMzItLjYyLS40MmgtLjAyYy0uMTEtLjA1LS4yMS0uMDgtLjMzLS4xMS0uMDIsMC0uMDMtLjAxLS4wNS0uMDItLjEzLS4wMy0uMjYtLjA0LS40LS4wNGgwcy0uMDUsMC0uMDgsMGMtLjEsMC0uMjEsLjAxLS4zMSwuMDMtLjA5LC4wMi0uMTgsLjA1LS4yNywuMDgtLjAzLC4wMS0uMDcsLjAyLS4xLC4wMy0uMjYsLjExLS40OSwuMjctLjY5LC40N2wtOC40Niw4LjQ1Yy0uNzgsLjc4LS43OCwyLjA1LDAsMi44MywuNzgsLjc4LDIuMDUsLjc4LDIuODMsMGw1LjA3LTUuMDd2MjUuMTdjMCwxLjEsLjksMiwyLDJzMi0uOSwyLTJ2LTI1LjE4bDUuMDcsNS4wN2MuMzksLjM5LC45LC41OSwxLjQxLC41OXMxLjAyLS4yLDEuNDEtLjU5Yy43OC0uNzgsLjc4LTIuMDUsMC0yLjgzWiIvPg0KPC9zdmc+");
}
.feedback-form__wrap {
  gap: 40px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.feedback-form__upload {
  color: #6F7171;
  gap: 16px;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  padding: 27px 40px;
  background-color: #fff;
  border: 1px solid #E9EDEE;
  border-radius: 40px;
  transition: border-color 0.25s ease, color 0.25s ease;
}
.feedback-form__upload:hover {
  color: #009EFA;
  border-color: #009EFA;
}
.feedback-form__upload svg {
  fill: currentColor;
}
.feedback-form__policy {
  color: #6F7171;
  font-size: 16px;
  grid-column: span 2;
  display: flex;
  align-items: center;
}
.feedback-form__policy p {
  max-width: 480px;
}
.feedback-form__policy a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 1680px) {
  .s-feedback {
    border-radius: 64px;
    min-height: 448px;
  }
  .s-feedback__picture {
    border-radius: 64px;
  }
  .s-feedback__body {
    padding: 64px 32px 64px 0;
  }
  .s-feedback__title {
    margin-bottom: 24px;
  }
  .s-feedback__text {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .feedback-form__dropz {
    gap: 16px;
    padding: 32px 16px;
    border-radius: 24px;
  }
  .feedback-form__wrap {
    gap: 32px 24px;
  }
  .feedback-form__upload {
    gap: 12px;
    font-size: 16px;
    line-height: 1.5;
    padding: 19px 32px;
  }
  .feedback-form__upload svg {
    width: 16px;
    height: 16px;
  }
  .feedback-form__policy {
    font-size: 14px;
  }
  .feedback-form__policy p {
    max-width: 440px;
  }
}
@media (max-width: 1280px) {
  .s-feedback {
    border-radius: 56px;
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .s-feedback__picture {
    display: none;
  }
  .s-feedback__body {
    grid-column: auto;
    padding: 48px 32px;
  }
  .s-feedback__text {
    font-size: 16px;
  }
  .feedback-form__wrap {
    gap: 32px 24px;
  }
}
@media (max-width: 768px) {
  .s-feedback {
    border-radius: 48px;
  }
  .s-feedback__body {
    padding: 40px 16px;
  }
  .feedback-form__wrap {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .feedback-form__upload {
    width: 100%;
  }
  .feedback-form__policy {
    text-align: center;
    grid-column: auto;
  }
  .feedback-form__policy p {
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .s-feedback {
    border-radius: 32px;
  }
  .s-feedback__body {
    padding: 40px 16px;
  }
  .s-feedback__title {
    margin-bottom: 16px;
  }
}
.s-news__slider {
  margin-bottom: 48px;
}
.s-news__slide {
  height: auto;
}
.s-news .news-card {
  height: 100%;
}

@media (max-width: 1680px) {
  .s-news__slider {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .s-news__wrapper {
    gap: 32px 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .s-news__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .s-news__slider {
    margin-bottom: 32px;
  }
  .s-news__wrapper {
    grid-template-columns: 1fr;
  }
}
.s-accent {
  gap: 64px;
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 32%;
}
.s-accent__body {
  top: 160px;
  position: sticky;
  min-width: 0;
}
.s-accent__aside {
  gap: 56px;
  display: grid;
}

.swiper-accent {
  height: calc(100vh - 208px);
}
.swiper-accent__slide {
  color: #fff;
  display: flex;
}
.swiper-accent__picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.swiper-accent__picture::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(75deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-accent__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-accent__content {
  z-index: 1;
  padding: 56px 80px;
  position: relative;
  margin-top: auto;
}
.swiper-accent__title {
  margin-bottom: 40px;
}
.accent-card {
  color: #282A32;
  display: block;
  background-color: #fff;
}
.accent-card__head {
  gap: 24px;
  display: grid;
  justify-items: start;
  padding: 56px 24px 48px 48px;
}
.accent-card__text {
  font-size: 20px;
  max-width: 400px;
}
.accent-card__body {
  margin-bottom: -2px;
}
.accent-card__picture {
  display: block;
  position: relative;
  padding-top: 66.66%;
  overflow: hidden;
}
.accent-card__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

.accent-form {
  color: #fff;
  display: block;
  background: linear-gradient(30deg, #009EFA, #3BB7FF);
}
.accent-form__head {
  gap: 24px;
  display: grid;
  justify-items: start;
  padding: 56px 24px 48px 48px;
}
.accent-form__body {
  padding: 80px 48px 56px;
  background-color: #fff;
  border-radius: inherit;
  margin-bottom: -2px;
}

@media (max-width: 1680px) {
  .s-accent {
    gap: 32px;
  }
  .s-accent__body {
    top: 128px;
  }
  .s-accent__aside {
    gap: 32px;
  }
  .swiper-accent {
    height: calc(100vh - 144px);
  }
  .swiper-accent__content {
    padding: 40px 32px;
  }
  .swiper-accent__title {
    margin-bottom: 32px;
  }
  .accent-card__head {
    gap: 16px;
    padding: 40px 16px 32px 32px;
  }
  .accent-card__text {
    font-size: 16px;
  }
  .accent-form__head {
    gap: 16px;
    padding: 40px 16px 32px 32px;
  }
  .accent-form__body {
    padding: 40px 32px;
  }
}
@media (max-width: 1280px) {
  .s-accent {
    gap: 32px;
    grid-template-columns: 1fr;
  }
  .s-accent__body {
    top: auto;
    position: relative;
  }
  .swiper-accent {
    height: 480px;
  }
  .swiper-accent__content {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .accent-card__picture {
    padding: 0;
    height: 480px;
  }
  .accent-card__head,
  .accent-form__head {
    text-align: center;
    justify-items: center;
  }
}
@media (max-width: 768px) {
  .s-accent {
    gap: 24px;
  }
  .swiper-accent__content {
    padding: 32px 16px;
  }
  .swiper-accent__title {
    margin-bottom: 24px;
  }
  .accent-card__head {
    padding: 32px 16px 24px;
  }
  .accent-card__picture {
    height: 320px;
  }
  .accent-form__head {
    padding: 32px 16px 24px;
  }
  .accent-form__body {
    padding: 32px 16px 24px;
  }
}
.fs-dealer__head {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 120px 0 80px;
}
.fs-dealer__emoji {
  width: 128px;
  height: 128px;
  margin-bottom: 32px;
}
.fs-dealer__title {
  max-width: 1360px;
  margin-bottom: 32px;
}
.fs-dealer__text {
  color: #6F7171;
  max-width: 720px;
}
.fs-dealer__body {
  margin-bottom: 64px;
}
.fs-dealer__footer {
  display: flex;
  justify-content: center;
}
.fs-dealer__btn {
  padding: 40px 88px;
  border-radius: 64px;
}

@media (max-width: 1680px) {
  .fs-dealer__head {
    padding: 80px 0 40px;
  }
  .fs-dealer__emoji {
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
  }
  .fs-dealer__title {
    max-width: 928px;
    margin-bottom: 24px;
  }
  .fs-dealer__text {
    max-width: 480px;
  }
  .fs-dealer__body {
    margin-bottom: 40px;
  }
  .fs-dealer__btn {
    padding: 32px 64px;
  }
}
@media (max-width: 768px) {
  .fs-dealer__head {
    padding: 64px 0 32px;
  }
  .fs-dealer__emoji {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
  }
  .fs-dealer__title {
    max-width: 100%;
    margin-bottom: 16px;
  }
  .fs-dealer__text {
    max-width: 100%;
  }
  .fs-dealer__body {
    margin-bottom: 32px;
  }
  .fs-dealer__btn {
    padding: 24px 48px;
  }
}
.sd-gain__title {
  margin: 0 auto;
  text-align: center;
}
.sd-gain__body {
  gap: 40px 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.sd-gain__card {
  padding: 56px 96px;
  text-align: center;
  background-color: #fff;
  border-radius: 80px;
}
.sd-gain__card-image {
  width: 128px;
  height: 128px;
  margin-bottom: 24px;
}
.sd-gain__card-title {
  margin-bottom: 24px;
}
.sd-gain__card-text {
  color: #6F7171;
}

@media (max-width: 1680px) {
  .sd-gain__card {
    padding: 32px 32px 40px;
    border-radius: 64px;
  }
  .sd-gain__card-image {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }
  .sd-gain__card-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 1280px) {
  .sd-gain__body {
    grid-template-columns: 1fr;
  }
  .sd-gain__card {
    border-radius: 56px;
  }
  .sd-gain__card-image {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 768px) {
  .sd-gain__body {
    gap: 32px;
  }
  .sd-gain__card {
    padding: 24px 24px 32px;
    border-radius: 48px;
  }
  .sd-gain__card-image, .sd-gain__card-title {
    margin-bottom: 8px;
  }
}
.sd-design__title {
  margin: 0 auto;
}

.sd-person__body {
  gap: 6%;
  display: grid;
  align-items: center;
  grid-template-columns: 38% 1fr;
  padding: 32px 128px;
  background-color: #E9EDEE;
  border-radius: 80px;
}
.sd-person__person {
  overflow: hidden;
  border-radius: 64px;
  position: relative;
  padding-top: 125%;
}
.sd-person__person-picture {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.sd-person__person-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sd-person__person-info {
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  margin: 24px;
  border-radius: 40px;
  padding: 20px 24px 20px;
}
.sd-person__person-name {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 8px;
  line-height: 1.25;
}
.sd-person__person-post {
  opacity: 0.5;
  font-size: 20px;
}
.sd-person__main {
  padding: 32px 0;
}
.sd-person__title {
  gap: 16px;
  display: grid;
  margin-bottom: 40px;
}
.sd-person__title span:not(.title) {
  font-size: 32px;
  line-height: 1.25;
}
.sd-person__actions {
  display: flex;
  margin-top: 56px;
}

@media (max-width: 1680px) {
  .sd-person__body {
    gap: 4%;
    padding: 32px 64px 32px 32px;
    border-radius: 64px;
  }
  .sd-person__person {
    border-radius: 48px;
  }
  .sd-person__person-info {
    margin: 16px;
    padding: 16px;
    border-radius: 32px;
  }
  .sd-person__person-name {
    font-size: 24px;
  }
  .sd-person__person-post {
    font-size: 16px;
  }
  .sd-person__title span:not(.title) {
    font-size: 24px;
  }
  .sd-person__actions {
    margin-top: 48px;
  }
}
@media (max-width: 1280px) {
  .sd-person__body {
    gap: 40px;
    text-align: center;
    padding: 32px 32px 48px;
    border-radius: 56px;
    grid-template-columns: 1fr;
  }
  .sd-person__main {
    padding: 0;
  }
  .sd-person__title {
    margin-bottom: 32px;
  }
  .sd-person__title span:not(.title) {
    font-size: 20px;
  }
  .sd-person__actions {
    margin-top: 40px;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .sd-person__title {
    margin-bottom: 24px;
  }
  .sd-person__title span:not(.title) {
    font-size: 16px;
  }
  .sd-person__actions {
    margin-top: 32px;
  }
}
@media (max-width: 600px) {
  .sd-person__body {
    gap: 32px;
    padding: 32px 8px 48px;
    border-radius: 48px;
  }
  .sd-person__person {
    border-radius: 32px;
  }
  .sd-person__person-info {
    margin: 16px 8px;
    padding: 16px;
    border-radius: 24px;
  }
  .sd-person__person-name {
    font-size: 20px;
  }
  .sd-person__person-post {
    font-size: 14px;
  }
}
.sd-form__title {
  margin: 0 auto;
}
.sd-form__body {
  margin: 0 auto;
  width: 50%;
}
.sd-form__success {
  gap: 24px;
  width: 35%;
  margin: 0 auto;
  padding: 48px 40px 64px;
  border: 1px solid #DFDFDF;
  border-radius: 80px;
  display: none;
}
.sd-form__success-title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 16px;
  text-align: center;
}
.sd-form__wrap {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.sd-form__group-company, .sd-form__group-business, .sd-form__group-message, .sd-form__group-submit, .sd-form__group-policy {
  grid-column: span 2;
}
.sd-form__group-submit {
  display: flex;
  justify-content: center;
}
.sd-form__group-policy {
  color: #6F7171;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.sd-form__group-policy p {
  max-width: 480px;
  text-align: center;
}
.sd-form__group-policy a {
  color: inherit;
  text-decoration: underline;
}
.sd-form__submit {
  width: auto;
}

@media (max-width: 1680px) {
  .sd-form__success {
    gap: 16px;
    padding: 40px 32px 48px;
    border-radius: 64px;
  }
  .sd-form__success-title {
    font-size: 24px;
  }
  .sd-form__wrap {
    gap: 24px;
  }
  .sd-form__group-policy {
    font-size: 14px;
  }
  .sd-form__group-policy p {
    max-width: 448px;
  }
}
@media (max-width: 1280px) {
  .sd-form__body {
    width: 80%;
  }
  .sd-form__success {
    width: 50%;
    border-radius: 56px;
  }
}
@media (max-width: 768px) {
  .sd-form__body {
    width: 100%;
    padding: 0 8px;
  }
  .sd-form__success {
    width: 50%;
    padding: 40px 24px 48px;
  }
  .sd-form__success-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .sd-form__wrap {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .sd-form__group-company, .sd-form__group-business, .sd-form__group-message, .sd-form__group-submit, .sd-form__group-policy {
    grid-column: auto;
  }
  .sd-form__submit {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .sd-form__body {
    width: 100%;
    padding: 0 8px;
  }
  .sd-form__success {
    width: 100%;
    padding: 32px 16px 40px;
    border-radius: 48px;
  }
}
.catalog__top {
  margin-bottom: 40px;
}
.catalog__tags-slide {
  width: auto;
}
.catalog__body {
  gap: 48px 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin-top: 64px;
}
.catalog__sidebar {
  grid-column: 1/3;
}
.catalog__cats {
  padding-right: 32px;
}
.catalog__content {
  grid-column: 3/9;
}
.catalog__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.catalog__item {
  width: 33.33%;
  padding: 0 16px;
  margin-bottom: 64px;
  animation: gmaf-fade 0.5s ease;
}
.catalog__controls {
  width: 100%;
  padding: 0 16px;
}
.catalog__seo {
  margin-top: 160px;
}

@media (max-width: 1680px) {
  .catalog__top {
    margin-bottom: 32px;
  }
  .catalog__body {
    margin-top: 48px;
  }
  .catalog__cats {
    padding-right: 0;
  }
  .catalog__item {
    margin-bottom: 48px;
  }
  .catalog__seo {
    margin-top: 120px;
  }
}
@media (max-width: 1280px) {
  .catalog__top {
    margin-bottom: 24px;
  }
  .catalog__body {
    grid-template-columns: 1fr;
  }
  .catalog__sidebar, .catalog__content {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .catalog__body {
    gap: 40px 32px;
    margin-top: 40px;
  }
  .catalog__list {
    margin: 0 -8px;
  }
  .catalog__item {
    width: 50%;
    padding: 0 8px;
  }
  .catalog__controls {
    padding: 0 8px;
  }
}
@media (max-width: 600px) {
  .catalog__item {
    width: 100%;
  }
  .catalog__seo {
    margin-top: 80px;
  }
}
.product__header {
  display: none;
  padding: 0 16px;
  margin-bottom: 32px;
}
.product__body {
  gap: 24px 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.product__content {
  grid-column: 1/6;
  padding-right: 32px;
}
.product__preview {
  animation: gmaf-fade 0.5s ease;
}
.product__sidebar {
  grid-column: 6/9;
}
.product__info {
  padding-top: 24px;
}
.product__stickers {
  margin-bottom: 24px;
}
.product__skuseries {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #282A32;
  font-size: 20px;
  gap: 8px 24px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.product__skuseries a {
  color: #009EFA;
  transition: color 0.25s;
}
.product__skuseries a:hover {
  color: #3BB7FF;
}
.product__skuseries a, .product__skuseries span {
  font-weight: 400;
  text-transform: uppercase;
}
.product__stock {
  color: #009EFA;
}
.product__stock span {
  font-weight: 600;
}
.product__title {
  margin-bottom: 24px;
}
.product__price {
  margin-bottom: 16px;
}
.product__options {
  margin-bottom: 32px;
}
.product__actions {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 56px;
}
.product__builder {
  margin-top: 160px;
}

.product-files {
  overflow: hidden;
  padding: 64px 48px;
  margin-bottom: 56px;
  border-radius: 80px;
  background-color: #fff;
}
.product-files__head {
  margin-bottom: 32px;
}
.product-files__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
}
.product-files__swiper {
  overflow: visible;
}
.product-files__slide {
  width: 100%;
  max-width: calc((100% - 48px) / 4);
  transition: opacity 0.25s;
}
.product-files__slide:hover {
  opacity: 0.5;
}
.product-files__slide span {
  display: block;
  padding-top: 20%;
  padding-left: 15%;
  aspect-ratio: 130/160;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzAgMTYwIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmUiIGQ9Ik0wIDBoMTMwdjE2MEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNhKSI+PHBhdGggZD0iTTMxIDFoNjhjMTYuNTcgMCAzMCAxMy40MyAzMCAzMHY2Ny41N2MwIDcuOTYtMy4xNiAxNS41OS04Ljc5IDIxLjIxbC0zMC40MyAzMC40M0EyOS45OTcgMjkuOTk3IDAgMCAxIDY4LjU3IDE1OUgzMWMtMTYuNTcgMC0zMC0xMy40My0zMC0zMFYzMUMxIDE0LjQzIDE0LjQzIDEgMzEgMXptODggMTAwSDk1Yy0xMy4yNSAwLTI0IDEwLjc1LTI0IDI0djI0IiBzdHlsZT0ic3Ryb2tlOiNlMWU0ZTY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLXdpZHRoOjJweDtmaWxsOm5vbmUiLz48L2c+PC9zdmc+");
  background-size: cover;
}

@media (max-width: 1680px) {
  .product__info {
    padding-top: 0;
  }
  .product__content {
    padding-right: 24px;
  }
  .product__stickers {
    margin-bottom: 16px;
  }
  .product__skuseries {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .product__title {
    margin-bottom: 16px;
  }
  .product__price {
    margin-bottom: 8px;
  }
  .product__options {
    margin-bottom: 16px;
  }
  .product__actions {
    margin-bottom: 40px;
  }
  .product__builder {
    margin-top: 120px;
  }
  .product-files {
    padding: 48px 32px;
    margin-bottom: 40px;
    border-radius: 64px;
  }
  .product-files__head {
    margin-bottom: 24px;
  }
  .product-files__title {
    font-size: 24px;
  }
  .product-files__slide {
    max-width: calc((100% - 24px) / 4);
  }
  .product-files__slide span {
    font-size: 18px;
  }
}
@media (max-width: 1280px) {
  .product__header {
    display: block;
  }
  .product__body {
    grid-template-columns: 100%;
  }
  .product__content {
    grid-column: auto;
    padding-right: 0;
  }
  .product__sidebar {
    grid-column: auto;
  }
  .product__options {
    margin-bottom: 16px;
  }
  .product__action {
    width: calc(50% - 12px);
  }
  .product__builder {
    margin-top: 80px;
  }
  .product-files__slide {
    max-width: 96px;
  }
  .product-files__slide:hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .product__header {
    margin-bottom: 24px;
  }
  .product__actions {
    gap: 16px;
  }
  .product__action {
    width: calc(50% - 8px);
  }
  .product__builder {
    margin-top: 56px;
  }
}
@media (max-width: 600px) {
  .product__header {
    padding: 0 8px;
    margin-bottom: 16px;
  }
  .product__body {
    gap: 16px;
  }
  .product__actions {
    margin-bottom: 32px;
  }
  .product__action {
    width: 100%;
  }
  .product-files {
    padding: 32px 16px;
    margin-bottom: 32px;
    border-radius: 32px;
  }
  .product-files__title {
    font-size: 16px;
  }
  .product-files__head {
    margin-bottom: 16px;
  }
  .product-files__slide {
    max-width: calc((100% - 24px) / 4);
  }
  .product-files__slide span {
    font-size: 16px;
  }
}
.project__title {
  margin-bottom: 48px;
}
.project__features {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 64px;
}
.project__gallery {
  margin-bottom: 120px;
}
.project__builder {
  margin-bottom: 120px;
}
.project__seo {
  margin-bottom: 120px;
}
.project__seo-article {
  grid-column: span 6;
}

@media (max-width: 1280px) {
  .project__features {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 48px;
  }
  .project__seo-article {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .project__title {
    padding: 0 16px;
  }
  .project__features {
    padding: 0 16px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .project__title {
    padding: 0 8px;
    margin-bottom: 32px;
  }
  .project__features {
    gap: 24px;
    padding: 0 8px;
    margin-bottom: 32px;
  }
  .project__gallery, .project__builder, .project__seo {
    margin-bottom: 96px;
  }
}
.archive__caption {
  margin-top: 24px;
}
.archive__tags {
  margin-top: 40px;
}
.archive__body {
  gap: 48px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 64px;
}
.archive__body .project-card:nth-child(4n+2), .archive__body .project-card:nth-child(4n+3) {
  grid-column: span 2;
}
.archive__controls {
  grid-column: span 3;
}

@media (max-width: 1680px) {
  .archive__tags {
    margin-top: 24px;
  }
  .archive__body {
    margin-top: 48px;
  }
}
@media (max-width: 1280px) {
  .archive__body {
    grid-template-columns: repeat(2, 1fr);
  }
  .archive__body .project-card:nth-child(4n+2), .archive__body .project-card:nth-child(4n+3) {
    grid-column: auto;
  }
  .archive__controls {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .archive__tags {
    margin-top: 24px;
  }
  .archive__body {
    gap: 40px;
    margin-top: 40px;
    grid-template-columns: 100%;
  }
  .archive__controls {
    grid-column: auto;
  }
}
.news__tags {
  display: flex;
  margin-bottom: 32px;
}
.news__title {
  margin-bottom: 40px;
}
.news__info {
  color: #6F7171;
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0 40px;
  border-top: 1px solid #E9EDEE;
}
.news__reading {
  gap: 16px;
  display: flex;
  align-items: center;
}
.news__reading svg {
  fill: currentColor;
}
.news__date {
  margin-left: auto;
}
.news__picture {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 80px;
  overflow: hidden;
  margin-bottom: 160px;
}
.news__picture img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.news__body {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.news__article {
  grid-column: 1/6;
}
.news__sidebar {
  grid-column: 6/9;
}

@media (max-width: 1680px) {
  .news__tags {
    margin-bottom: 24px;
  }
  .news__title {
    max-width: 90%;
    margin-bottom: 32px;
  }
  .news__info {
    font-size: 16px;
    padding: 24px 0 32px;
  }
  .news__reading {
    gap: 8px;
  }
  .news__reading svg {
    width: 24px;
    height: 24px;
  }
  .news__picture {
    border-radius: 64px;
    margin-bottom: 120px;
  }
  .news__body {
    margin-bottom: 120px;
  }
}
@media (max-width: 1280px) {
  .news__picture {
    margin-bottom: 80px;
  }
  .news__body {
    gap: 80px;
    grid-template-columns: 1fr;
    margin-bottom: 80px;
  }
  .news__article, .news__sidebar {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .news__info {
    font-size: 14px;
    padding: 16px 0 24px;
  }
  .news__picture {
    border-radius: 32px;
    margin-bottom: 56px;
  }
  .news__body {
    gap: 56px;
    margin-bottom: 56px;
  }
}
@media (max-width: 600px) {
  .news__picture {
    padding-bottom: 75%;
  }
}
.contacts__title {
  margin-bottom: 48px;
}
.contacts__body {
  gap: 40px 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.contacts__requisites {
  grid-column: span 2;
}

.office {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-radius: 80px;
  border: 1px solid #DFDFDF;
}
.office__header {
  padding: 64px 64px 48px;
  position: relative;
}
.office__header::after {
  content: "";
  left: 64px;
  right: 64px;
  bottom: 0;
  height: 1px;
  display: block;
  position: absolute;
  background-color: #DFDFDF;
}
.office__title {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.25;
}
.office__body {
  flex-grow: 1;
  padding: 48px 64px 80px;
}
.office__item:not(:last-of-type) {
  margin-bottom: 48px;
}
.office__item > div:not(:last-of-type) {
  margin-bottom: 8px;
}
.office__item-top, .office__item-bottom {
  font-family: "Roboto Flex";
  font-weight: 600;
  color: #6F7171;
  font-size: 24px;
}
.office__item-link {
  color: inherit;
}
.office__item-link:hover {
  color: #009EFA;
}
.office__item-props {
  font-family: "Unbounded", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.75;
}
.office__item-props p:not(:last-of-type) {
  margin-bottom: 16px;
}
.office__item-actions {
  display: flex;
}
.office__footer {
  max-width: 100%;
}
.office__map {
  width: 100%;
  height: 704px;
  border-radius: 80px;
  overflow: hidden;
}
.office__map [class*=map-copyrights-promo] {
  margin-left: 64px;
}
.office__map [class*=copyright_logo_no] {
  margin-right: 64px;
}

@media (max-width: 1680px) {
  .contacts__title {
    margin-bottom: 40px;
  }
  .office {
    border-radius: 64px;
  }
  .office__header {
    padding: 48px 48px 40px;
  }
  .office__header::after {
    left: 48px;
    right: 48px;
  }
  .office__title {
    font-size: 24px;
    line-height: 1.5;
  }
  .office__body {
    padding: 40px 48px 64px;
  }
  .office__item:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .office__item-top, .office__item-bottom {
    font-size: 20px;
  }
  .office__item-props {
    font-size: 20px;
  }
  .office__item-props p:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .office__map {
    height: 500px;
    border-radius: 64px;
  }
  .office__map [class*=map-copyrights-promo] {
    margin-left: 48px;
  }
  .office__map [class*=copyright_logo_no] {
    margin-right: 48px;
  }
}
@media (max-width: 1280px) {
  .contacts__body {
    grid-template-columns: 100%;
  }
  .contacts__requisites {
    grid-column: auto;
  }
  .office {
    border-radius: 56px;
  }
  .office__item-link:hover {
    color: inherit;
  }
  .office__map {
    border-radius: 56px;
  }
  .office__map [class*=map-copyrights-promo] {
    margin-left: 40px;
  }
  .office__map [class*=copyright_logo_no] {
    margin-right: 40px;
  }
}
@media (max-width: 768px) {
  .contacts__title {
    margin-bottom: 32px;
  }
  .office {
    border-radius: 48px;
  }
  .office__header {
    padding: 40px 32px 32px;
  }
  .office__header::after {
    left: 32px;
    right: 32px;
  }
  .office__body {
    padding: 32px 32px 48px;
  }
  .office__item:not(:last-of-type) {
    margin-bottom: 32px;
  }
  .office__item-top, .office__item-bottom {
    font-size: 16px;
  }
  .office__item-props {
    font-size: 16px;
  }
  .office__map {
    height: 400px;
    border-radius: 48px;
  }
  .office__map [class*=map-copyrights-promo] {
    margin-left: 24px;
  }
  .office__map [class*=copyright_logo_no] {
    margin-right: 24px;
  }
}
@media (max-width: 600px) {
  .office {
    border-radius: 32px;
  }
  .office__header {
    padding: 32px 16px 24px;
  }
  .office__header::after {
    left: 16px;
    right: 16px;
  }
  .office__title {
    font-size: 16px;
  }
  .office__body {
    padding: 32px 16px 40px;
  }
  .office__item:not(:last-of-type) {
    margin-bottom: 32px;
  }
  .office__map {
    border-radius: 32px;
  }
  .office__map [class*=map-copyrights-promo] {
    margin-left: 16px;
  }
  .office__map [class*=copyright_logo_no] {
    margin-right: 16px;
  }
}
.policy__title {
  max-width: 1280px;
  margin-bottom: 80px;
}
.policy__content {
  grid-column: 2/8;
}

@media (max-width: 1280px) {
  .policy__title {
    margin-bottom: 56px;
  }
  .policy__content {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .policy__title {
    margin-bottom: 40px;
  }
}
.page-not-found__inner {
  gap: 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 40px 16px 120px;
}
.page-not-found__image {
  max-width: 600px;
}
.page-not-found__title {
  max-width: 880px;
}

@media (max-width: 1680px) {
  .page-not-found__title {
    max-width: 720px;
  }
}
@media (max-width: 1280px) {
  .page-not-found__title {
    max-width: 560px;
  }
}
@media (max-width: 768px) {
  .page-not-found__title {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .page-not-found__inner {
    gap: 24px;
  }
}
.container_promo {
  width: 100%;
  margin: 0 auto;
  max-width: 1530px;
}

@media (max-width: 1680px) {
  .container_promo {
    max-width: 1230px;
  }
}
@media (max-width: 1360px) {
  .container_promo {
    max-width: 930px;
  }
}
@media (max-width: 992px) {
  .container_promo {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .container_promo {
    max-width: 350px;
  }
}
@media (max-width: 388px) {
  .container_promo {
    max-width: calc(100% - 40px);
  }
}
body.page-template-promo {
  background-color: #fff;
}

.title--xl, .title--lg {
  font-size: 56px;
  line-height: 1.2;
}
.title--md {
  font-size: 34px;
  line-height: 1.3;
}

@media (max-width: 1680px) {
  .title--xl, .title--lg {
    font-size: 48px;
    line-height: 1.2;
  }
  .title--md {
    font-size: 30px;
    line-height: 1.3;
  }
}
@media (max-width: 1360px) {
  .title--xl, .title--lg {
    font-size: 36px;
    line-height: 1.3;
  }
  .title--md {
    font-size: 24px;
    line-height: 1.35;
  }
}
@media (max-width: 992px) {
  .title--xl, .title--lg {
    font-size: 36px;
    line-height: 1.3;
  }
  .title--md {
    font-size: 24px;
    line-height: 1.35;
  }
}
@media (max-width: 575px) {
  .title--xl, .title--lg {
    font-size: 24px;
    line-height: 1.3;
  }
  .title--md {
    font-size: 18px;
    line-height: 1.4;
  }
}
.s-promo__header {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.s-promo__header-teg {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 24px;
  color: #009EFA;
  display: flex;
  margin-bottom: 16px;
}
.s-promo__header-descr {
  font-family: "Roboto Flex";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: #7A7A80;
  margin-top: 24px;
  width: 100%;
  max-width: 550px;
}

.site-header__promo {
  padding: 32px 0;
}

.header-promo__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.header-promo__logo {
  gap: 8px;
  display: flex;
  align-items: center;
}
.header-promo__logo-icon {
  fill: #009EFA;
}
.header-promo__logo-name {
  font-family: "Roboto Flex";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #18181A;
  text-transform: uppercase;
}
.header-promo__logo-name span {
  color: #009EFA;
}
.header-promo__common {
  gap: 48px;
  display: flex;
  flex-wrap: wrap;
}
.header-promo__social {
  list-style: none;
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  margin: -4px 0;
}
.header-promo__social-link {
  display: block;
  width: 56px;
  height: 56px;
  padding: 12px;
  border-radius: 50%;
  transition: opacity 300ms;
  color: var(--gm-color-white);
  background-color: var(--gm-color-blue);
}
.header-promo__social-link:hover {
  opacity: 0.5;
}

.promo-contact__list {
  gap: 20px 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.promo-contact__item {
  display: flex;
}
.promo-contact__icon {
  fill: #009EFA;
  margin: 1px 0;
}
.promo-contact__text {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}
.promo-contact__text * {
  display: flex;
}
.promo-contact__link {
  font-family: "Roboto Flex";
  font-weight: 700;
  color: #18181A;
  font-size: 20px;
  line-height: 24px;
}
.promo-contact__link:hover {
  text-decoration: underline;
}
.promo-contact__descr {
  color: #7A7A80;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1680px) {
  .s-promo__header-teg {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .s-promo__header-descr {
    font-size: 16px;
    max-width: 500px;
    margin-top: 16px;
  }
}
@media (max-width: 1360px) {
  .s-promo__header-descr {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  header .header-promo__logo-name {
    display: none;
  }
  header .header-promo__common {
    gap: 8px;
  }
  header .header-promo__social {
    gap: 4px;
    margin: 0;
  }
  header .header-promo__social-link {
    width: 40px;
    height: 48px;
    padding: 12px 8px;
    border-radius: 8px;
  }
  header .header-promo__social-link:hover {
    opacity: initial;
  }
  header .promo-contact__icon {
    display: none;
  }
  header .promo-contact__text {
    margin-left: 0;
  }
  header .promo-contact__item-email {
    display: none;
  }
}
.button-promo__page {
  font-family: "Roboto Flex";
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 48px;
  border-radius: 30px;
  display: flex;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
}

.button-promo__blue {
  color: #fff;
  background-color: #009EFA;
  box-shadow: 0 20px 30px -18px rgba(0, 158, 250, 0.6);
}
.button-promo__blue:hover {
  background-color: #3BB7FF;
  box-shadow: 0 20px 30px -18px rgba(59, 183, 255, 0.6);
}

.button-promo__dark {
  color: #fff;
  background-color: #18181A;
  box-shadow: 0 20px 30px -18px rgba(24, 24, 26, 0.6);
}
.button-promo__dark:hover {
  color: #fff;
  background-color: #49494D;
  box-shadow: 0 20px 30px -18px rgba(73, 73, 77, 0.6);
}

.sp-swiper__prev, .sp-swiper__next {
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009EFA;
  border-radius: 50%;
  top: 50%;
  z-index: 1;
  position: absolute;
  transform: translateY(-50%);
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.sp-swiper__prev:hover, .sp-swiper__next:hover {
  background-color: #3BB7FF;
}
.sp-swiper__prev.swiper-button-disabled, .sp-swiper__next.swiper-button-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sp-swiper__prev-icon {
  transform: rotate(-180deg);
}

.sp-swiper .swiper-pagination-bullet-active {
  background: #009EFA;
}

.sp-onescreen {
  width: 100%;
  gap: 30px;
  display: flex;
}
.sp-onescreen__info {
  padding: 160px 64px;
  width: calc(50% - 15px);
  background-color: #F4F6F7;
  border-radius: 0 40px 40px 0;
}
.sp-onescreen__info-inner {
  max-width: 686px;
  margin-left: auto;
}
.sp-onescreen__descr {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8;
  color: #7A7A80;
  width: 100%;
  max-width: 540px;
  margin-top: 24px;
}
.sp-onescreen__buttons {
  gap: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 64px;
}
.sp-onescreen__image {
  width: calc(50% - 15px);
  background-color: #F4F6F7;
  position: relative;
  overflow: hidden;
  border-radius: 40px 0 0 40px;
}
.sp-onescreen__image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1680px) {
  .sp-onescreen__info {
    padding: 80px 32px 80px 0;
  }
  .sp-onescreen__info-inner {
    max-width: 568px;
    margin-left: auto;
  }
  .sp-onescreen__descr {
    font-size: 16px;
    max-width: 512px;
  }
}
@media (max-width: 1360px) {
  .sp-onescreen {
    gap: 0;
    padding: 0 20px;
    flex-direction: column-reverse;
  }
  .sp-onescreen__image {
    width: 100%;
    height: 500px;
    border-radius: 40px 40px 0 0;
  }
  .sp-onescreen__info {
    width: 100%;
    padding: 64px 24px;
    border-radius: 0 0 40px 40px;
  }
  .sp-onescreen__info-inner {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .sp-onescreen__descr {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.6;
  }
  .sp-onescreen__buttons {
    margin-top: 48px;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .sp-onescreen__image {
    height: 300px;
  }
  .sp-onescreen__info {
    padding: 40px 24px;
  }
  .sp-onescreen__buttons {
    margin-top: 40px;
    justify-content: center;
  }
}
.sp-equip {
  padding-top: 160px;
}

.sp-equip__slider {
  position: relative;
  margin-top: 80px;
}
.sp-equip__swiper {
  margin: 0 88px;
}
.sp-equip__slide {
  overflow: hidden;
  border-radius: 32px;
}
.sp-equip__slide img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.sp-equip__prev {
  left: 0;
  z-index: 2;
}
.sp-equip__next {
  right: 0;
  z-index: 2;
}

.sp-equip__content {
  margin-top: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp-equip__item {
  gap: 16px;
  display: flex;
  align-items: flex-start;
}
.sp-equip__item-image {
  width: 50px;
  height: 50px;
}
.sp-equip__item-title {
  font-family: "Roboto Flex";
  font-weight: 700;
  font-size: 24px;
}
.sp-equip__item-descr {
  color: #7A7A80;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.65;
}

.sp-equip__after, .sp-equip__before {
  gap: 80px;
  width: 320px;
  display: flex;
  flex-direction: column;
}
.sp-equip__after .sp-equip__item {
  text-align: right;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.sp-equip__image {
  width: 600px;
  margin: 0 96px;
}
.sp-equip__image img {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1680px) {
  .sp-equip {
    padding-top: 120px;
  }
  .sp-equip__slider {
    margin-top: 48px;
  }
  .sp-equip__swiper {
    margin: 0 96px;
  }
  .sp-equip__image {
    width: 420px;
    margin: 0 64px;
  }
  .sp-equip__content {
    margin-top: 48px;
  }
  .sp-equip__item {
    gap: 16px;
  }
  .sp-equip__item-title {
    font-size: 20px;
  }
  .sp-equip__item-descr {
    font-size: 14px;
    line-height: 1.6;
  }
  .sp-equip__after, .sp-equip__before {
    gap: 48px;
  }
}
@media (max-width: 1360px) {
  .sp-equip {
    padding-top: 64px;
  }
  .sp-equip__content {
    flex-direction: column;
  }
  .sp-equip__slider {
    position: relative;
    margin-top: 48px;
  }
  .sp-equip__after, .sp-equip__before {
    gap: 40px;
    width: 100%;
    max-width: 512px;
  }
  .sp-equip__after .sp-equip__item {
    text-align: unset;
    flex-direction: row;
  }
  .sp-equip__image {
    width: 100%;
    max-width: 600px;
    margin: 32px 0;
  }
}
@media (max-width: 575px) {
  .sp-equip__swiper {
    margin: 0 24px;
  }
}
.sp-project {
  padding: 160px 0;
  overflow: hidden;
}
.sp-project_video {
  padding-bottom: 0;
}

.sp-project__row {
  margin-bottom: 160px;
}
.sp-project__row:last-child {
  margin-bottom: 0;
}

.sp-project__slider {
  width: 100%;
  max-width: 860px;
  margin: 64px auto 0px;
}
.sp-project__swiper {
  overflow: unset;
}
.sp-project__slide {
  opacity: 0.2;
  overflow: hidden;
  border-radius: 40px;
  padding-bottom: 66.66%;
  transition: opacity 0.3s ease-in-out;
}
.sp-project__slide:hover .portfolio__video-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.sp-project__slide:hover .portfolio__video-play::before {
  width: 70px;
  height: 70px;
}
.sp-project__slide img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  display: block;
}
.sp-project__slide.swiper-slide-active {
  opacity: 1;
}
.sp-project__overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}
.sp-project__overlay:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.sp-project__overlay:hover .sp-project__overlay-play::before {
  width: 70px;
  height: 70px;
}
.sp-project__overlay-play {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.sp-project__overlay-play::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: width 0.3s ease, height 0.3s ease;
}
.sp-project__overlay-icon {
  fill: #009EFA;
  width: 15px;
  height: 17px;
  margin-left: 4px;
}

.sp-project__prev {
  left: -24px;
}

.sp-project__next {
  right: -24px;
}

@media (max-width: 1680px) {
  .sp-project {
    padding: 120px 0;
  }
  .sp-project_video {
    padding-bottom: 0;
  }
  .sp-project__row {
    margin-bottom: 120px;
  }
  .sp-project__slider {
    max-width: 600px;
    margin: 48px auto 0px;
  }
}
@media (max-width: 1360px) {
  .sp-project {
    padding: 64px 0;
  }
  .sp-project_video {
    padding-bottom: 0;
  }
  .sp-project__row {
    margin-bottom: 64px;
  }
  .sp-project__slider {
    margin: 40px auto 0px;
  }
}
@media (max-width: 575px) {
  .sp-project__prev {
    left: 0;
    display: none;
  }
  .sp-project__next {
    right: 0;
    display: none;
  }
}
.sp-catalog__row {
  gap: 30px;
  display: flex;
}

.sp-catalog__info {
  width: calc(50% - 15px);
  padding: 160px 80px 160px 0;
  border-radius: 0 40px 40px 0;
  background-color: #F4F6F7;
  display: flex;
  justify-content: flex-end;
}

.sp-catalog__info-inner {
  width: 100%;
  max-width: 680px;
}

.sp-catalog__info-descr {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8;
  color: #7A7A80;
  margin-top: 24px;
  width: 100%;
  max-width: 550px;
}

.sp-catalog__info-buttons {
  gap: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 64px;
}

.sp-catalog__image {
  width: calc(50% - 15px);
  position: relative;
  border-radius: 40px 0 0 40px;
  background-color: #F4F6F7;
}
.sp-catalog__image img {
  top: 50%;
  left: -90px;
  width: 810px;
  height: 724px;
  transform: translateY(-50%);
  position: absolute;
}

@media (max-width: 1680px) {
  .sp-catalog__info {
    padding: 120px 64px 120px 0;
  }
  .sp-catalog__info-inner {
    max-width: 536px;
  }
  .sp-catalog__info-descr {
    font-size: 16px;
    max-width: 512px;
  }
  .sp-catalog__image img {
    left: -72px;
    width: 672px;
    height: 604px;
  }
}
@media (max-width: 1360px) {
  .sp-catalog__row {
    gap: 0;
    padding: 40px 20px 0 20px;
    flex-direction: column-reverse;
  }
  .sp-catalog__info {
    width: 100%;
    padding: 104px 24px 64px 24px;
    justify-content: center;
    border-radius: 0 0 40px 40px;
    text-align: center;
  }
  .sp-catalog__info-inner {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sp-catalog__info-descr {
    font-size: 14px;
  }
  .sp-catalog__image {
    width: 100%;
    padding: 150px 0;
    border-radius: 40px 40px 0 0;
  }
  .sp-catalog__image img {
    left: 50%;
    width: 500px;
    height: 448px;
    transform: translate(-50%, -50%);
  }
  .sp-catalog__info-buttons {
    margin-top: 48px;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .sp-catalog__row {
    padding: 40px 15px 0 15px;
  }
  .sp-catalog__image {
    padding: 140px 0;
  }
  .sp-catalog__image img {
    width: 100%;
    height: auto;
  }
  .sp-catalog__info {
    padding: 48px 24px 64px 24px;
  }
}
.sp-banner__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.sp-banner__row:last-child {
  margin-bottom: 0;
}
.sp-banner__row:nth-of-type(even) {
  flex-direction: row-reverse;
}
.sp-banner__row:nth-of-type(even) .sp-banner__image {
  border-radius: 40px 0 0 40px;
}
.sp-banner__row:nth-of-type(even) .sp-banner__info {
  border-radius: 0 40px 40px 0;
  padding: 160px 80px 160px 0;
  justify-content: flex-end;
}
.sp-banner__image {
  width: calc(50% - 15px);
  background-color: #F4F6F7;
  position: relative;
  overflow: hidden;
  border-radius: 0 40px 40px 0;
}
.sp-banner__image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.sp-banner__info {
  display: flex;
  padding: 160px 0 160px 80px;
  border-radius: 40px 0 0 40px;
  width: calc(50% - 15px);
  background-color: #F4F6F7;
}
.sp-banner__info-inner {
  width: 100%;
  max-width: 670px;
}
.sp-banner__info-teg {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 24px;
  color: #009EFA;
  display: flex;
  margin-bottom: 16px;
}
.sp-banner__info-descr {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8;
  color: #7A7A80;
  margin-top: 24px;
  width: 100%;
  max-width: 544px;
}
.sp-banner__info-buttons {
  gap: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 64px;
}

@media (max-width: 1680px) {
  .sp-banner__row {
    margin-bottom: 64px;
  }
  .sp-banner__row:nth-child(2) .sp-banner__info {
    padding: 120px 64px 120px 0;
  }
  .sp-banner__info {
    padding: 120px 0 120px 64px;
  }
  .sp-banner__info-inner {
    max-width: 535px;
  }
  .sp-banner__info-teg {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .sp-banner__info-descr {
    font-size: 16px;
    max-width: 480px;
  }
}
@media (max-width: 1360px) {
  .sp-banner__row {
    padding: 0 20px;
    flex-direction: column;
  }
  .sp-banner__row:nth-child(2) {
    flex-direction: column;
  }
  .sp-banner__row:nth-child(2) .sp-banner__image {
    border-radius: 40px 40px 0 0;
  }
  .sp-banner__row:nth-child(2) .sp-banner__info {
    padding: 64px 24px;
    border-radius: 0 0 40px 40px;
    justify-content: center;
  }
  .sp-banner__image {
    width: 100%;
    height: 500px;
    border-radius: 40px 40px 0 0;
  }
  .sp-banner__info {
    width: 100%;
    padding: 64px 24px;
    border-radius: 0 0 40px 40px;
    justify-content: center;
    text-align: center;
  }
  .sp-banner__info-inner {
    width: 100%;
    max-width: 560px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sp-banner__info-descr {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 16px;
  }
  .sp-banner__info-buttons {
    margin-top: 48px;
  }
}
@media (max-width: 575px) {
  .sp-banner__row {
    padding: 0 15px;
  }
  .sp-banner__row:nth-child(2) .sp-banner__info {
    padding: 40px 24px;
  }
  .sp-banner__image {
    height: 300px;
  }
  .sp-banner__info {
    padding: 40px 24px;
  }
  .sp-banner__info-buttons {
    margin-top: 40px;
  }
}
.footer-promo {
  padding: 160px 0 80px 0;
}
.footer-promo__inner {
  gap: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer-promo__msg {
  font-family: "Roboto Flex";
  font-weight: 500;
  font-size: 16px;
  line-height: 1.8;
}
.footer-promo__addresses {
  color: #7A7A80;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.footer-promo__bottom {
  color: #7A7A80;
  gap: 8px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer-promo__policy,
.header-promo__dev {
  color: inherit;
  text-decoration: underline;
}
.footer-promo__policy:hover,
.header-promo__dev:hover {
  text-decoration: none;
}

.sp-video {
  padding-top: 160px;
}
.sp-video__body {
  padding: 56px 128px 0px;
}
.sp-video__media {
  position: relative;
  display: block;
}
.sp-video__video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
}
.sp-video__play {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #fff;
}
.sp-video__play-icon {
  fill: #009EFA;
  width: 15px;
  height: 17px;
  margin-left: 4px;
}

@media (max-width: 1360px) {
  .sp-video {
    padding-top: 64px;
  }
  .sp-video__body {
    padding: 40px 0px 0px;
  }
}
@media (max-width: 575px) {
  .sp-video__video {
    aspect-ratio: 4/5;
  }
}
.sp-dignity {
  padding-top: 160px;
}

@media (max-width: 1360px) {
  .sp-dignity {
    padding-top: 64px;
  }
}
/*!
Theme Name: AlfaWood
Author: Dmitry Petin
Author URI: https://www.behance.net/dmitrypetin
Version: 1.0.0
Text Domain: alfawood
*/
@font-face {
  font-family: "Onest";
  src: local("Onest Regular"), local("Onest-Regular"), url("../fonts/Onest-Regular.woff2") format("woff2"), url("../fonts/Onest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Onest";
  src: local("Onest Medium"), local("Onest-Medium"), url("../fonts/Onest-Medium.woff2") format("woff2"), url("../fonts/Onest-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Onest";
  src: local("Onest SemiBold"), local("Onest-SemiBold"), url("../fonts/Onest-SemiBold.woff2") format("woff2"), url("../fonts/Onest-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Onest";
  src: local("Onest Bold"), local("Onest-Bold"), url("../fonts/Onest-Bold.woff2") format("woff2"), url("../fonts/Onest-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@keyframes theme-ease-up {
  0% {
    opacity: 0;
    transform: translate(0, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes theme-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes theme-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes theme-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes theme-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes theme-click {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.gm_wrap {
  margin: 0 auto;
  width: calc(100% - var(--gm-wrapper-offset) * 2);
  max-width: 1720px;
}

.icon {
  display: block;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
  flex-shrink: 0;
}
.icon--fill {
  width: 100%;
  height: 100%;
}
.icon--lg {
  width: 24px;
  height: 24px;
}
.icon--sm {
  width: 16px;
  height: 16px;
}
.icon--info {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4wMyAyNC4wMyI+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBjeD0iMTIuMDIiIGN5PSIxMi4wMiIgcj0iMTEuMjUiLz48cGF0aCBkPSJNMTEuMDIgMTAuMDJoMnY5aC0yek0xMS4wMiA1LjAyaDJ2M2gtMnoiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4wMyAyNC4wMyI+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBjeD0iMTIuMDIiIGN5PSIxMi4wMiIgcj0iMTEuMjUiLz48cGF0aCBkPSJNMTEuMDIgMTAuMDJoMnY5aC0yek0xMS4wMiA1LjAyaDJ2M2gtMnoiLz48L3N2Zz4=");
}
.icon--down {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDF2MjJNMTggMTdsLTYgNi02LTYiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDF2MjJNMTggMTdsLTYgNi02LTYiLz48L3N2Zz4=");
}
.icon--phone {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNS4wMiAxMy43MiA0LjMxLTUuMTNjLjI4LS4zNC4zNi0uOC4yLTEuMjEtLjUyLTEuMzctLjgxLTIuODUtLjgxLTQuNGgwYzAtLjY4LS41My0xLjIzLTEuMjEtMS4yM0gyLjk2Yy0uNjYgMC0xLjIuNTMtMS4yMSAxLjJ2LjAzYzAgMy45OCAxLjIxIDcuNjcgMy4yNyAxMC43NCAxLjQgMi4wNyAzLjE4IDMuODYgNS4yNiA1LjI2IDMuMDcgMi4wNiA2Ljc2IDMuMjcgMTAuNzQgMy4yN2guMDNjLjY2IDAgMS4yLS41NCAxLjItMS4yMXYtNC41NmMwLS42Ny0uNTUtMS4yMS0xLjIyLTEuMjFoLS4wMWMtMS41NSAwLTMuMDMtLjI5LTQuNC0uODEtLjQxLS4xNi0uODctLjA4LTEuMjEuMmwtNS4xMyA0LjMxIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTIuODkgNi45NWMxLjA0LjE4IDEuOTkuNjggMi43MyAxLjQyczEuMjQgMS43IDEuNDIgMi43M00xMy42IDIuOTJjMS44Ni4zMyAzLjU4IDEuMjIgNC45MiAyLjU2czIuMjMgMy4wNiAyLjU2IDQuOTIiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNS4wMiAxMy43MiA0LjMxLTUuMTNjLjI4LS4zNC4zNi0uOC4yLTEuMjEtLjUyLTEuMzctLjgxLTIuODUtLjgxLTQuNGgwYzAtLjY4LS41My0xLjIzLTEuMjEtMS4yM0gyLjk2Yy0uNjYgMC0xLjIuNTMtMS4yMSAxLjJ2LjAzYzAgMy45OCAxLjIxIDcuNjcgMy4yNyAxMC43NCAxLjQgMi4wNyAzLjE4IDMuODYgNS4yNiA1LjI2IDMuMDcgMi4wNiA2Ljc2IDMuMjcgMTAuNzQgMy4yN2guMDNjLjY2IDAgMS4yLS41NCAxLjItMS4yMXYtNC41NmMwLS42Ny0uNTUtMS4yMS0xLjIyLTEuMjFoLS4wMWMtMS41NSAwLTMuMDMtLjI5LTQuNC0uODEtLjQxLS4xNi0uODctLjA4LTEuMjEuMmwtNS4xMyA0LjMxIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTIuODkgNi45NWMxLjA0LjE4IDEuOTkuNjggMi43MyAxLjQyczEuMjQgMS43IDEuNDIgMi43M00xMy42IDIuOTJjMS44Ni4zMyAzLjU4IDEuMjIgNC45MiAyLjU2czIuMjMgMy4wNiAyLjU2IDQuOTIiLz48L3N2Zz4=");
}
.icon--email {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB4PSIxLjc1IiB5PSI0LjI1IiB3aWR0aD0iMjAuNSIgaGVpZ2h0PSIxNS41IiByeD0iMyIgcnk9IjMiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMjEuMzkgNS4wMy03LjUxIDYuODNjLTEuMDcuOTctMi42OS45Ny0zLjc2IDBMMi42MSA1LjAzIi8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB4PSIxLjc1IiB5PSI0LjI1IiB3aWR0aD0iMjAuNSIgaGVpZ2h0PSIxNS41IiByeD0iMyIgcnk9IjMiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMjEuMzkgNS4wMy03LjUxIDYuODNjLTEuMDcuOTctMi42OS45Ny0zLjc2IDBMMi42MSA1LjAzIi8+PC9zdmc+");
}
.icon--geo {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIzLjQ5Yy0uNTUgMC0xLjEtLjEyLTEuNjEtLjM2LTIuNzUtMS4zLTkuMTQtNS4wOS05LjE0LTEyLjEzQzEuMjUgNS4wNyA2LjA3LjI1IDEyIC4yNVMyMi43NSA1LjA3IDIyLjc1IDExYzAgNy4wNS02LjM5IDEwLjgzLTkuMTQgMTIuMTMtLjUxLjI0LTEuMDYuMzYtMS42MS4zNnptMC0yMS43NEM2LjkgMS43NSAyLjc1IDUuOSAyLjc1IDExYzAgNi4xOSA1Ljc5IDkuNiA4LjI5IDEwLjc4LjYxLjI5IDEuMzIuMjkgMS45MyAwIDIuNDktMS4xOCA4LjI5LTQuNTkgOC4yOS0xMC43OCAwLTUuMS00LjE1LTkuMjUtOS4yNS05LjI1eiIvPjxwYXRoIGQ9Ik0xMiAxNi43NWMtMy4xNyAwLTUuNzUtMi41OC01Ljc1LTUuNzVTOC44MyA1LjI1IDEyIDUuMjVzNS43NSAyLjU4IDUuNzUgNS43NS0yLjU4IDUuNzUtNS43NSA1Ljc1em0wLTEwYy0yLjM0IDAtNC4yNSAxLjkxLTQuMjUgNC4yNXMxLjkxIDQuMjUgNC4yNSA0LjI1IDQuMjUtMS45MSA0LjI1LTQuMjVTMTQuMzQgNi43NSAxMiA2Ljc1eiIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDIzLjQ5Yy0uNTUgMC0xLjEtLjEyLTEuNjEtLjM2LTIuNzUtMS4zLTkuMTQtNS4wOS05LjE0LTEyLjEzQzEuMjUgNS4wNyA2LjA3LjI1IDEyIC4yNVMyMi43NSA1LjA3IDIyLjc1IDExYzAgNy4wNS02LjM5IDEwLjgzLTkuMTQgMTIuMTMtLjUxLjI0LTEuMDYuMzYtMS42MS4zNnptMC0yMS43NEM2LjkgMS43NSAyLjc1IDUuOSAyLjc1IDExYzAgNi4xOSA1Ljc5IDkuNiA4LjI5IDEwLjc4LjYxLjI5IDEuMzIuMjkgMS45MyAwIDIuNDktMS4xOCA4LjI5LTQuNTkgOC4yOS0xMC43OCAwLTUuMS00LjE1LTkuMjUtOS4yNS05LjI1eiIvPjxwYXRoIGQ9Ik0xMiAxNi43NWMtMy4xNyAwLTUuNzUtMi41OC01Ljc1LTUuNzVTOC44MyA1LjI1IDEyIDUuMjVzNS43NSAyLjU4IDUuNzUgNS43NS0yLjU4IDUuNzUtNS43NSA1Ljc1em0wLTEwYy0yLjM0IDAtNC4yNSAxLjkxLTQuMjUgNC4yNXMxLjkxIDQuMjUgNC4yNSA0LjI1IDQuMjUtMS45MSA0LjI1LTQuMjVTMTQuMzQgNi43NSAxMiA2Ljc1eiIvPjwvc3ZnPg==");
}
.icon--service {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZD0iTTEuNSA2YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMTMuNSA2YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMS41IDE4YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMTMuNSAxOGMwLS40NiAwLS43LjAyLS44OS4xOS0xLjkgMS42OS0zLjQgMy41OS0zLjU5LjItLjAyLjQzLS4wMi44OS0uMDJzLjcgMCAuODkuMDJjMS45LjE5IDMuNCAxLjY5IDMuNTkgMy41OS4wMi4yLjAyLjQzLjAyLjg5czAgLjctLjAyLjg5Yy0uMTkgMS45LTEuNjkgMy40LTMuNTkgMy41OS0uMi4wMi0uNDMuMDItLjg5LjAycy0uNyAwLS44OS0uMDJjLTEuOS0uMTktMy40LTEuNjktMy41OS0zLjU5LS4wMi0uMi0uMDItLjQzLS4wMi0uODl6Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZD0iTTEuNSA2YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMTMuNSA2YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMS41IDE4YzAtLjQ2IDAtLjcuMDItLjg5LjE5LTEuOSAxLjY5LTMuNCAzLjU5LTMuNTkuMi0uMDIuNDMtLjAyLjg5LS4wMnMuNyAwIC44OS4wMmMxLjkuMTkgMy40IDEuNjkgMy41OSAzLjU5LjAyLjIuMDIuNDMuMDIuODlzMCAuNy0uMDIuODljLS4xOSAxLjktMS42OSAzLjQtMy41OSAzLjU5LS4yLjAyLS40My4wMi0uODkuMDJzLS43IDAtLjg5LS4wMmMtMS45LS4xOS0zLjQtMS42OS0zLjU5LTMuNTktLjAyLS4yLS4wMi0uNDMtLjAyLS44OXpNMTMuNSAxOGMwLS40NiAwLS43LjAyLS44OS4xOS0xLjkgMS42OS0zLjQgMy41OS0zLjU5LjItLjAyLjQzLS4wMi44OS0uMDJzLjcgMCAuODkuMDJjMS45LjE5IDMuNCAxLjY5IDMuNTkgMy41OS4wMi4yLjAyLjQzLjAyLjg5czAgLjctLjAyLjg5Yy0uMTkgMS45LTEuNjkgMy40LTMuNTkgMy41OS0uMi4wMi0uNDMuMDItLjg5LjAycy0uNyAwLS44OS0uMDJjLTEuOS0uMTktMy40LTEuNjktMy41OS0zLjU5LS4wMi0uMi0uMDItLjQzLS4wMi0uODl6Ii8+PC9zdmc+");
}
.icon--play {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTQyIDIwLjU0YzIuNjcgMS41NCAyLjY3IDUuMzkgMCA2LjkzTDE4IDQxLjMzYy0yLjY3IDEuNTQtNi0uMzgtNi0zLjQ2VjEwLjE0YzAtMy4wOCAzLjMzLTUgNi0zLjQ2bDI0IDEzLjg2eiIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTQyIDIwLjU0YzIuNjcgMS41NCAyLjY3IDUuMzkgMCA2LjkzTDE4IDQxLjMzYy0yLjY3IDEuNTQtNi0uMzgtNi0zLjQ2VjEwLjE0YzAtMy4wOCAzLjMzLTUgNi0zLjQ2bDI0IDEzLjg2eiIvPjwvc3ZnPg==");
}
.icon--vkontakte {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE3LjM3IDI2LjI0QzYuODkgMjYuMjQuOTEgMTkuMDUuNjYgNy4xMWg1LjI1Yy4xNyA4Ljc3IDQuMDQgMTIuNDkgNy4xMSAxMy4yNVY3LjA5aDQuOTV2Ny41NmMzLjAzLS4zMiA2LjItMy43NyA3LjI4LTcuNTZoNC45NWMtLjgzIDQuNjgtNC4yNyA4LjEyLTYuNzIgOS41MyAyLjQ1IDEuMTUgNi4zNyA0LjE2IDcuODcgOS42aC01LjQ0Yy0xLjE3LTMuNjQtNC4wOC02LjQ1LTcuOTMtNi44NHY2Ljg0aC0uNnoiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE3LjM3IDI2LjI0QzYuODkgMjYuMjQuOTEgMTkuMDUuNjYgNy4xMWg1LjI1Yy4xNyA4Ljc3IDQuMDQgMTIuNDkgNy4xMSAxMy4yNVY3LjA5aDQuOTV2Ny41NmMzLjAzLS4zMiA2LjItMy43NyA3LjI4LTcuNTZoNC45NWMtLjgzIDQuNjgtNC4yNyA4LjEyLTYuNzIgOS41MyAyLjQ1IDEuMTUgNi4zNyA0LjE2IDcuODcgOS42aC01LjQ0Yy0xLjE3LTMuNjQtNC4wOC02LjQ1LTcuOTMtNi44NHY2Ljg0aC0uNnoiLz48L3N2Zz4=");
}
.icon--telegram {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTEuOCAxNS4yNyAxNy40Ny03LjJjMS43Mi0uNzUgNy41Ny0zLjE1IDcuNTctMy4xNXMyLjY5LTEuMDUgMi40OCAxLjQ5Yy0uMDggMS4wNS0uNjggNC43Mi0xLjI4IDguNjlsLTEuODggMTEuNzdzLS4xNSAxLjcyLTEuNDMgMi4wM2MtMS4yOC4yOS0zLjM3LTEuMDUtMy43NS0xLjM1LS4yOS0uMjMtNS42My0zLjYtNy41Ny01LjI1LS41Mi0uNDUtMS4xMi0xLjM1LjA4LTIuNCAyLjY5LTIuNDggNS45Mi01LjU1IDcuODgtNy40OS44OS0uODkgMS44LTMtMS45NS0uNDVMOC44NSAxOS4wOHMtMS4yLjc1LTMuNDUuMDhDMy4xNSAxOC40OC41MiAxNy41OS41MiAxNy41OXMtMS44LTEuMTIgMS4yOC0yLjMyeiIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTEuOCAxNS4yNyAxNy40Ny03LjJjMS43Mi0uNzUgNy41Ny0zLjE1IDcuNTctMy4xNXMyLjY5LTEuMDUgMi40OCAxLjQ5Yy0uMDggMS4wNS0uNjggNC43Mi0xLjI4IDguNjlsLTEuODggMTEuNzdzLS4xNSAxLjcyLTEuNDMgMi4wM2MtMS4yOC4yOS0zLjM3LTEuMDUtMy43NS0xLjM1LS4yOS0uMjMtNS42My0zLjYtNy41Ny01LjI1LS41Mi0uNDUtMS4xMi0xLjM1LjA4LTIuNCAyLjY5LTIuNDggNS45Mi01LjU1IDcuODgtNy40OS44OS0uODkgMS44LTMtMS45NS0uNDVMOC44NSAxOS4wOHMtMS4yLjc1LTMuNDUuMDhDMy4xNSAxOC40OC41MiAxNy41OS41MiAxNy41OXMtMS44LTEuMTIgMS4yOC0yLjMyeiIvPjwvc3ZnPg==");
}
.icon--whatsapp {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEyLjQ5IDkuOTdjLS4yMy0uNTYtLjQxLS41Ny0uNzYtLjZoLS40Yy0uNDcgMC0uOTMuMTMtMS4yMy40My0uMzUuMzYtMS4yMyAxLjItMS4yMyAyLjkyczEuMjUgMy4zOSAxLjQzIDMuNjNjLjE3LjI0IDIuNDUgMy44MyA1Ljk5IDUuMjkgMi43NiAxLjE1IDMuNTcgMS4wNCA0LjIxLjkxLjkyLS4yIDIuMDctLjg4IDIuMzYtMS42OS4yOS0uODEuMjktMS41Mi4yLTEuNjctLjA5LS4xNS0uMzItLjI0LS42Ny0uNDEtLjM1LS4xNy0yLjA3LTEuMDMtMi40LTEuMTMtLjMyLS4xMi0uNjEtLjA4LS44Ny4yNy0uMzUuNDctLjY3Ljk2LS45NSAxLjI0LS4yMS4yMy0uNTYuMjUtLjg1LjEzLS4zOS0uMTYtMS40OC0uNTUtMi44MS0xLjczLTEuMDQtLjkzLTEuNzUtMi4wOC0xLjk1LTIuNDMtLjItLjM1LS4wMS0uNTYuMTMtLjc1LjE3LS4yMS4zNS0uMzcuNTItLjU3LjE3LS4yLjI3LS4zMi4zOS0uNTUuMTItLjI0LjA0LS40OC0uMDUtLjY1LS4wOS0uMTctLjc5LTEuODktMS4wOC0yLjZ2LS4wM3oiLz48cGF0aCBkPSJNMTYuMDEgNC4xNGM2LjU1IDAgMTEuODcgNS4zMiAxMS44NyAxMS44N3MtNS4zMiAxMS44Ny0xMS44NyAxMS44N2MtMi4xNyAwLTQuMjMtLjU2LTYuMDgtMS42N2wtMS4wNC0uNjEtMS4xNi4zMy0yLjMyLjY3LjY3LTIuMzIuMzMtMS4xNi0uNjEtMS4wNEM0LjY5IDIwLjIzIDQuMTMgMTguMTkgNC4xMyAxNiA0LjEzIDkuNDUgOS40NSA0LjEzIDE2IDQuMTNtMC0yLjhDNy44OSAxLjMzIDEuMzMgNy45IDEuMzMgMTUuOTljMCAyLjc1Ljc1IDUuMzEgMi4wNSA3LjUxbC0yLjA1IDcuMTcgNy4xNi0yLjA3QTE0LjYgMTQuNiAwIDAgMCAxNiAzMC42NWM4LjA5IDAgMTQuNjctNi41NiAxNC42Ny0xNC42N1MyNC4wOSAxLjMzIDE2IDEuMzN6Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEyLjQ5IDkuOTdjLS4yMy0uNTYtLjQxLS41Ny0uNzYtLjZoLS40Yy0uNDcgMC0uOTMuMTMtMS4yMy40My0uMzUuMzYtMS4yMyAxLjItMS4yMyAyLjkyczEuMjUgMy4zOSAxLjQzIDMuNjNjLjE3LjI0IDIuNDUgMy44MyA1Ljk5IDUuMjkgMi43NiAxLjE1IDMuNTcgMS4wNCA0LjIxLjkxLjkyLS4yIDIuMDctLjg4IDIuMzYtMS42OS4yOS0uODEuMjktMS41Mi4yLTEuNjctLjA5LS4xNS0uMzItLjI0LS42Ny0uNDEtLjM1LS4xNy0yLjA3LTEuMDMtMi40LTEuMTMtLjMyLS4xMi0uNjEtLjA4LS44Ny4yNy0uMzUuNDctLjY3Ljk2LS45NSAxLjI0LS4yMS4yMy0uNTYuMjUtLjg1LjEzLS4zOS0uMTYtMS40OC0uNTUtMi44MS0xLjczLTEuMDQtLjkzLTEuNzUtMi4wOC0xLjk1LTIuNDMtLjItLjM1LS4wMS0uNTYuMTMtLjc1LjE3LS4yMS4zNS0uMzcuNTItLjU3LjE3LS4yLjI3LS4zMi4zOS0uNTUuMTItLjI0LjA0LS40OC0uMDUtLjY1LS4wOS0uMTctLjc5LTEuODktMS4wOC0yLjZ2LS4wM3oiLz48cGF0aCBkPSJNMTYuMDEgNC4xNGM2LjU1IDAgMTEuODcgNS4zMiAxMS44NyAxMS44N3MtNS4zMiAxMS44Ny0xMS44NyAxMS44N2MtMi4xNyAwLTQuMjMtLjU2LTYuMDgtMS42N2wtMS4wNC0uNjEtMS4xNi4zMy0yLjMyLjY3LjY3LTIuMzIuMzMtMS4xNi0uNjEtMS4wNEM0LjY5IDIwLjIzIDQuMTMgMTguMTkgNC4xMyAxNiA0LjEzIDkuNDUgOS40NSA0LjEzIDE2IDQuMTNtMC0yLjhDNy44OSAxLjMzIDEuMzMgNy45IDEuMzMgMTUuOTljMCAyLjc1Ljc1IDUuMzEgMi4wNSA3LjUxbC0yLjA1IDcuMTcgNy4xNi0yLjA3QTE0LjYgMTQuNiAwIDAgMCAxNiAzMC42NWM4LjA5IDAgMTQuNjctNi41NiAxNC42Ny0xNC42N1MyNC4wOSAxLjMzIDE2IDEuMzN6Ii8+PC9zdmc+");
}
.icon--youtube {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjQ4IDYuMjZhMi44MzMgMi44MzMgMCAwIDAtMS45MS0yLjE4QzE5LjcgMy41NyAxMiAzLjUzIDEyIDMuNTNzLTcuNjkuMDQtOS41Ny41NUMxLjQ0IDQuNC43IDUuMjQuNTIgNi4yNmMtLjcgMy43OS0uNyA3LjY4LjAxIDExLjQ4LjE5IDEuMDIuOTIgMS44NiAxLjkxIDIuMTggMS44OC41IDkuNTcuNTUgOS41Ny41NXM3LjY5LS4wNSA5LjU3LS41NWMuOTktLjMyIDEuNzMtMS4xNiAxLjkxLTIuMTguMzUtMS44OS41Mi0zLjgxLjUyLTUuNzRzLS4xNy0zLjg1LS41Mi01Ljc0ek05LjUyIDE1LjUzVjguNDdMMTUuODcgMTJsLTYuMzUgMy41M3oiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIzLjQ4IDYuMjZhMi44MzMgMi44MzMgMCAwIDAtMS45MS0yLjE4QzE5LjcgMy41NyAxMiAzLjUzIDEyIDMuNTNzLTcuNjkuMDQtOS41Ny41NUMxLjQ0IDQuNC43IDUuMjQuNTIgNi4yNmMtLjcgMy43OS0uNyA3LjY4LjAxIDExLjQ4LjE5IDEuMDIuOTIgMS44NiAxLjkxIDIuMTggMS44OC41IDkuNTcuNTUgOS41Ny41NXM3LjY5LS4wNSA5LjU3LS41NWMuOTktLjMyIDEuNzMtMS4xNiAxLjkxLTIuMTguMzUtMS44OS41Mi0zLjgxLjUyLTUuNzRzLS4xNy0zLjg1LS41Mi01Ljc0ek05LjUyIDE1LjUzVjguNDdMMTUuODcgMTJsLTYuMzUgMy41M3oiLz48L3N2Zz4=");
}
.icon--award {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTU2IDI0QzU2IDEwLjc3IDQ1LjIzIDAgMzIgMFM4IDEwLjc3IDggMjRjMCA4LjU1IDQuNSAxNi4wNyAxMS4yNSAyMC4zMnYxMi4yMWMwIDEuNzguOTQgMy4zNSAyLjUxIDQuMTkgMS41Ny44NCAzLjM5Ljc1IDQuODgtLjI0bDQuNjctMy4xMmMuNDItLjI4Ljk3LS4yOCAxLjM5IDBsNC42NyAzLjEyYy44MS41NCAxLjcxLjgxIDIuNjMuODEuNzYgMCAxLjUzLS4xOSAyLjI1LS41N2E0LjY4OSA0LjY4OSAwIDAgMCAyLjUxLTQuMTlWNDQuMzJDNTEuNTEgNDAuMDcgNTYuMDEgMzIuNTUgNTYuMDEgMjR6TTQzLjI1IDU2LjUzYzAgMS4yMi0uNjQgMi4yOS0xLjcyIDIuODctMS4wNy41Ny0yLjMyLjUyLTMuMzQtLjE2bC00LjY3LTMuMTJjLS45My0uNjItMi4xMi0uNjItMy4wNSAwbC00LjY3IDMuMTJhMy4xOSAzLjE5IDAgMCAxLTMuMzQuMTYgMy4yMjcgMy4yMjcgMCAwIDEtMS43Mi0yLjg3VjQ1LjJjMy4zNiAxLjc5IDcuMTkgMi44MSAxMS4yNSAyLjgxczcuODktMS4wMiAxMS4yNS0yLjgxdjExLjMzek0zMiA0Ni41QzE5LjU5IDQ2LjUgOS41IDM2LjQxIDkuNSAyNFMxOS41OSAxLjUgMzIgMS41IDU0LjUgMTEuNTkgNTQuNSAyNCA0NC40MSA0Ni41IDMyIDQ2LjV6Ii8+PHBhdGggZD0iTTMyIDhjLTguODIgMC0xNiA3LjE4LTE2IDE2czcuMTggMTYgMTYgMTYgMTYtNy4xOCAxNi0xNlM0MC44MiA4IDMyIDh6bTAgMzAuNWMtOCAwLTE0LjUtNi41LTE0LjUtMTQuNVMyNCA5LjUgMzIgOS41IDQ2LjUgMTYgNDYuNSAyNCA0MCAzOC41IDMyIDM4LjV6Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTU2IDI0QzU2IDEwLjc3IDQ1LjIzIDAgMzIgMFM4IDEwLjc3IDggMjRjMCA4LjU1IDQuNSAxNi4wNyAxMS4yNSAyMC4zMnYxMi4yMWMwIDEuNzguOTQgMy4zNSAyLjUxIDQuMTkgMS41Ny44NCAzLjM5Ljc1IDQuODgtLjI0bDQuNjctMy4xMmMuNDItLjI4Ljk3LS4yOCAxLjM5IDBsNC42NyAzLjEyYy44MS41NCAxLjcxLjgxIDIuNjMuODEuNzYgMCAxLjUzLS4xOSAyLjI1LS41N2E0LjY4OSA0LjY4OSAwIDAgMCAyLjUxLTQuMTlWNDQuMzJDNTEuNTEgNDAuMDcgNTYuMDEgMzIuNTUgNTYuMDEgMjR6TTQzLjI1IDU2LjUzYzAgMS4yMi0uNjQgMi4yOS0xLjcyIDIuODctMS4wNy41Ny0yLjMyLjUyLTMuMzQtLjE2bC00LjY3LTMuMTJjLS45My0uNjItMi4xMi0uNjItMy4wNSAwbC00LjY3IDMuMTJhMy4xOSAzLjE5IDAgMCAxLTMuMzQuMTYgMy4yMjcgMy4yMjcgMCAwIDEtMS43Mi0yLjg3VjQ1LjJjMy4zNiAxLjc5IDcuMTkgMi44MSAxMS4yNSAyLjgxczcuODktMS4wMiAxMS4yNS0yLjgxdjExLjMzek0zMiA0Ni41QzE5LjU5IDQ2LjUgOS41IDM2LjQxIDkuNSAyNFMxOS41OSAxLjUgMzIgMS41IDU0LjUgMTEuNTkgNTQuNSAyNCA0NC40MSA0Ni41IDMyIDQ2LjV6Ii8+PHBhdGggZD0iTTMyIDhjLTguODIgMC0xNiA3LjE4LTE2IDE2czcuMTggMTYgMTYgMTYgMTYtNy4xOCAxNi0xNlM0MC44MiA4IDMyIDh6bTAgMzAuNWMtOCAwLTE0LjUtNi41LTE0LjUtMTQuNVMyNCA5LjUgMzIgOS41IDQ2LjUgMTYgNDYuNSAyNCA0MCAzOC41IDMyIDM4LjV6Ii8+PC9zdmc+");
}
.icon--home {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTE2LjkyIDIyLjZjLTMuMjguNTQtNi41Ni41NC05Ljg0IDAtMy4wNi0uNS01LjQxLTIuOTMtNS44Ni02LS4zNS0yLjM4LS4yOS00Ljc1LjE1LTcuMTMuNS0yLjY0IDItNS4wMyA0LjI2LTYuNDZDOS44Ny4zMiAxNC4xLjMyIDE4LjM0IDMuMDFjMi4yNyAxLjQ0IDMuNzcgMy44MyA0LjI2IDYuNDYuNDUgMi4zOC41IDQuNzUuMTUgNy4xMy0uNDUgMy4wNy0yLjggNS41LTUuODYgNnoiLz48cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiB4PSI4IiB5PSIxMCIgd2lkdGg9IjgiIGhlaWdodD0iOCIgcng9IjQiIHJ5PSI0Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTE2LjkyIDIyLjZjLTMuMjguNTQtNi41Ni41NC05Ljg0IDAtMy4wNi0uNS01LjQxLTIuOTMtNS44Ni02LS4zNS0yLjM4LS4yOS00Ljc1LjE1LTcuMTMuNS0yLjY0IDItNS4wMyA0LjI2LTYuNDZDOS44Ny4zMiAxNC4xLjMyIDE4LjM0IDMuMDFjMi4yNyAxLjQ0IDMuNzcgMy44MyA0LjI2IDYuNDYuNDUgMi4zOC41IDQuNzUuMTUgNy4xMy0uNDUgMy4wNy0yLjggNS41LTUuODYgNnoiLz48cmVjdCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiB4PSI4IiB5PSIxMCIgd2lkdGg9IjgiIGhlaWdodD0iOCIgcng9IjQiIHJ5PSI0Ii8+PC9zdmc+");
}
.icon--shop {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNi41IDloMTFNNi41IDE1aDExIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTE2Ljc4IDIyLjZjLTMuMjMuNTMtNi4zMy41My05LjU2IDBhNy4wMzkgNy4wMzkgMCAwIDEtNS44Mi01LjgyYy0uNTMtMy4yMy0uNTMtNi4zMyAwLTkuNTZBNy4wMjcgNy4wMjcgMCAwIDEgNy4yMiAxLjRjMy4yMy0uNTMgNi4zMy0uNTMgOS41NiAwIDIuOTkuNDkgNS4zNCAyLjgzIDUuODIgNS44Mi41MyAzLjIzLjUzIDYuMzMgMCA5LjU2YTcuMDM5IDcuMDM5IDAgMCAxLTUuODIgNS44MnoiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNi41IDloMTFNNi41IDE1aDExIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTE2Ljc4IDIyLjZjLTMuMjMuNTMtNi4zMy41My05LjU2IDBhNy4wMzkgNy4wMzkgMCAwIDEtNS44Mi01LjgyYy0uNTMtMy4yMy0uNTMtNi4zMyAwLTkuNTZBNy4wMjcgNy4wMjcgMCAwIDEgNy4yMiAxLjRjMy4yMy0uNTMgNi4zMy0uNTMgOS41NiAwIDIuOTkuNDkgNS4zNCAyLjgzIDUuODIgNS44Mi41MyAzLjIzLjUzIDYuMzMgMCA5LjU2YTcuMDM5IDcuMDM5IDAgMCAxLTUuODIgNS44MnoiLz48L3N2Zz4=");
}
.icon--success {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBkPSJNMTYuNzgsMjIuNmMtMy4yMywuNTMtNi4zMywuNTMtOS41NiwwLTIuOTktLjQ5LTUuMzQtMi44My01LjgyLTUuODItLjUzLTMuMjMtLjUzLTYuMzMsMC05LjU2QzEuODgsNC4yMyw0LjIzLDEuODgsNy4yMiwxLjRjMy4yMy0uNTMsNi4zMy0uNTMsOS41NiwwLDIuOTksLjQ5LDUuMzQsMi44Myw1LjgyLDUuODIsLjUzLDMuMjMsLjUzLDYuMzMsMCw5LjU2LS40OSwyLjk5LTIuODMsNS4zNC01LjgyLDUuODJaIi8+DQogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZD0iTTUsMTEuOTFsMy41OSwzLjU5Yy43OCwuNzgsMi4wNSwuNzgsMi44MywwbDcuNTktNy41OSIvPg0KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xOSwxMi40MWwtMy42LDMuNiIvPg0KPC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBkPSJNMTYuNzgsMjIuNmMtMy4yMywuNTMtNi4zMywuNTMtOS41NiwwLTIuOTktLjQ5LTUuMzQtMi44My01LjgyLTUuODItLjUzLTMuMjMtLjUzLTYuMzMsMC05LjU2QzEuODgsNC4yMyw0LjIzLDEuODgsNy4yMiwxLjRjMy4yMy0uNTMsNi4zMy0uNTMsOS41NiwwLDIuOTksLjQ5LDUuMzQsMi44Myw1LjgyLDUuODIsLjUzLDMuMjMsLjUzLDYuMzMsMCw5LjU2LS40OSwyLjk5LTIuODMsNS4zNC01LjgyLDUuODJaIi8+DQogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZD0iTTUsMTEuOTFsMy41OSwzLjU5Yy43OCwuNzgsMi4wNSwuNzgsMi44MywwbDcuNTktNy41OSIvPg0KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xOSwxMi40MWwtMy42LDMuNiIvPg0KPC9zdmc+");
}
.icon--search {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTExLjI1IDJjNS4xMSAwIDkuMjUgNC4xNCA5LjI1IDkuMjVzLTQuMTQgOS4yNS05LjI1IDkuMjVTMiAxNi4zNiAyIDExLjI1IDYuMTQgMiAxMS4yNSAyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0ibTIyIDIyLTQtNCIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTExLjI1IDJjNS4xMSAwIDkuMjUgNC4xNCA5LjI1IDkuMjVzLTQuMTQgOS4yNS05LjI1IDkuMjVTMiAxNi4zNiAyIDExLjI1IDYuMTQgMiAxMS4yNSAyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0ibTIyIDIyLTQtNCIvPjwvc3ZnPg==");
}
.icon--clock {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNS41MiAwIDEwIDB6bTQuNzcgMTQuNzdjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTQuNDYtNC40NlY0YzAtLjQxLjM0LS43NS43NS0uNzVzLjc1LjM0Ljc1Ljc1djUuNjlsNC4wMiA0LjAyYy4yOS4yOS4yOS43NyAwIDEuMDZ6Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNS41MiAwIDEwIDB6bTQuNzcgMTQuNzdjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTQuNDYtNC40NlY0YzAtLjQxLjM0LS43NS43NS0uNzVzLjc1LjM0Ljc1Ljc1djUuNjlsNC4wMiA0LjAyYy4yOS4yOS4yOS43NyAwIDEuMDZ6Ii8+PC9zdmc+");
}
.icon--burger {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMSAzLjVoMjJNMSAxMmgyMk0xIDIwLjVoMjIiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMSAzLjVoMjJNMSAxMmgyMk0xIDIwLjVoMjIiLz48L3N2Zz4=");
}
.icon--close {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNCA0IDE2IDE2TTIwIDQgNCAyMCIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNCA0IDE2IDE2TTIwIDQgNCAyMCIvPjwvc3ZnPg==");
}
.icon--next {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNi4yNSAyLjUgNS41IDUuNS01LjUgNS41Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNi4yNSAyLjUgNS41IDUuNS01LjUgNS41Ii8+PC9zdmc+");
}
.icon--plus {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDB2MjRNMjQgMTJIMCIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEyIDB2MjRNMjQgMTJIMCIvPjwvc3ZnPg==");
}

.icon--pinterest {
  -webkit-mask-image: url("../img/pinterest.svg");
          mask-image: url("../img/pinterest.svg");
}
.icon--rutube {
  -webkit-mask-image: url("../img/rutube.svg");
          mask-image: url("../img/rutube.svg");
}
.icon--yadzen {
  -webkit-mask-image: url("../img/yadzen.svg");
          mask-image: url("../img/yadzen.svg");
}
.icon--max {
  -webkit-mask-image: url("../img/max.svg");
          mask-image: url("../img/max.svg");
}

.gm_link {
  color: inherit;
  transition: opacity 0.25s;
}
.gm_link:hover {
  opacity: 0.75;
}

.gm_title {
  font-family: "Onest", sans-serif;
  font-weight: 600;
}
.gm_title--xl {
  font-size: 64px;
  line-height: 1;
}
.gm_title--lg {
  font-size: 52px;
  line-height: 1;
}
.gm_title--md {
  font-size: 40px;
  line-height: 1;
}
.gm_title--sm {
  font-size: 32px;
  line-height: 1;
}
.gm_title--xs {
  font-size: 25px;
  line-height: 1;
}

@media (max-width: 1680px) {
  .gm_title--xl {
    font-size: 48px;
  }
  .gm_title--lg {
    font-size: 40px;
  }
  .gm_title--md {
    font-size: 33px;
  }
  .gm_title--sm {
    font-size: 28px;
  }
  .gm_title--xs {
    font-size: 23px;
  }
}
@media (max-width: 1024px) {
  .gm_title--xl {
    font-size: 40px;
  }
  .gm_title--lg {
    font-size: 34px;
  }
  .gm_title--md {
    font-size: 29px;
  }
  .gm_title--sm {
    font-size: 25px;
  }
  .gm_title--xs {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .gm_title--xl {
    font-size: 28px;
  }
  .gm_title--lg {
    font-size: 26px;
  }
  .gm_title--md {
    font-size: 23px;
  }
  .gm_title--sm {
    font-size: 21px;
  }
  .gm_title--xs {
    font-size: 19px;
  }
}
@media (max-width: 320px) {
  .gm_title--xl {
    font-size: 26px;
  }
  .gm_title--lg {
    font-size: 24px;
  }
  .gm_title--md {
    font-size: 22px;
  }
  .gm_title--sm {
    font-size: 20px;
  }
  .gm_title--xs {
    font-size: 19px;
  }
}
.gm_text--lg {
  font-size: 18px;
}
.gm_text--md {
  font-size: 16px;
}
.gm_text--sm {
  font-size: 14px;
}

@media (max-width: 1680px) {
  .gm_text--lg {
    font-size: 17px;
  }
  .gm_text--md {
    font-size: 15px;
  }
  .gm_text--sm {
    font-size: 13px;
  }
}
.logo {
  display: block;
  aspect-ratio: 8/1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gm_btn {
  font: inherit;
  text-align: center;
  color: inherit;
  background: none;
  border: none;
  transition: opacity 0.25s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.gm_btn:hover {
  opacity: 0.75;
}
.gm_btn:disabled {
  opacity: 0.5;
}
.gm_btn--xl {
  font-size: 20px;
  line-height: 32px;
  padding: 24px 48px;
  border-radius: 16px;
}
.gm_btn--lg {
  font-size: 18px;
  line-height: 24px;
  padding: 24px 48px;
  border-radius: 16px;
}
.gm_btn--white {
  color: var(--gm-color-gray-900);
  background-color: var(--gm-color-white);
  box-shadow: 0px 16px 24px -12px rgba(0, 0, 0, 0.25);
}
.gm_btn--blue {
  color: var(--gm-color-white);
  background-color: var(--gm-color-blue);
  box-shadow: 0px 16px 24px -12px rgba(0, 158, 250, 0.75);
}

@media (max-width: 1680px) {
  .gm_btn--xl {
    font-size: 18px;
    line-height: 24px;
  }
  .gm_btn--lg {
    font-size: 16px;
    padding: 20px 40px;
  }
}
.gm_main {
  gap: var(--gm-offset-block);
  display: grid;
  padding-bottom: var(--gm-offset-block);
}

.gm_page__head {
  margin-bottom: calc(var(--gm-offset-block) * 0.5);
}
.gm_page__body {
  gap: calc(var(--gm-offset-block) * 0.75);
  display: grid;
}

.btn-dart {
  cursor: pointer;
  background: none;
  border: none;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.btn-dart:hover {
  opacity: 0.75;
}
.btn-dart:active {
  opacity: 0.5;
}
.btn-dart:disabled, .btn-dart.is-disabled {
  cursor: default;
  opacity: 0.25;
}
.btn-dart.is-lock, .btn-dart.is-hidden {
  display: none;
}
.btn-dart--dark {
  background: #282A32;
  transition: opacity 0.25s;
}
.btn-dart--lg {
  width: 32px;
  height: 32px;
}
.btn-dart--prev {
  -webkit-mask-size: 32px 32px;
          mask-size: 32px 32px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTAgMTYgMTYgMGwyLjEyIDIuMTNMNS43NCAxNC41SDMydjNINS43NGwxMi4zOCAxMi4zOEwxNiAzMiAwIDE2eiIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTAgMTYgMTYgMGwyLjEyIDIuMTNMNS43NCAxNC41SDMydjNINS43NGwxMi4zOCAxMi4zOEwxNiAzMiAwIDE2eiIvPjwvc3ZnPg==");
}
.btn-dart--next {
  -webkit-mask-size: 32px 32px;
          mask-size: 32px 32px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQo8cG9seWdvbiBwb2ludHM9IjMyIDE2IDE2IDMyIDEzLjg4IDI5Ljg3IDI2LjI2IDE3LjUgMCAxNy41IDAgMTQuNSAyNi4yNiAxNC41IDEzLjg4IDIuMTIgMTYgMCAzMiAxNiIvPg0KPC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQo8cG9seWdvbiBwb2ludHM9IjMyIDE2IDE2IDMyIDEzLjg4IDI5Ljg3IDI2LjI2IDE3LjUgMCAxNy41IDAgMTQuNSAyNi4yNiAxNC41IDEzLjg4IDIuMTIgMTYgMCAzMiAxNiIvPg0KPC9zdmc+");
}

@media (max-width: 1440px) {
  .btn-dart--prev {
    -webkit-mask-size: 24px 24px;
            mask-size: 24px 24px;
  }
  .btn-dart--next {
    -webkit-mask-size: 24px 24px;
            mask-size: 24px 24px;
  }
}
.file-upload {
  cursor: pointer;
  display: block;
}
.file-upload__zone {
  display: block;
  padding: 24px 32px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  border-width: 1px;
  border-style: dashed;
  border-color: currentColor;
  border-radius: 16px;
  transition: opacity 0.25s;
}
.file-upload__zone:hover {
  opacity: 0.75;
}
.file-upload__file {
  gap: 16px;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  padding: 4px 0;
}
.file-upload__file-icon {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  color: var(--gm-color-blue);
  background-color: var(--gm-color-blue-light);
  transition: opacity 0.25s;
}
.file-upload__file-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiA0MCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTMxIDE0LjQ5VjM0YzAgMi43Ni0yLjI0IDUtNSA1SDZjLTIuNzYgMC01LTIuMjQtNS01VjZjMC0yLjc2IDIuMjQtNSA1LTVoMTEuNTFjMS4zMyAwIDIuNi41MyAzLjU0IDEuNDZsOC40OSA4LjQ5Yy45My45NCAxLjQ2IDIuMjEgMS40NiAzLjU0eiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0zMSAxNC40OVYxNWgtOGMtMy4zMSAwLTYtMi42OS02LTZWMWguNTFjMS4zMyAwIDIuNi41MyAzLjU0IDEuNDZsOC40OSA4LjQ5Yy45My45NCAxLjQ2IDIuMjEgMS40NiAzLjU0ek04IDIzaDE2TTggMzBoMTYiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiA0MCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTMxIDE0LjQ5VjM0YzAgMi43Ni0yLjI0IDUtNSA1SDZjLTIuNzYgMC01LTIuMjQtNS01VjZjMC0yLjc2IDIuMjQtNSA1LTVoMTEuNTFjMS4zMyAwIDIuNi41MyAzLjU0IDEuNDZsOC40OSA4LjQ5Yy45My45NCAxLjQ2IDIuMjEgMS40NiAzLjU0eiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0zMSAxNC40OVYxNWgtOGMtMy4zMSAwLTYtMi42OS02LTZWMWguNTFjMS4zMyAwIDIuNi41MyAzLjU0IDEuNDZsOC40OSA4LjQ5Yy45My45NCAxLjQ2IDIuMjEgMS40NiAzLjU0ek04IDIzaDE2TTggMzBoMTYiLz48L3N2Zz4=");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 32px 40px;
          mask-size: 32px 40px;
  display: block;
}
.file-upload__file-info {
  gap: 2px;
  display: grid;
}
.file-upload__file-name {
  font-size: 20px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.file-upload__file-size {
  opacity: 0.75;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.file-upload__file-remove {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  color: #FF3333;
  background-color: #FFE6E6;
  transition: opacity 0.25s;
}
.file-upload__file-remove:hover {
  opacity: 0.75;
}
.file-upload__file-remove::before {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzFlMWUxZSIgZD0iTTE5LjQ3IDIwLjUzIDEyIDEzLjA2bC03LjQ3IDcuNDctMS4wNi0xLjA2TDEwLjk0IDEyIDMuNDcgNC41M2wxLjA2LTEuMDZMMTIgMTAuOTRsNy40Ny03LjQ3IDEuMDYgMS4wNkwxMy4wNiAxMmw3LjQ3IDcuNDctMS4wNiAxLjA2eiIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzFlMWUxZSIgZD0iTTE5LjQ3IDIwLjUzIDEyIDEzLjA2bC03LjQ3IDcuNDctMS4wNi0xLjA2TDEwLjk0IDEyIDMuNDcgNC41M2wxLjA2LTEuMDZMMTIgMTAuOTRsNy40Ny03LjQ3IDEuMDYgMS4wNkwxMy4wNiAxMmw3LjQ3IDcuNDctMS4wNiAxLjA2eiIvPjwvc3ZnPg==");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 32px 32px;
          mask-size: 32px 32px;
  display: block;
}
.file-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

@media (max-width: 1680px) {
  .file-upload__zone {
    padding: 19px 23px;
    font-size: 16px;
  }
  .file-upload__file {
    gap: 12px;
  }
  .file-upload__file-icon, .file-upload__file-remove {
    width: 56px;
    height: 56px;
  }
  .file-upload__file-name {
    font-size: 16px;
  }
}
.office-item {
  gap: 8px;
  display: grid;
}
.office-item__label {
  color: var(--gm-color-gray-500);
  font-size: 16px;
}
.office-item__value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.15;
}

@media (max-width: 576px) {
  .office-item__value {
    font-size: 20px;
  }
}
.social__list {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.social__link {
  color: var(--gm-color-gray-500);
  background-color: var(--gm-color-bg);
  display: block;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  padding: 16px;
}

@media (max-width: 1680px) {
  .social__list {
    gap: 8px;
  }
  .social__link {
    width: 56px;
    height: 56px;
    padding: 14px;
  }
}
.contact-item {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.contact-item__label {
  color: var(--gm-color-gray-500);
  font-size: 16px;
  line-height: 1.25;
}
.contact-item__value {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

@media (max-width: 1680px) {
  .contact-item__value {
    font-size: 20px;
  }
}
.card-client {
  padding: 48px 64px;
  background-color: #FFFFFF;
  gap: 40px;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
.card-client__image {
  opacity: 0.5;
  aspect-ratio: 3/1;
  margin: 0 auto;
}
.card-client__line {
  height: 1px;
  background-color: #E1E1E6;
}
.card-client__info {
  text-align: center;
  gap: 12px;
  display: grid;
  align-content: center;
}
.card-client__title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600;
}
.card-client__text {
  color: #737B80;
  font-size: 16px;
  line-height: 1.25;
}

@media (max-width: 1440px) {
  .card-client {
    padding: 40px 32px;
    gap: 24px;
  }
  .card-client__title {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .card-client {
    padding: 32px 24px;
  }
}
@media (max-width: 1024px) {
  .card-client__image {
    max-width: 300px;
  }
}
.card-letter {
  padding: 16px;
  background-color: #FFFFFF;
  position: relative;
}
.card-letter__media {
  display: block;
  position: relative;
  aspect-ratio: 29/41;
  border-radius: 48px;
  overflow: hidden;
}
.card-letter__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-letter__overlay {
  color: #FFFFFF;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 158, 250, 0.95);
  border-radius: inherit;
  padding: 16px;
  gap: 16px;
  display: grid;
  justify-items: center;
  align-content: center;
  opacity: 0;
  transition: opacity 0.25s;
}
.card-letter__overlay::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxLjcxLDIwLjI5bC0zLjY4LTMuNjhjMS4yMy0xLjU0LDEuOTctMy40OSwxLjk3LTUuNjEsMC00Ljk2LTQuMDQtOS05LTlTMiw2LjA0LDIsMTFzNC4wNCw5LDksOWMyLjEyLDAsNC4wNy0uNzQsNS42MS0xLjk3bDMuNjgsMy42OGMuMiwuMiwuNDUsLjI5LC43MSwuMjlzLjUxLS4xLC43MS0uMjljLjM5LS4zOSwuMzktMS4wMiwwLTEuNDFaTTQsMTFjMC0zLjg2LDMuMTQtNyw3LTdzNywzLjE0LDcsN2MwLDEuOTItLjc4LDMuNjYtMi4wMyw0LjkyLDAsMC0uMDIsLjAxLS4wMywuMDJzLS4wMSwuMDItLjAyLC4wM2MtMS4yNywxLjI1LTMsMi4wMy00LjkyLDIuMDMtMy44NiwwLTctMy4xNC03LTdaIi8+DQo8L3N2Zz4=");
  background-position: center;
  display: block;
}
.card-letter__label {
  height: 40px;
  font-size: 16px;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.card-letter:hover .card-letter__overlay {
  opacity: 1;
}

@media (max-width: 1440px) {
  .card-letter {
    padding: 8px;
  }
  .card-letter__media {
    border-radius: 40px;
  }
  .card-letter__overlay {
    padding: 8px;
    gap: 8px;
  }
  .card-letter__label {
    height: 36px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1280px) {
  .card-letter__media {
    border-radius: 32px;
  }
  .card-letter__overlay {
    display: none;
  }
}
.pulse-card {
  color: #fff;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), var(--image) center/cover;
  aspect-ratio: 4/5;
}
.pulse-card::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  display: block;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIj48cGF0aCBmaWxsPSJyZWQiIGQ9Ik03My42NyAyLjYyYzExLjM0LTUuODYgMjUuMzItMS41NiAzMS4yOCA5LjU4IDUuOTYgMTEuMTQgMS42NiAyNS4xMi05LjY4IDMwLjk5bC05LjI5IDQuODljOC4wMi4yOSAxNS42NCA0LjY5IDE5LjY1IDEyLjIyIDUuOTYgMTEuMjQgMS42NiAyNS4xMi05LjY4IDMwLjk5bC00OS42NSAyNi4xYy0xMS4zNCA1Ljg3LTI1LjMyIDEuNTYtMzEuMjgtOS41OC01Ljk2LTExLjE0LTEuNTYtMjUuMTIgOS42OC0zMC45OGw5LjI5LTQuODljLTguMDItLjI5LTE1LjY0LTQuNjktMTkuNjUtMTIuMjItNS45Ni0xMS4yNC0xLjU2LTI1LjEyIDkuNjgtMzAuOTlMNzMuNjcgMi42MnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDYuODkgNDEuNDggNzcgNjAuMDUgNDYuODkgNzguNTJWNDEuNDh6Ii8+PC9zdmc+");
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
.pulse-card__text {
  left: 32px;
  right: 32px;
  bottom: 40px;
  position: absolute;
  text-align: center;
  font-size: 20px;
  line-height: 1.25;
}

@media (max-width: 1680px) {
  .pulse-card::after {
    width: 80px;
    height: 80px;
  }
  .pulse-card__text {
    left: 16px;
    right: 16px;
    bottom: 24px;
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .pulse-card__text {
    font-size: 14px;
  }
}
.coop-card {
  padding: 16px 40px 48px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  gap: 32px;
  display: grid;
}
.coop-card__head {
  margin: 0 -24px;
}
.coop-card__image {
  display: block;
  width: 100%;
  height: 320px;
  border-radius: calc(var(--gm-border-radius-xl) - 16px);
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.coop-card__body {
  gap: 16px;
  display: grid;
}
.coop-card__title {
  font-size: 32px;
  line-height: 1.15;
}
.coop-card__text {
  color: var(--gm-color-gray-500);
}
.coop-card__btn {
  display: block;
}

@media (max-width: 1680px) {
  .coop-card {
    padding: 8px 24px 32px;
    gap: 24px;
  }
  .coop-card__head {
    margin: 0 -16px;
  }
  .coop-card__image {
    height: 240px;
    border-radius: calc(var(--gm-border-radius-xl) - 8px);
  }
  .coop-card__body {
    gap: 12px;
  }
  .coop-card__title {
    font-size: 24px;
  }
}
.office-row {
  padding: 24px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  gap: var(--gm-grid-gap);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.office-row__main {
  padding: 0 40px;
}
.office-row__head {
  padding: 40px 0;
  border-bottom: 1px solid var(--gm-color-gray-100);
}
.office-row__body {
  padding: 40px 0;
  gap: 32px;
  display: grid;
}
.office-row__list {
  gap: 24px;
  display: grid;
}
.office-row__footer {
  padding: 40px 0;
  border-top: 1px solid var(--gm-color-gray-100);
}
.office-row__text {
  color: var(--gm-color-gray-500);
}
.office-row__map {
  overflow: hidden;
  border-radius: calc(var(--gm-border-radius-xl) - 24px);
  background-color: var(--gm-color-bg);
}

@media (max-width: 1680px) {
  .office-row {
    padding: 16px;
  }
  .office-row__main {
    padding: 0 32px;
  }
  .office-row__head {
    padding: 32px 0;
  }
  .office-row__body {
    padding: 32px 0;
    gap: 24px;
  }
  .office-row__list {
    gap: 16px;
  }
  .office-row__footer {
    padding: 32px 0;
  }
  .office-row__map {
    border-radius: calc(var(--gm-border-radius-xl) - 16px);
  }
}
@media (max-width: 1280px) {
  .office-row__main {
    padding: 0 16px;
  }
}
@media (max-width: 1024px) {
  .office-row {
    grid-template-columns: 1fr;
  }
  .office-row__map {
    height: 520px;
  }
}
@media (max-width: 768px) {
  .office-row__main {
    padding: 0 8px;
  }
  .office-row__head {
    padding: 24px 0;
  }
  .office-row__body {
    padding: 24px 0;
  }
  .office-row__footer {
    padding: 24px 0;
  }
  .office-row__map {
    height: 400px;
  }
}
.contact-row {
  padding: 24px 64px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  display: flex;
  flex-direction: column;
}
.contact-row__head {
  padding: 40px 0;
  border-bottom: 1px solid var(--gm-color-gray-100);
}
.contact-row__text {
  color: var(--gm-color-gray-500);
  max-width: 720px;
}
.contact-row__body {
  flex: 1 1 auto;
  padding: 40px 0;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
.contact-row__list {
  gap: 24px 32px;
  display: flex;
  flex-wrap: wrap;
}
.contact-row__item {
  flex: 1 1 320px;
}
.contact-row__footer {
  display: flex;
  padding: 40px 0;
  border-top: 1px solid var(--gm-color-gray-100);
}

@media (max-width: 1680px) {
  .contact-row {
    padding: 16px 48px;
  }
  .contact-row__head {
    padding: 32px 0;
  }
  .contact-row__body {
    padding: 32px 0;
    gap: 24px;
  }
  .contact-row__list {
    gap: 16px 24px;
  }
  .contact-row__footer {
    padding: 32px 0;
  }
}
@media (max-width: 1280px) {
  .contact-row {
    padding: 16px 32px;
  }
}
@media (max-width: 576px) {
  .contact-row {
    padding: 16px 24px;
  }
  .contact-row__head {
    padding: 24px 0;
  }
  .contact-row__body {
    padding: 24px 0;
  }
  .contact-row__footer {
    padding: 24px 0;
  }
}
.contact-box {
  padding: 24px 64px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  display: flex;
  flex-direction: column;
}
.contact-box__head {
  padding: 40px 0;
  border-bottom: 1px solid var(--gm-color-gray-100);
}
.contact-box__text {
  color: var(--gm-color-gray-500);
}
.contact-box__body {
  flex: 1 1 auto;
  padding: 40px 0;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
.contact-box__list {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.contact-box__footer {
  display: flex;
  padding: 40px 0;
  border-top: 1px solid var(--gm-color-gray-100);
}
.contact-box__btn {
  width: 100%;
}

@media (max-width: 1680px) {
  .contact-box {
    padding: 16px 48px;
  }
  .contact-box__head {
    padding: 32px 0;
  }
  .contact-box__body {
    padding: 32px 0;
    gap: 24px;
  }
  .contact-box__list {
    gap: 16px;
  }
  .contact-box__footer {
    padding: 32px 0;
  }
}
@media (max-width: 1280px) {
  .contact-box {
    padding: 16px 32px;
  }
}
@media (max-width: 576px) {
  .contact-box {
    padding: 16px 24px;
  }
  .contact-box__head {
    padding: 24px 0;
  }
  .contact-box__body {
    padding: 24px 0;
  }
  .contact-box__footer {
    padding: 24px 0;
  }
}
.gm_form {
  /* spinner */
  /* acceptance */
}
.gm_form ::-moz-placeholder {
  color: inherit;
  -moz-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.gm_form ::placeholder {
  color: inherit;
  transition: opacity 0.25s;
}
.gm_form :focus::-moz-placeholder {
  opacity: 0.25;
}
.gm_form :focus::placeholder {
  opacity: 0.25;
}
.gm_form .wpcf7-response-output,
.gm_form .wpcf7 .screen-reader-response {
  display: none;
  overflow: hidden;
  visibility: hidden;
}
.gm_form .wpcf7-custom-group {
  position: relative;
}
.gm_form .wpcf7-form-control-wrap {
  display: block;
}
.gm_form .wpcf7-text,
.gm_form .wpcf7-tel,
.gm_form .wpcf7-email,
.gm_form .wpcf7-textarea {
  font: inherit;
  color: inherit;
  width: 100%;
  display: block;
  resize: none;
  padding: 24px 32px;
  font-size: 20px;
  line-height: 1.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  background-color: transparent;
  transition-duration: 0.25s;
  transition-property: border, color;
}
.gm_form .wpcf7-not-valid {
  color: #FF3333;
}
.gm_form .wpcf7-not-valid-tip {
  position: absolute;
  left: 16px;
  right: 0;
  bottom: 0;
  display: block;
  transform: translateY(100%);
  color: #FF3333;
  font-size: 12px;
  line-height: 16px;
  display: block;
}
.gm_form .wpcf7-spinner {
  color: inherit;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50%;
  visibility: hidden;
  border-width: 2px;
  border-style: solid;
  border-color: transparent currentColor currentColor;
  animation: theme-spinner 1000ms linear infinite;
}
.gm_form .wpcf7 form.submitting .wpcf7-spinner {
  visibility: visible;
}
.gm_form .wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}
.gm_form .wpcf7 form.submitting {
  pointer-events: none;
}
.gm_form .wpcf7 form.submitting .wpcf7-submit {
  color: transparent;
}
.gm_form .wpcf7-acceptance a {
  text-decoration: underline;
}
.gm_form .wpcf7-acceptance input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.gm_form .wpcf7-acceptance .wpcf7-list-item-label {
  position: relative;
  display: block;
  padding-left: 36px;
  font-size: 14px;
  line-height: 1.25;
}
.gm_form .wpcf7-acceptance .wpcf7-list-item-label::before,
.gm_form .wpcf7-acceptance .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 8px;
}
.gm_form .wpcf7-acceptance .wpcf7-list-item-label::before {
  border: 1px solid currentColor;
}
.gm_form .wpcf7-acceptance .wpcf7-list-item-label::after {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTQuNSAxMiA1IDUgMTAtMTAiLz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTQuNSAxMiA1IDUgMTAtMTAiLz48L3N2Zz4=");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: none;
  background: currentColor;
}
.gm_form .wpcf7-acceptance input:checked + .wpcf7-list-item-label::after {
  display: block;
}

@media (max-width: 1680px) {
  .gm_form .wpcf7-text,
  .gm_form .wpcf7-tel,
  .gm_form .wpcf7-email,
  .gm_form .wpcf7-textarea {
    padding: 19px 23px;
    font-size: 16px;
  }
  .gm_form .wpcf7-acceptance .wpcf7-list-item-label {
    max-width: 400px;
    font-size: 12px;
    line-height: 1.25;
  }
}
/* @include mq-xl {
  .wpcf7-text,
  .wpcf7-tel,
  .wpcf7-email,
  .wpcf7-textarea {
    padding: 18px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
 */
.cky-consent-container {
  width: 480px !important;
}

.cky-consent-container .cky-title {
  display: none !important;
}

.cky-btn-revisit-wrapper {
  display: none !important;
}

@media (max-width: 440px) {
  .cky-consent-container {
    width: 100% !important;
  }
}
.gm_block {
  --offset: 48px;
  --grid-gap: 48px;
}
.gm_block__inner {
  gap: var(--grid-gap);
  display: grid;
}
.gm_block__head {
  padding: 0 var(--offset);
  gap: calc(var(--grid-gap) * 0.5);
  display: grid;
}
.gm_block__text {
  color: var(--gm-color-gray-500);
  max-width: 720px;
}

@media (max-width: 1680px) {
  .gm_block {
    --offset: 32px;
    --grid-gap: 32px;
  }
  .gm_block__text {
    max-width: 576px;
  }
}
@media (max-width: 1280px) {
  .gm_block {
    --offset: 24px;
  }
}
@media (max-width: 1024px) {
  .gm_block {
    --offset: 16px;
  }
}
.blocks {
  gap: 120px;
  display: grid;
}

@media (max-width: 1440px) {
  .blocks {
    gap: 80px;
  }
}
@media (max-width: 1024px) {
  .blocks {
    gap: 64px;
  }
}
.icon {
  background-repeat: no-repeat;
  background-position: center;
}

.link {
  color: inherit;
  transition: opacity 0.25s ease-in-out;
}
.link:hover {
  opacity: 0.75;
}

.b_title {
  font-family: "Onest", sans-serif;
  font-weight: 600;
}
.b_title span {
  color: #009EFA;
}
.b_title--xl {
  font-size: 64px;
  line-height: 1.25;
}
.b_title--lg {
  font-size: 64px;
  line-height: 1.25;
}
.b_title--md {
  font-size: 32px;
  line-height: 1.25;
}
.b_title--sm {
  font-size: 24px;
  line-height: 1.25;
}

@media (max-width: 1440px) {
  .b_title--xl {
    font-size: 48px;
  }
  .b_title--lg {
    font-size: 48px;
  }
  .b_title--md {
    font-size: 24px;
  }
  .b_title--sm {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .b_title--xl {
    font-size: 40px;
  }
  .b_title--lg {
    font-size: 40px;
  }
}
@media (max-width: 576px) {
  .b_title--xl {
    font-size: 32px;
  }
  .b_title--lg {
    font-size: 32px;
  }
}
.b_text {
  font-family: "Onest", sans-serif;
}
.b_text--xl {
  font-size: 18px;
  line-height: 1.75;
}
.b_text--lg {
  font-size: 16px;
}

@media (max-width: 1440px) {
  .b_text--xl {
    font-size: 14px;
  }
  .b_text--lg {
    font-size: 14px;
  }
}
.n_btn {
  cursor: pointer;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
}
.n_btn:hover {
  opacity: 0.75;
}
.n_btn:active {
  opacity: 0.75;
  animation: gmaf-click 0.2s ease-in-out;
}
.n_btn--primary {
  color: #FFFFFF;
  background-color: #009EFA;
  transition: opacity 0.25s;
  text-align: center;
}
.n_btn--light {
  color: #282A32;
  background-color: #FFFFFF;
  transition: opacity 0.25s;
  box-shadow: 0px 8px 24px rgba(40, 42, 50, 0.02);
  text-align: center;
}
.n_btn--lg {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  padding: 22px 40px;
  border-radius: 32px;
}

.btn-nav {
  cursor: pointer;
  background: none;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
}
.btn-nav:hover {
  opacity: 0.75;
}
.btn-nav:active {
  opacity: 0.75;
  animation: gmaf-click 0.2s ease-in-out;
}
.btn-nav:disabled, .btn-nav.is-disabled {
  cursor: default;
  opacity: 0.25;
}
.btn-nav.is-lock, .btn-nav.is-hidden {
  display: none;
}
.btn-nav--light {
  background-color: #FFFFFF;
  transition: opacity 0.25s;
}
.btn-nav--lg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.btn-nav--inline {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.btn-nav--prev {
  background-size: 26px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyODJBMzIiIGQ9Ik0yNSA5YTEgMSAwIDEgMCAwLTJ2MnpNLjI5MyA3LjI5M2ExIDEgMCAwIDAgMCAxLjQxNGw2LjM2NCA2LjM2NGExIDEgMCAwIDAgMS40MTQtMS40MTRMMi40MTQgOGw1LjY1Ny01LjY1N0ExIDEgMCAwIDAgNi42NTcuOTNMLjI5MyA3LjI5M3pNMjUgN0gxdjJoMjRWN3oiLz48L3N2Zz4=");
}
.btn-nav--next {
  background-size: 26px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyODJBMzIiIGQ9Ik0xIDdhMSAxIDAgMCAwIDAgMlY3em0yNC43MDcgMS43MDdhMSAxIDAgMCAwIDAtMS40MTRMMTkuMzQzLjkyOWExIDEgMCAxIDAtMS40MTQgMS40MTRMMjMuNTg2IDhsLTUuNjU3IDUuNjU3YTEgMSAwIDAgMCAxLjQxNCAxLjQxNGw2LjM2NC02LjM2NHpNMSA5aDI0VjdIMXYyeiIvPjwvc3ZnPg==");
}

@media (max-width: 1440px) {
  .btn-nav--inline {
    width: 48px;
    height: 48px;
  }
}
.btn-more {
  cursor: pointer;
  background: none;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.btn-more:hover {
  opacity: 0.75;
}
.btn-more:active {
  opacity: 0.75;
  animation: gmaf-click 0.2s ease-in-out;
}
.btn-more--light {
  background-color: #FFFFFF;
  transition: opacity 0.25s;
  box-shadow: 0px 8px 24px rgba(40, 42, 50, 0.02);
}
.btn-more--xl {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  border-radius: 56px;
  padding: 40px;
}

.block {
  font-family: "Onest", sans-serif;
}
.block__inner {
  gap: 40px;
  display: grid;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
  max-width: 1816px;
}
.block__head {
  gap: 16px;
  display: grid;
  padding: 0 48px;
}
.block__text {
  color: #6F7171;
  font-size: 20px;
  line-height: 1.5;
  max-width: 768px;
}
.block__body {
  min-width: 0;
}
.block__footer {
  padding: 0 48px;
}

@media (max-width: 1440px) {
  .block__inner {
    gap: 32px;
  }
  .block__head {
    padding: 0 32px;
  }
  .block__text {
    font-size: 16px;
    max-width: 600px;
  }
  .block__footer {
    padding: 0 32px;
  }
}
@media (max-width: 576px) {
  .block__inner {
    gap: 24px;
    padding: 0 16px;
  }
  .block__head {
    gap: 12px;
    padding: 0 24px;
  }
  .block__text {
    font-size: 14px;
  }
  .block__footer {
    padding: 0 24px;
  }
  .block__more {
    width: 100%;
  }
  .block__nav {
    display: none !important;
  }
}
.slider-nav {
  gap: 16px;
  display: flex;
}

@media (max-width: 1440px) {
  .slider-nav {
    gap: 8px;
  }
}
.rounded-lg {
  border-radius: 64px;
}

@media (max-width: 1440px) {
  .rounded-lg {
    border-radius: 48px;
  }
}
@media (max-width: 1280px) {
  .rounded-lg {
    border-radius: 40px;
  }
}
.card-benefit {
  gap: 24px;
  display: grid;
  align-items: start;
  grid-template-rows: auto 1fr;
  padding: 48px;
  background-color: #fff;
}
.card-benefit__head {
  position: relative;
}
.card-benefit__head::after {
  content: "";
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-color: #E6F6FF;
}
.card-benefit__head::before {
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  transform: translateY(-50%);
  background-color: #E6F6FF;
}
.card-benefit__icon {
  width: 128px;
  height: 80px;
  position: relative;
  background-color: #E6F6FF;
  background-size: 32px 32px;
  border-radius: 16px 40px 40px 16px;
}
.card-benefit__body {
  gap: 16px;
  display: grid;
}
.card-benefit__text {
  color: #737B80;
}

@media (max-width: 1440px) {
  .card-benefit {
    gap: 16px;
    padding: 32px;
  }
  .card-benefit__head::after {
    content: "";
    width: 8px;
    height: 8px;
  }
  .card-benefit__icon {
    width: 88px;
    height: 56px;
    background-size: 24px 24px;
  }
  .card-benefit__body {
    gap: 8px;
  }
}
@media (max-width: 576px) {
  .card-benefit {
    padding: 24px;
  }
}
.card-vacancy {
  cursor: pointer;
  padding: 48px;
  background-color: #FFFFFF;
  gap: 24px;
  display: grid;
  grid-template-rows: auto 1fr;
  transition: transform 0.25s ease-in-out;
  position: relative;
}
.card-vacancy:hover {
  transform: scale(1.03);
}
.card-vacancy__overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: inherit;
}
.card-vacancy__tags {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
.card-vacancy__tag, .card-vacancy__title a, .card-vacancy__city a {
  z-index: 1;
  position: relative;
}
.card-vacancy__body {
  gap: 16px;
  display: grid;
  grid-template-rows: 1fr;
}
.card-vacancy__city {
  color: #737B80;
  font-size: 16px;
}
.card-vacancy__line {
  height: 1px;
  background-color: #E1E1E6;
}
.card-vacancy__wages {
  font-size: 32px;
}

@media (max-width: 1440px) {
  .card-vacancy {
    padding: 32px;
    gap: 16px;
  }
  .card-vacancy__body {
    gap: 8px;
  }
  .card-vacancy__city {
    font-size: 14px;
  }
  .card-vacancy__wages {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .card-vacancy {
    padding: 24px;
  }
  .card-vacancy:hover {
    transform: scale(1);
  }
}
.slider-primary__slide {
  height: 640px;
}
.slider-primary__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-primary__nav {
  right: 32px;
  bottom: 32px;
  position: absolute;
  z-index: 99;
}
.slider-primary__pagination {
  left: 48px;
  bottom: 48px;
  position: absolute;
  z-index: 99;
}

@media (max-width: 1440px) {
  .slider-primary__slide {
    height: 512px;
  }
  .slider-primary__nav {
    right: 24px;
    bottom: 24px;
  }
  .slider-primary__pagination {
    left: 32px;
    bottom: 32px;
  }
}
@media (max-width: 576px) {
  .slider-primary__slide {
    height: 320px;
  }
  .slider-primary__pagination {
    left: 24px;
    bottom: 24px;
  }
  .slider-primary__nav {
    display: none;
  }
}
.slider-fraction {
  color: #FFFFFF;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  width: 80px;
}

.wages {
  font-weight: 600;
  line-height: 1;
}
.wages__from::before {
  content: "от ";
  font-size: 0.75em;
  font-weight: 400;
}
.wages__to::before {
  content: "до ";
  font-size: 0.75em;
  font-weight: 400;
}

.wages.no-prefix .wages__from::before,
.wages.no-prefix .wages__to::before {
  display: none !important;
}

/* blocks */
.block-hero__body {
  padding: 80px 48px;
  overflow: hidden;
  gap: 40px;
  display: grid;
  grid-template-rows: 1fr;
  min-height: 400px;
  position: relative;
}
.block-hero__picture {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.block-hero__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-hero__content, .block-hero__common {
  max-width: 50%;
  position: relative;
}
.block-hero__btn {
  display: inline-block;
}

@media (max-width: 1440px) {
  .block-hero__body {
    padding: 64px 32px;
    gap: 32px;
    min-height: 320px;
  }
}
@media (max-width: 576px) {
  .block-hero__body {
    padding: 40px 24px;
    min-height: 512px;
  }
  .block-hero__content, .block-hero__common {
    max-width: 100%;
  }
  .block-hero__btn {
    width: 100%;
  }
}
.block-benefit__slide {
  height: auto;
}
.block-benefit__footer {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 576px) {
  .block-benefit__more {
    width: 100%;
  }
  .block-benefit__nav {
    display: none;
  }
}
.block-vacancy__body {
  /* gap: 32px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: start; */
}
.block-vacancy__listing {
  gap: 32px;
  display: grid;
  /* grid-column: span 8; */
}
.block-vacancy__items {
  gap: 24px 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.block-vacancy__aside {
  grid-column: span 4;
}

@media (max-width: 1440px) {
  .block-vacancy__items {
    gap: 16px 24px;
  }
}
@media (max-width: 1024px) {
  .block-vacancy__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .block-vacancy__items {
    grid-template-columns: 1fr;
  }
}
.baserow {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
}
.baserow__media {
  min-width: 0;
  grid-column: span 8;
}
.baserow__body {
  gap: 40px;
  display: grid;
  padding: 0 40px;
  grid-column: span 4;
}
.baserow__content {
  gap: 24px;
  display: grid;
}
.baserow__text {
  color: #737B80;
}
.baserow__btn {
  display: inline-block;
}

.baserow__thumbs {
  padding: 0 48px;
  margin-top: 16px;
}
.baserow__thumbs-slide {
  cursor: pointer;
  position: relative;
  aspect-ratio: 6/5;
  overflow: hidden;
  border-radius: 40px;
  opacity: 0.5;
  filter: grayscale(1);
  transition: opacity 0.25s, filter 0.25s;
}
.baserow__thumbs-slide:hover {
  opacity: 1;
}
.baserow__thumbs-slide--active {
  opacity: 1;
  filter: grayscale(0);
}
.baserow__thumbs-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1440px) {
  .baserow {
    gap: 24px;
  }
  .baserow__body {
    gap: 32px;
    padding: 0 32px;
  }
  .baserow__content {
    gap: 16px;
  }
  .baserow__thumbs {
    padding: 0 32px;
    margin-top: 8px;
  }
  .baserow__thumbs-slide {
    border-radius: 32px;
  }
}
@media (max-width: 1024px) {
  .baserow {
    gap: 32px 24px;
    grid-template-columns: repeat(6, 1fr);
  }
  .baserow__media {
    grid-column: span 6;
  }
  .baserow__thumbs {
    padding: 0 16px;
  }
}
@media (max-width: 576px) {
  .baserow {
    grid-template-columns: 1fr;
  }
  .baserow__media, .baserow__body {
    grid-column: auto;
  }
  .baserow__body {
    padding: 0 24px;
  }
}
.editor {
  gap: 0.75em;
  display: grid;
}
.editor ul,
.editor ol {
  gap: 0.5em;
  display: grid;
  padding-left: 1.25em;
}
.editor a {
  color: #009EFA;
  text-decoration: underline;
}

.n_tag {
  display: inline-block;
  transition: opacity 0.25s;
}
.n_tag:hover {
  opacity: 0.75;
}
.n_tag--primary {
  color: #009EFA;
  background-color: #E6F6FF;
}
.n_tag--lg {
  padding: 0 16px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 24px;
}
.n_tag--sm {
  padding: 0 16px;
  line-height: 32px;
  border-radius: 16px;
}

@media (max-width: 1440px) {
  .n_tag--lg {
    font-size: 14px;
    line-height: 32px;
  }
}
/* aside */
.aside {
  font-family: "Onest", sans-serif;
  gap: 32px;
  display: grid;
  align-items: start;
}
@media (max-width: 1440px) {
  .aside {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .aside {
    gap: 16px;
  }
}
/* widget */
.widget {
  padding: 48px;
  background-color: #FFFFFF;
}
.widget__head {
  gap: 16px;
  display: grid;
  padding: 0 16px;
}
.widget__text {
  color: #737B80;
  max-width: 80%;
}
@media (max-width: 1440px) {
  .widget {
    padding: 32px;
  }
}
@media (max-width: 576px) {
  .widget {
    padding: 24px;
  }
}
.widget-qr__body {
  gap: 32px;
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
}
.widget-qr__image {
  width: 120px;
  height: 120px;
}
.widget-qr__info {
  gap: 16px;
  display: grid;
}
.widget-qr__text {
  color: #737B80;
}

.single-vacancy__head {
  padding: 0 48px;
}
.single-vacancy__body {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
}
.single-vacancy__content {
  gap: 32px;
  display: grid;
  grid-column: span 8;
}
.single-vacancy__aside {
  grid-column: span 4;
}

@media (max-width: 1440px) {
  .single-vacancy__head {
    padding: 0 32px;
  }
  .single-vacancy__body {
    gap: 24px;
  }
  .single-vacancy__content {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .single-vacancy__head {
    padding: 0 24px;
  }
  .single-vacancy__body {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .single-vacancy__content {
    gap: 16px;
    grid-column: auto;
  }
  .single-vacancy__aside {
    order: -1;
    grid-column: auto;
  }
}
.vacancy-callback {
  font-family: "Onest", sans-serif;
  position: fixed;
  left: 0;
  bottom: 40px;
  width: 100%;
  z-index: 90;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.vacancy-callback__btn {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 24px 48px;
  box-shadow: 0px 8px 24px rgba(0, 158, 250, 0.4);
  border-radius: 48px;
  pointer-events: all;
}

@media (max-width: 1440px) {
  .vacancy-callback {
    bottom: 32px;
  }
}
@media (max-width: 576px) {
  .vacancy-callback {
    bottom: 24px;
  }
}
.n_props {
  gap: 24px;
  display: grid;
  background-color: #FFFFFF;
  padding: 48px;
}
.n_props__text {
  color: #737B80;
}

@media (max-width: 1440px) {
  .n_props {
    gap: 16px;
    padding: 32px;
  }
}
@media (max-width: 576px) {
  .n_props {
    gap: 12px;
    padding: 24px;
  }
}
.widget-vacinfo__body {
  gap: 32px;
  display: grid;
}
.widget-vacinfo__tags {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
.widget-vacinfo__options {
  gap: 24px;
  display: grid;
}
.widget-vacinfo__options-item {
  gap: 8px;
  display: grid;
}
.widget-vacinfo__options-key {
  color: #737B80;
  font-size: 16px;
  line-height: 1.25;
}
.widget-vacinfo__options-val {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.widget-vacinfo__line {
  height: 1px;
  background-color: #E1E1E6;
}
.widget-vacinfo__wages {
  font-size: 40px;
}

@media (max-width: 1440px) {
  .widget-vacinfo {
    top: 136px;
  }
  .widget-vacinfo__body {
    gap: 24px;
  }
  .widget-vacinfo__options {
    gap: 16px;
  }
  .widget-vacinfo__options-key {
    font-size: 14px;
  }
  .widget-vacinfo__options-val {
    font-size: 18px;
  }
  .widget-vacinfo__wages {
    font-size: 26px;
  }
}
.widget-contacts {
  gap: 32px;
  display: grid;
}
.widget-contacts__head {
  gap: 16px;
  display: grid;
}
.widget-contacts__line {
  height: 1px;
  background-color: #E1E1E6;
}

@media (max-width: 1440px) {
  .widget-contacts {
    gap: 24px;
  }
  .widget-contacts__head {
    gap: 8px;
  }
}
.block-clients__body {
  gap: 32px;
  display: grid;
}
.block-clients__primary {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.block-clients__second {
  min-width: 0;
  background-color: #FFFFFF;
  padding: 24px 96px;
  position: relative;
}
.block-clients__slide {
  padding: 24px 32px;
  border-radius: 96px;
  background-color: #F8F8FA;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-width: calc((100% - 128px) / 5);
}
.block-clients__slide img {
  opacity: 0.5;
  display: block;
}
.block-clients__prev, .block-clients__next {
  top: 0;
  bottom: 0;
  width: 96px;
  position: absolute;
  border-radius: inherit;
}
.block-clients__prev {
  left: 0;
}
.block-clients__next {
  right: 0;
}

@media (max-width: 1440px) {
  .block-clients__body {
    gap: 24px;
  }
  .block-clients__primary {
    gap: 24px;
  }
  .block-clients__second {
    padding: 16px 72px;
  }
  .block-clients__slide {
    max-width: calc((100% - 96px) / 5);
  }
  .block-clients__prev, .block-clients__next {
    width: 72px;
  }
}
@media (max-width: 1280px) {
  .block-clients__primary {
    gap: 16px;
  }
  .block-clients__slide {
    max-width: calc((100% - 48px) / 4);
  }
}
@media (max-width: 1024px) {
  .block-clients__primary {
    grid-template-columns: repeat(2, 1fr);
  }
  .block-clients .card-client:last-child {
    display: none;
  }
  .block-clients__slide {
    max-width: calc((100% - 32px) / 3);
  }
}
@media (max-width: 768px) {
  .block-clients__primary {
    grid-template-columns: 1fr;
  }
  .block-clients .card-client:last-child {
    display: grid;
  }
  .block-clients__second {
    padding: 16px 56px;
  }
  .block-clients__slide {
    max-width: calc((100% - 16px) / 2);
  }
  .block-clients__prev, .block-clients__next {
    width: 56px;
  }
}
@media (max-width: 576px) {
  .block-clients__slide {
    max-width: 100%;
  }
}
.block-pulse {
  overflow: hidden;
}
.block-pulse__swiper {
  overflow: visible;
}
.block-pulse__swiper-slide {
  max-width: calc((100% - 96px) / 4);
}
.block-pulse__footer {
  gap: 32px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1680px) {
  .block-pulse__swiper-slide {
    max-width: calc((100% - 72px) / 4);
  }
  .block-pulse__footer {
    gap: 24px;
  }
}
@media (max-width: 1280px) {
  .block-pulse__swiper-slide {
    max-width: 280px;
  }
}
.block-pulsegrid__body {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1440px) {
  .block-pulsegrid__body {
    gap: 24px;
  }
}
@media (max-width: 1280px) {
  .block-pulsegrid__body {
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .block-pulsegrid__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .block-pulsegrid__body {
    grid-template-columns: 1fr;
  }
}
.block-office__body {
  gap: var(--gm-grid-gap);
  display: grid;
}

.block-dept__body {
  gap: var(--gm-grid-gap);
  display: grid;
}

.block-boxes__body {
  gap: var(--gm-grid-gap);
  display: flex;
  flex-wrap: wrap;
}
.block-boxes__box {
  flex: 1 1 576px;
}

.block-feedback__inner {
  gap: var(--gm-grid-gap);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.block-feedback__media {
  position: relative;
  grid-column: span 5;
  overflow: hidden;
  border-radius: var(--gm-border-radius-xl);
}
.block-feedback__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.block-feedback__body {
  grid-column: span 7;
  padding: 64px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  gap: 40px;
  display: grid;
}
.block-feedback__heading {
  gap: 24px;
  display: grid;
}
.block-feedback__text {
  color: var(--gm-color-gray-500);
  max-width: 720px;
}
.block-feedback__form {
  color: var(--gm-color-gray-500);
}

.feedback-form {
  gap: 32px;
  display: grid;
}
.feedback-form__fields {
  row-gap: 24px;
  -moz-column-gap: var(--gm-grid-gap);
       column-gap: var(--gm-grid-gap);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.feedback-form__message, .feedback-form__file {
  grid-column: 1/-1;
}
.feedback-form__footer {
  gap: inherit;
  display: grid;
  align-items: center;
}
.feedback-form__action {
  color: var(--gm-color-white);
}
.feedback-form__submit {
  width: 100%;
}

@media (max-width: 1680px) {
  .block-feedback__body {
    gap: 32px;
    padding: 48px;
  }
  .block-feedback__heading {
    gap: 16px;
  }
  .feedback-form {
    gap: 24px;
  }
  .feedback-form__fields {
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .block-feedback__inner {
    grid-template-columns: 1fr;
  }
  .block-feedback__media {
    display: none;
  }
  .block-feedback__body {
    grid-column: auto;
    gap: 24px;
    padding: 40px 32px;
  }
  .block-feedback__heading {
    gap: 12px;
  }
  .block-feedback__text {
    max-width: 576px;
  }
}
@media (max-width: 576px) {
  .block-feedback__body {
    padding: 32px 24px;
  }
  .feedback-form__fields {
    grid-template-columns: 1fr;
  }
}
.block-coop__body {
  gap: var(--gm-grid-gap);
  display: flex;
  flex-wrap: wrap;
}
.block-coop__card {
  flex: 1 1 384px;
}

.hero-base {
  padding-top: calc(var(--gm-offset-block) * 0.5);
}
.hero-base__body {
  position: relative;
  border-radius: var(--gm-border-radius-xl);
  overflow: hidden;
}
.hero-base__picture {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.hero-base__image {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-base__content {
  position: relative;
  min-height: 640px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 64px;
}
.hero-base__breadcrumbs {
  width: 100%;
  max-width: 800px;
  opacity: 0.75;
}
.hero-base__heading {
  flex: 1 1 auto;
  gap: 24px;
  display: flex;
  flex-direction: column;
  max-width: 800px;
}
.hero-base__text {
  opacity: 0.75;
  max-width: 576px;
}

@media (max-width: 1680px) {
  .hero-base__content {
    min-height: 520px;
    gap: 32px;
    padding: 48px;
  }
  .hero-base__breadcrumbs {
    max-width: 640px;
  }
  .hero-base__heading {
    gap: 16px;
    max-width: 640px;
  }
  .hero-base__text {
    max-width: 560px;
  }
}
@media (max-width: 1280px) {
  .hero-base__content {
    padding: 48px 32px;
  }
}
@media (max-width: 576px) {
  .hero-base__content {
    gap: 24px;
    padding: 48px 24px;
  }
  .hero-base__btn {
    width: 100%;
  }
}
.block-seomore__inner {
  gap: 96px;
  display: grid;
}
.block-seomore__baserow:nth-of-type(even) .baserow__body {
  order: -1;
}

@media (max-width: 1024px) {
  .block-seomore__inner {
    gap: 64px;
  }
  .block-seomore__baserow:nth-of-type(even) .baserow__body {
    order: initial;
  }
}
.block-letters__items {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1440px) {
  .block-letters__items {
    gap: 24px;
  }
}
@media (max-width: 1280px) {
  .block-letters__items {
    gap: 16px;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  .block-letters__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .block-letters__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .block-letters__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-head__inner {
  padding-left: var(--gm-wrapper-offset);
  padding-right: var(--gm-wrapper-offset);
}
.content-box {
  padding: 24px 64px;
  border-radius: var(--gm-border-radius-xl);
  background-color: var(--gm-color-white);
  display: grid;
  grid-template-rows: auto 1fr;
}
.content-box__head {
  padding: 40px 0 48px;
  border-bottom: 1px solid var(--gm-color-gray-100);
}
.content-box__body {
  padding: 40px 0 48px;
  gap: var(--gm-grid-gap);
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  align-items: start;
}
.content-box__item {
  flex: 1 1 400px;
}
.content-box__footer {
  padding: 40px 0 48px;
  border-top: 1px solid var(--gm-color-gray-100);
}
.content-box__info {
  color: var(--gm-color-gray-500);
  max-width: 768px;
}
.content-box__btn {
  display: block;
}

@media (max-width: 1680px) {
  .content-box {
    padding: 24px 48px;
  }
  .content-box__head {
    padding: 32px 0 40px;
  }
  .content-box__body {
    padding: 32px 0 40px;
  }
  .content-box__item {
    flex: 1 1 320px;
  }
  .content-box__footer {
    padding: 32px 0 40px;
  }
}
@media (max-width: 1280px) {
  .content-box {
    padding: 16px 32px;
  }
}
@media (max-width: 576px) {
  .content-box {
    padding: 16px 24px;
  }
  .content-box__head {
    padding: 24px 0 32px;
  }
  .content-box__body {
    padding: 24px 0 32px;
  }
  .content-box__footer {
    padding: 24px 0 32px;
  }
}
.demo-header {
  padding-top: 24px;
}
.demo-header__inner {
  padding: 40px 48px;
  gap: 32px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 64px;
  background-color: #FFFFFF;
}
.demo-header__col-left {
  display: flex;
}
.demo-header__col-logo {
  display: flex;
  justify-content: center;
}
.demo-header__col-right {
  display: flex;
  justify-content: flex-end;
}
.demo-header__link {
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
}
.demo-header__btn {
  color: #009EFA;
  display: none;
  width: 64px;
  height: 64px;
  padding: 20px;
  border-radius: 50%;
  background-color: #E6F6FF;
}
.demo-header__logo {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.demo-header__logo--lg {
  height: 40px;
  display: block;
  aspect-ratio: 8/1;
}
.demo-header__logo--sm {
  height: 56px;
  display: none;
  aspect-ratio: 9/4;
}
.demo-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1680px) {
  .demo-header__inner {
    gap: 24px;
    padding: 28px 32px;
  }
  .demo-header__link {
    font-size: 20px;
    line-height: 32px;
  }
  .demo-header__logo--lg {
    height: 32px;
  }
}
@media (max-width: 1024px) {
  .demo-header__inner {
    padding: 12px;
  }
  .demo-header__link {
    display: none;
  }
  .demo-header__btn {
    display: block;
  }
  .demo-header__logo--lg {
    display: none;
  }
  .demo-header__logo--sm {
    display: block;
  }
}
.demo-footer {
  padding-bottom: 24px;
}
.demo-footer__inner {
  padding: 0 48px;
  border-radius: 64px;
  background-color: #FFFFFF;
}
.demo-footer__top {
  display: flex;
  justify-content: center;
  padding: 40px 0;
  border-bottom: 1px solid #E1E1E6;
}
.demo-footer__logo {
  height: 40px;
}
.demo-footer__middle {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 40px 0 56px;
}
.demo-footer__column {
  gap: 32px;
  display: grid;
  align-items: start;
}
.demo-footer__group {
  gap: 16px;
  display: grid;
  text-align: center;
}
.demo-footer__group-head {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}
.demo-footer__group-body {
  color: #737B80;
  font-size: 16px;
  line-height: 1.25;
}
.demo-footer__group-list {
  gap: 12px;
  display: grid;
  list-style: none;
}
.demo-footer__under {
  color: #737B80;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  padding: 40px 0;
  border-top: 1px solid #E1E1E6;
}

@media (max-width: 1680px) {
  .demo-footer__inner {
    padding: 0 32px;
    border-radius: 48px;
  }
  .demo-footer__logo {
    height: 32px;
  }
  .demo-footer__middle {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .demo-footer__inner {
    padding: 0 24px;
    border-radius: 40px;
  }
  .demo-footer__middle {
    gap: 0;
    padding: 0px;
    grid-template-columns: 1fr;
  }
  .demo-footer__column {
    padding: 40px 0px;
    border-bottom: 1px solid #E1E1E6;
  }
  .demo-footer__under {
    border: none;
  }
}
.block-demoload__inner {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.block-demoload__col-sm {
  grid-column: span 3;
}
.block-demoload__col-lg {
  grid-column: span 6;
  gap: inherit;
  display: grid;
}
.block-demoload__pic {
  position: relative;
  display: block;
  width: 100%;
  height: 560px;
  overflow: hidden;
  margin-top: 80px;
  border-radius: var(--gm-border-radius-xl);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.block-demoload__pic-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-demoload__banner {
  color: #FFFFFF;
  text-align: center;
  gap: 80px;
  display: grid;
  justify-items: center;
  padding: 64px 64px 32px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--image) center/cover;
  border-radius: var(--gm-border-radius-xl);
}
.block-demoload__banner-title {
  max-width: 576px;
}
.block-demoload__banner-arrow {
  width: 64px;
  height: 64px;
  border: 2px solid currentColor;
  padding: 16px;
  border-radius: 50%;
}
.block-demoload__form {
  color: #737B80;
  padding: 80px 64px 72px;
  border-radius: var(--gm-border-radius-xl);
  background-color: #FFFFFF;
}

.demoload-form {
  gap: 32px;
  display: grid;
}
.demoload-form__fields {
  row-gap: 24px;
  -moz-column-gap: var(--gm-grid-gap);
       column-gap: var(--gm-grid-gap);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.demoload-form__footer {
  gap: inherit;
  display: grid;
  align-items: center;
}
.demoload-form__action {
  color: var(--gm-color-white);
}
.demoload-form__submit {
  width: 100%;
}
.demoload-form__accept {
  max-width: 480px;
}

@media (max-width: 1680px) {
  .block-demoload__inner {
    gap: 24px;
  }
  .block-demoload__pic {
    height: 480px;
    margin-top: 64px;
  }
  .block-demoload__banner {
    padding: 48px 48px 32px;
  }
  .block-demoload__banner-title {
    max-width: 480px;
  }
  .block-demoload__banner-arrow {
    width: 48px;
    height: 48px;
    padding: 10px;
  }
  .block-demoload__form {
    padding: 56px 48px 40px;
  }
  .demoload-form {
    gap: 24px;
  }
  .demoload-form__fields {
    row-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .block-demoload__inner {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .block-demoload__col-sm {
    display: none;
  }
  .block-demoload__col-lg {
    grid-column: span 2;
  }
  .block-demoload__pic {
    height: 280px;
    margin-top: 0px;
  }
  .block-demoload__banner {
    padding: 40px 32px 32px;
  }
  .block-demoload__banner-title {
    max-width: 400px;
  }
  .block-demoload__form {
    padding: 40px 32px 32px;
  }
}
@media (max-width: 576px) {
  .block-demoload__inner {
    grid-template-columns: 1fr;
  }
  .block-demoload__col-lg {
    grid-column: auto;
  }
  .block-demoload__banner {
    gap: 128px;
  }
  .block-demoload__banner-title {
    max-width: 100%;
  }
  .demoload-form__fields {
    grid-template-columns: 1fr;
  }
}


.modal__text {
	margin-top: 10px;
}
.hidden-fields-container {
	display: none;
}



.product__warning {
	display: flex;
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 16px;
}
.product__warning-message {
	color: #009EFA;
	background: white;
	padding: 12px 24px;
	border-radius: 32px;
	font-size: 16px;
	line-height: 1.25;
	text-align: center;
}
@media (max-width: 576px) {
  .product__warning {
	margin-top: 8px;
	margin-bottom: 8px;
  }
  .product__warning-message {
	padding: 8px 12px;
	font-size: 14px;
  }
}