@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

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

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

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

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

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

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

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

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

button,
input { /* 1 */
  overflow: visible;
}

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

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

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

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

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

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

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: flex;
  flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #4EB5E6; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
  @media print {
    .datepickers-container {
      display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  z-index: 100; }
  .datepicker.-from-top- {
    transform: translateY(-8px); }
  .datepicker.-from-right- {
    transform: translateX(8px); }
  .datepicker.-from-bottom- {
    transform: translateY(8px); }
  .datepicker.-from-left- {
    transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
  .-only-timepicker- .datepicker--content {
    display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
  .-only-timepicker- .datepicker--nav {
    display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  padding: 4px;
  position: relative; }
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    flex: 0 1 138px;
    max-width: 138px; }
  .-only-timepicker- .datepicker--time {
    border-top: none; }

.datepicker--time-sliders {
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -webkit-transition: background .2s;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -moz-transition: background .2s;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -ms-transition: background .2s;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%); }
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

@charset "UTF-8";
/* https://www.flaticon.com/packs/multimedia-collection  */
/*====================================================================================================================*/
/*                                                   Google Fonts                                                     */
/*====================================================================================================================*/
/*====================================================================================================================*/
/*                                                   Iconmoon Font                                                    */
/*====================================================================================================================*/
@font-face {
  font-family: 'SA Long Beach';
  src: url("../fonts/SALongBeachRegular.woff2") format("woff2"), url("../fonts/SALongBeachRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*====================================================================================================================*/
/*                                                    VARIABLES                                                       */
/*====================================================================================================================*/
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/*====================================================================================================================*/
/*                                                      DS-KIT                                                        */
/*====================================================================================================================*/
/* MIXINS */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
/**
 * MIXINS LIST:
 * @mixin css-cross($side, $thick, $bg, $bg-hover)
 * @mixin bg-linear($heightLine, $heightBorder, $color-main, $color-hover, $color-focus)
 */
/**
 * Создаёт крестик из псевдоэлементов
 * $side     - ширина и высота квадрата, в который вписывается крестик
 * $thick    - толщина крестика
 * $bg       - цвет
 * $bg-hover - цвет при ховере
 */
/**
 * Добавляет фон с полсками ( например как у textarea рисуют)
 * $heightLine     - ширина и высота квадрата, в который вписывается крестик
 * $heightBorder    - толщина крестика
 * $color-main - цвет
 * $color-hover - цвет при ховере
 * $color-focus - цвет при focus
 */
/********************************************************************************************/
/* Tables ----------------------------------------------------------------------------------*/
/* ...                                                                                      */
/********************************************************************************************/
/* EXTEND */
.btn, .modal.-send-enquiry-creating .modal__btn-download, table.table-smm-pack .table-adaptive__btn, .footer__top-main-btn, .form-website__send, .form-hero__send, .form-feedback .form-feedback__send, .form-enquiry .form-enquiry__send, .form-enquiry-seo .form-enquiry-seo__send, .form-enquiry-creating .form-enquiry-creating__send, .form-spoiler__btn, .form-promo .form-promo__send, .form-promo .form-promo__submit, .form-question .form-question__send, .form-case .form-case__send, .form-letter__send, .form-consultation-landing__submit, .form-online-meeting__submit, .form-materials__submit, .form-blog__submit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 5px;
  background: #0087F9;
  color: #fff;
  border: 2px solid #0087F9;
  font-size: 15px;
  line-height: 20px;
  padding: 15px 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  box-shadow: 0 10px 15px 0 rgba(26, 93, 156, 0.05);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .modal.-send-enquiry-creating .modal__btn-download:hover, table.table-smm-pack .table-adaptive__btn:hover, .footer__top-main-btn:hover, .form-website__send:hover, .form-hero__send:hover, .form-feedback .form-feedback__send:hover, .form-enquiry .form-enquiry__send:hover, .form-enquiry-seo .form-enquiry-seo__send:hover, .form-enquiry-creating .form-enquiry-creating__send:hover, .form-spoiler__btn:hover, .form-promo .form-promo__send:hover, .form-promo .form-promo__submit:hover, .form-question .form-question__send:hover, .form-case .form-case__send:hover, .form-letter__send:hover, .form-consultation-landing__submit:hover, .form-online-meeting__submit:hover, .form-materials__submit:hover, .form-blog__submit:hover {
  background-color: #4A556E;
  border-color: #4A556E;
}

.btn:focus, .modal.-send-enquiry-creating .modal__btn-download:focus, table.table-smm-pack .table-adaptive__btn:focus, .footer__top-main-btn:focus, .form-website__send:focus, .form-hero__send:focus, .form-feedback .form-feedback__send:focus, .form-enquiry .form-enquiry__send:focus, .form-enquiry-seo .form-enquiry-seo__send:focus, .form-enquiry-creating .form-enquiry-creating__send:focus, .form-spoiler__btn:focus, .form-promo .form-promo__send:focus, .form-promo .form-promo__submit:focus, .form-question .form-question__send:focus, .form-case .form-case__send:focus, .form-letter__send:focus, .form-consultation-landing__submit:focus, .form-online-meeting__submit:focus, .form-materials__submit:focus, .form-blog__submit:focus {
  border-color: #d3dee9;
}

.is-disabled.btn, .modal.-send-enquiry-creating .is-disabled.modal__btn-download, table.table-smm-pack .is-disabled.table-adaptive__btn, .is-disabled.footer__top-main-btn, .is-disabled.form-website__send, .is-disabled.form-hero__send, .form-feedback .is-disabled.form-feedback__send, .form-enquiry .is-disabled.form-enquiry__send, .form-enquiry-seo .is-disabled.form-enquiry-seo__send, .form-enquiry-creating .is-disabled.form-enquiry-creating__send, .is-disabled.form-spoiler__btn, .form-promo .is-disabled.form-promo__send, .form-promo .is-disabled.form-promo__submit, .form-question .is-disabled.form-question__send, .form-case .is-disabled.form-case__send, .is-disabled.form-letter__send, .is-disabled.form-consultation-landing__submit, .is-disabled.form-online-meeting__submit, .is-disabled.form-materials__submit, .is-disabled.form-blog__submit, .btn[disabled], .modal.-send-enquiry-creating .modal__btn-download[disabled], table.table-smm-pack .table-adaptive__btn[disabled], .footer__top-main-btn[disabled], .form-website__send[disabled], .form-hero__send[disabled], .form-feedback .form-feedback__send[disabled], .form-enquiry .form-enquiry__send[disabled], .form-enquiry-seo .form-enquiry-seo__send[disabled], .form-enquiry-creating .form-enquiry-creating__send[disabled], .form-spoiler__btn[disabled], .form-promo .form-promo__send[disabled], .form-promo .form-promo__submit[disabled], .form-question .form-question__send[disabled], .form-case .form-case__send[disabled], .form-letter__send[disabled], .form-consultation-landing__submit[disabled], .form-online-meeting__submit[disabled], .form-materials__submit[disabled], .form-blog__submit[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  background-color: #4A556E;
  border-color: #4A556E;
}

.is-error.btn, .modal.-send-enquiry-creating .is-error.modal__btn-download, table.table-smm-pack .is-error.table-adaptive__btn, .is-error.footer__top-main-btn, .is-error.form-website__send, .is-error.form-hero__send, .form-feedback .is-error.form-feedback__send, .form-enquiry .is-error.form-enquiry__send, .form-enquiry-seo .is-error.form-enquiry-seo__send, .form-enquiry-creating .is-error.form-enquiry-creating__send, .is-error.form-spoiler__btn, .form-promo .is-error.form-promo__send, .form-promo .is-error.form-promo__submit, .form-question .is-error.form-question__send, .form-case .is-error.form-case__send, .is-error.form-letter__send, .is-error.form-consultation-landing__submit, .is-error.form-online-meeting__submit, .is-error.form-materials__submit, .is-error.form-blog__submit {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .modal.-send-enquiry-creating .is-loading.modal__btn-download, table.table-smm-pack .is-loading.table-adaptive__btn, .is-loading.footer__top-main-btn, .is-loading.form-website__send, .is-loading.form-hero__send, .form-feedback .is-loading.form-feedback__send, .form-enquiry .is-loading.form-enquiry__send, .form-enquiry-seo .is-loading.form-enquiry-seo__send, .form-enquiry-creating .is-loading.form-enquiry-creating__send, .is-loading.form-spoiler__btn, .form-promo .is-loading.form-promo__send, .form-promo .is-loading.form-promo__submit, .form-question .is-loading.form-question__send, .form-case .is-loading.form-case__send, .is-loading.form-letter__send, .is-loading.form-consultation-landing__submit, .is-loading.form-online-meeting__submit, .is-loading.form-materials__submit, .is-loading.form-blog__submit {
  cursor: progress;
}

.is-loading.btn::after, .modal.-send-enquiry-creating .is-loading.modal__btn-download::after, table.table-smm-pack .is-loading.table-adaptive__btn::after, .is-loading.footer__top-main-btn::after, .is-loading.form-website__send::after, .is-loading.form-hero__send::after, .form-feedback .is-loading.form-feedback__send::after, .form-enquiry .is-loading.form-enquiry__send::after, .form-enquiry-seo .is-loading.form-enquiry-seo__send::after, .form-enquiry-creating .is-loading.form-enquiry-creating__send::after, .is-loading.form-spoiler__btn::after, .form-promo .is-loading.form-promo__send::after, .form-promo .is-loading.form-promo__submit::after, .form-question .is-loading.form-question__send::after, .form-case .is-loading.form-case__send::after, .is-loading.form-letter__send::after, .is-loading.form-consultation-landing__submit::after, .is-loading.form-online-meeting__submit::after, .is-loading.form-materials__submit::after, .is-loading.form-blog__submit::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small, .modal.-send-enquiry-creating .btn--small.modal__btn-download, table.table-smm-pack .btn--small.table-adaptive__btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white, .modal.-send-enquiry-creating .btn--white.modal__btn-download, table.table-smm-pack .btn--white.table-adaptive__btn {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover, .modal.-send-enquiry-creating .btn--white.modal__btn-download:hover, table.table-smm-pack .btn--white.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus, .modal.-send-enquiry-creating .btn--white.modal__btn-download:focus, table.table-smm-pack .btn--white.table-adaptive__btn:focus {
  border-color: #4A556E;
}

.btn.btn--blue, .modal.-send-enquiry-creating .btn--blue.modal__btn-download, table.table-smm-pack .btn--blue.table-adaptive__btn {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover, .modal.-send-enquiry-creating .btn--blue.modal__btn-download:hover, table.table-smm-pack .btn--blue.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus, .modal.-send-enquiry-creating .btn--blue.modal__btn-download:focus, table.table-smm-pack .btn--blue.table-adaptive__btn:focus {
  border-color: #10477C;
}

.btn.btn--grey, .modal.-send-enquiry-creating .btn--grey.modal__btn-download, table.table-smm-pack .btn--grey.table-adaptive__btn {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover, .modal.-send-enquiry-creating .btn--grey.modal__btn-download:hover, table.table-smm-pack .btn--grey.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus, .modal.-send-enquiry-creating .btn--grey.modal__btn-download:focus, table.table-smm-pack .btn--grey.table-adaptive__btn:focus {
  border-color: #4A556E;
}

.btn.btn--dark, .modal.-send-enquiry-creating .btn--dark.modal__btn-download, table.table-smm-pack .btn--dark.table-adaptive__btn {
  background: #4A556E;
  border-color: #4A556E;
  color: #B2BDCE;
}

.btn.btn--dark:hover, .modal.-send-enquiry-creating .btn--dark.modal__btn-download:hover, table.table-smm-pack .btn--dark.table-adaptive__btn:hover {
  background-color: #0087F9;
  border-color: #0087F9;
  color: #fff;
}

.btn.btn--dark:focus, .modal.-send-enquiry-creating .btn--dark.modal__btn-download:focus, table.table-smm-pack .btn--dark.table-adaptive__btn:focus {
  color: #fff;
}

.btn.btn--block, .modal.-send-enquiry-creating .btn--block.modal__btn-download, table.table-smm-pack .btn--block.table-adaptive__btn, .btn--fullwidth, .form-website__send, .form-hero__send, .form-feedback .form-feedback__send, .form-enquiry .form-enquiry__send, .form-enquiry-seo .form-enquiry-seo__send, .form-promo .form-promo__send, .form-question .form-question__send, .form-case .form-case__send, .form-letter__send, .form-materials__submit, .form-blog__submit {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.checkbox, .radio {
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 0.9em;
  padding-left: 30px;
  min-height: 20px;
  color: #000000;
  -webkit-user-select: none;
          user-select: none;
}

.checkbox [class*="label"], .radio [class*="label"] {
  display: block;
  cursor: pointer;
}

.checkbox [class*="label"]::before, .radio [class*="label"]::before, .checkbox [class*="label"]::after, .radio [class*="label"]::after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
}

.checkbox [class*="label"]::before, .radio [class*="label"]::before {
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #D3DEE9;
  transition: color 0.3s ease-out;
}

.checkbox [class*="label"]::after, .radio [class*="label"]::after {
  transition: opacity 0.3s ease-out;
}

.checkbox input, .radio input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
  z-index: -1;
}

.checkbox input:checked ~ [class*="label"]::after, .radio input:checked ~ [class*="label"]::after {
  color: #0087F9;
}

.checkbox input:focus ~ [class*="label"]::before, .radio input:focus ~ [class*="label"]::before {
  border-color: #367BF5;
}

.checkbox input:disabled, .radio input:disabled {
  cursor: not-allowed;
}

.checkbox input:disabled ~ [class*="label"], .radio input:disabled ~ [class*="label"] {
  cursor: not-allowed;
  opacity: 0.5;
}

.checkbox input.is-error ~ [class*="label"], .radio input.is-error ~ [class*="label"] {
  color: #d94848;
}

.figure .figure__zoom .icon, .form-enquiry .form-enquiry__require-icon .icon {
  display: block;
  position: absolute;
  font-size: 1em;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.section-block {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  z-index: 50;
}

@media (max-width: 980px) {
  .section-block {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}

@media (max-width: 575px) {
  .section-block {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.section-title {
  color: #fff;
  line-height: 1.1;
  font-size: 50px;
  margin: 0 0 100px 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .section-title {
    font-size: 36px;
    margin: 0 0 60px 0;
  }
}

@media (max-width: 575px) {
  .section-title {
    font-size: 22px;
    margin: 0 0 30px 0;
  }
}

.section-title {
  text-align: center;
}

.section-title .highlight {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 980px) {
  .section-title .highlight {
    margin-top: 5px;
  }
}

.section-block {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  z-index: 50;
}

@media (max-width: 980px) {
  .section-block {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}

@media (max-width: 575px) {
  .section-block {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.section-title {
  color: #fff;
  line-height: 1.1;
  font-size: 50px;
  margin: 0 0 100px 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .section-title {
    font-size: 36px;
    margin: 0 0 60px 0;
  }
}

@media (max-width: 575px) {
  .section-title {
    font-size: 22px;
    margin: 0 0 30px 0;
  }
}

.section-title {
  text-align: center;
}

.section-title .highlight {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 980px) {
  .section-title .highlight {
    margin-top: 5px;
  }
}

/* LAYOUT  */
/*==========================================================================================*/
/*  Сетка миксинами  */
/*==========================================================================================*/
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
/* CONTENT */
/* INLINE STYLE */
/*
    .grid  .col-x-y
    .order-{breakpoint}-{value}
    .display-{breakpoint}-{value}
    .response-img-{breakpoint}
*/
/********************************************************************************************/
/* Utitilites-Grid--------------------------------------------------------------------------*/
/* адаптивна сетка                                                                          */
/* Основная сетка строится на flexbox'ах  + фолбэки на inline-block'ах                      */
/********************************************************************************************/
/*==========================================================================================*/
/*  Основа  */
/*==========================================================================================*/
.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -13px;
  margin-right: -13px;
}

.grid [class*="col-"] {
  margin-left: 13px;
  margin-right: 13px;
  margin-bottom: 20px;
}

.grid .col-1-1 {
  margin-bottom: 0;
}

.grid .row {
  display: flex;
  width: 100%;
}

/*==========================================================================================*/
/*  Генерируем классы для инлайнового варианта  */
/*==========================================================================================*/
.col-1-1 {
  width: calc(100% - 26px);
}

.col-1-2 {
  width: calc(50% - 26px);
}

.col-1-3 {
  width: calc(33.33333% - 26px);
}

.col-2-3 {
  width: calc(66.66667% - 26px);
}

.col-1-4 {
  width: calc(25% - 26px);
}

.col-3-4 {
  width: calc(75% - 26px);
}

.col-1-5 {
  width: calc(20% - 26px);
}

.col-2-5 {
  width: calc(40% - 26px);
}

.col-3-5 {
  width: calc(60% - 26px);
}

.col-4-5 {
  width: calc(80% - 26px);
}

.col-1-6 {
  width: calc(16.66667% - 26px);
}

.col-5-6 {
  width: calc(83.33333% - 26px);
}

.col-1-7 {
  width: calc(14.28571% - 26px);
}

.col-2-7 {
  width: calc(28.57143% - 26px);
}

.col-3-7 {
  width: calc(42.85714% - 26px);
}

.col-4-7 {
  width: calc(57.14286% - 26px);
}

.col-5-7 {
  width: calc(71.42857% - 26px);
}

.col-6-7 {
  width: calc(85.71429% - 26px);
}

.col-1-8 {
  width: calc(12.5% - 26px);
}

.col-3-8 {
  width: calc(37.5% - 26px);
}

.col-5-8 {
  width: calc(62.5% - 26px);
}

.col-7-8 {
  width: calc(87.5% - 26px);
}

.col-1-9 {
  width: calc(11.11111% - 26px);
}

.col-2-9 {
  width: calc(22.22222% - 26px);
}

.col-4-9 {
  width: calc(44.44444% - 26px);
}

.col-5-9 {
  width: calc(55.55556% - 26px);
}

.col-7-9 {
  width: calc(77.77778% - 26px);
}

.col-8-9 {
  width: calc(88.88889% - 26px);
}

.col-1-10 {
  width: calc(10% - 26px);
}

.col-3-10 {
  width: calc(30% - 26px);
}

.col-7-10 {
  width: calc(70% - 26px);
}

.col-9-10 {
  width: calc(90% - 26px);
}

/**
*  Media query
*/
@media (min-width: 414px) {
  .col-xxs-1-1 {
    width: calc(100% - 26px);
  }
  .col-xxs-1-2 {
    width: calc(50% - 26px);
  }
  .col-xxs-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xxs-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xxs-1-4 {
    width: calc(25% - 26px);
  }
  .col-xxs-3-4 {
    width: calc(75% - 26px);
  }
  .col-xxs-1-5 {
    width: calc(20% - 26px);
  }
  .col-xxs-2-5 {
    width: calc(40% - 26px);
  }
  .col-xxs-3-5 {
    width: calc(60% - 26px);
  }
  .col-xxs-4-5 {
    width: calc(80% - 26px);
  }
  .col-xxs-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xxs-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xxs-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xxs-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xxs-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xxs-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xxs-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xxs-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xxs-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xxs-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xxs-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xxs-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xxs-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xxs-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xxs-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xxs-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xxs-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xxs-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xxs-1-10 {
    width: calc(10% - 26px);
  }
  .col-xxs-3-10 {
    width: calc(30% - 26px);
  }
  .col-xxs-7-10 {
    width: calc(70% - 26px);
  }
  .col-xxs-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 575px) {
  .col-xs-1-1 {
    width: calc(100% - 26px);
  }
  .col-xs-1-2 {
    width: calc(50% - 26px);
  }
  .col-xs-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xs-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xs-1-4 {
    width: calc(25% - 26px);
  }
  .col-xs-3-4 {
    width: calc(75% - 26px);
  }
  .col-xs-1-5 {
    width: calc(20% - 26px);
  }
  .col-xs-2-5 {
    width: calc(40% - 26px);
  }
  .col-xs-3-5 {
    width: calc(60% - 26px);
  }
  .col-xs-4-5 {
    width: calc(80% - 26px);
  }
  .col-xs-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xs-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xs-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xs-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xs-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xs-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xs-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xs-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xs-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xs-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xs-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xs-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xs-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xs-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xs-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xs-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xs-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xs-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xs-1-10 {
    width: calc(10% - 26px);
  }
  .col-xs-3-10 {
    width: calc(30% - 26px);
  }
  .col-xs-7-10 {
    width: calc(70% - 26px);
  }
  .col-xs-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 768px) {
  .col-sm-1-1 {
    width: calc(100% - 26px);
  }
  .col-sm-1-2 {
    width: calc(50% - 26px);
  }
  .col-sm-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-sm-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-sm-1-4 {
    width: calc(25% - 26px);
  }
  .col-sm-3-4 {
    width: calc(75% - 26px);
  }
  .col-sm-1-5 {
    width: calc(20% - 26px);
  }
  .col-sm-2-5 {
    width: calc(40% - 26px);
  }
  .col-sm-3-5 {
    width: calc(60% - 26px);
  }
  .col-sm-4-5 {
    width: calc(80% - 26px);
  }
  .col-sm-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-sm-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-sm-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-sm-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-sm-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-sm-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-sm-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-sm-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-sm-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-sm-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-sm-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-sm-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-sm-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-sm-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-sm-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-sm-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-sm-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-sm-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-sm-1-10 {
    width: calc(10% - 26px);
  }
  .col-sm-3-10 {
    width: calc(30% - 26px);
  }
  .col-sm-7-10 {
    width: calc(70% - 26px);
  }
  .col-sm-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 980px) {
  .col-mobile-1-1 {
    width: calc(100% - 26px);
  }
  .col-mobile-1-2 {
    width: calc(50% - 26px);
  }
  .col-mobile-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-mobile-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-mobile-1-4 {
    width: calc(25% - 26px);
  }
  .col-mobile-3-4 {
    width: calc(75% - 26px);
  }
  .col-mobile-1-5 {
    width: calc(20% - 26px);
  }
  .col-mobile-2-5 {
    width: calc(40% - 26px);
  }
  .col-mobile-3-5 {
    width: calc(60% - 26px);
  }
  .col-mobile-4-5 {
    width: calc(80% - 26px);
  }
  .col-mobile-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-mobile-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-mobile-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-mobile-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-mobile-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-mobile-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-mobile-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-mobile-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-mobile-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-mobile-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-mobile-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-mobile-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-mobile-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-mobile-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-mobile-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-mobile-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-mobile-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-mobile-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-mobile-1-10 {
    width: calc(10% - 26px);
  }
  .col-mobile-3-10 {
    width: calc(30% - 26px);
  }
  .col-mobile-7-10 {
    width: calc(70% - 26px);
  }
  .col-mobile-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1024px) {
  .col-md-1-1 {
    width: calc(100% - 26px);
  }
  .col-md-1-2 {
    width: calc(50% - 26px);
  }
  .col-md-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-md-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-md-1-4 {
    width: calc(25% - 26px);
  }
  .col-md-3-4 {
    width: calc(75% - 26px);
  }
  .col-md-1-5 {
    width: calc(20% - 26px);
  }
  .col-md-2-5 {
    width: calc(40% - 26px);
  }
  .col-md-3-5 {
    width: calc(60% - 26px);
  }
  .col-md-4-5 {
    width: calc(80% - 26px);
  }
  .col-md-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-md-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-md-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-md-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-md-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-md-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-md-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-md-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-md-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-md-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-md-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-md-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-md-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-md-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-md-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-md-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-md-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-md-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-md-1-10 {
    width: calc(10% - 26px);
  }
  .col-md-3-10 {
    width: calc(30% - 26px);
  }
  .col-md-7-10 {
    width: calc(70% - 26px);
  }
  .col-md-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1200px) {
  .col-lg-1-1 {
    width: calc(100% - 26px);
  }
  .col-lg-1-2 {
    width: calc(50% - 26px);
  }
  .col-lg-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-lg-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-lg-1-4 {
    width: calc(25% - 26px);
  }
  .col-lg-3-4 {
    width: calc(75% - 26px);
  }
  .col-lg-1-5 {
    width: calc(20% - 26px);
  }
  .col-lg-2-5 {
    width: calc(40% - 26px);
  }
  .col-lg-3-5 {
    width: calc(60% - 26px);
  }
  .col-lg-4-5 {
    width: calc(80% - 26px);
  }
  .col-lg-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-lg-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-lg-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-lg-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-lg-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-lg-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-lg-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-lg-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-lg-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-lg-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-lg-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-lg-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-lg-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-lg-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-lg-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-lg-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-lg-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-lg-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-lg-1-10 {
    width: calc(10% - 26px);
  }
  .col-lg-3-10 {
    width: calc(30% - 26px);
  }
  .col-lg-7-10 {
    width: calc(70% - 26px);
  }
  .col-lg-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1310px) {
  .col-xl-1-1 {
    width: calc(100% - 26px);
  }
  .col-xl-1-2 {
    width: calc(50% - 26px);
  }
  .col-xl-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xl-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xl-1-4 {
    width: calc(25% - 26px);
  }
  .col-xl-3-4 {
    width: calc(75% - 26px);
  }
  .col-xl-1-5 {
    width: calc(20% - 26px);
  }
  .col-xl-2-5 {
    width: calc(40% - 26px);
  }
  .col-xl-3-5 {
    width: calc(60% - 26px);
  }
  .col-xl-4-5 {
    width: calc(80% - 26px);
  }
  .col-xl-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xl-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xl-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xl-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xl-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xl-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xl-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xl-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xl-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xl-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xl-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xl-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xl-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xl-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xl-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xl-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xl-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xl-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xl-1-10 {
    width: calc(10% - 26px);
  }
  .col-xl-3-10 {
    width: calc(30% - 26px);
  }
  .col-xl-7-10 {
    width: calc(70% - 26px);
  }
  .col-xl-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 1440px) {
  .col-xxl-1-1 {
    width: calc(100% - 26px);
  }
  .col-xxl-1-2 {
    width: calc(50% - 26px);
  }
  .col-xxl-1-3 {
    width: calc(33.33333% - 26px);
  }
  .col-xxl-2-3 {
    width: calc(66.66667% - 26px);
  }
  .col-xxl-1-4 {
    width: calc(25% - 26px);
  }
  .col-xxl-3-4 {
    width: calc(75% - 26px);
  }
  .col-xxl-1-5 {
    width: calc(20% - 26px);
  }
  .col-xxl-2-5 {
    width: calc(40% - 26px);
  }
  .col-xxl-3-5 {
    width: calc(60% - 26px);
  }
  .col-xxl-4-5 {
    width: calc(80% - 26px);
  }
  .col-xxl-1-6 {
    width: calc(16.66667% - 26px);
  }
  .col-xxl-5-6 {
    width: calc(83.33333% - 26px);
  }
  .col-xxl-1-7 {
    width: calc(14.28571% - 26px);
  }
  .col-xxl-2-7 {
    width: calc(28.57143% - 26px);
  }
  .col-xxl-3-7 {
    width: calc(42.85714% - 26px);
  }
  .col-xxl-4-7 {
    width: calc(57.14286% - 26px);
  }
  .col-xxl-5-7 {
    width: calc(71.42857% - 26px);
  }
  .col-xxl-6-7 {
    width: calc(85.71429% - 26px);
  }
  .col-xxl-1-8 {
    width: calc(12.5% - 26px);
  }
  .col-xxl-3-8 {
    width: calc(37.5% - 26px);
  }
  .col-xxl-5-8 {
    width: calc(62.5% - 26px);
  }
  .col-xxl-7-8 {
    width: calc(87.5% - 26px);
  }
  .col-xxl-1-9 {
    width: calc(11.11111% - 26px);
  }
  .col-xxl-2-9 {
    width: calc(22.22222% - 26px);
  }
  .col-xxl-4-9 {
    width: calc(44.44444% - 26px);
  }
  .col-xxl-5-9 {
    width: calc(55.55556% - 26px);
  }
  .col-xxl-7-9 {
    width: calc(77.77778% - 26px);
  }
  .col-xxl-8-9 {
    width: calc(88.88889% - 26px);
  }
  .col-xxl-1-10 {
    width: calc(10% - 26px);
  }
  .col-xxl-3-10 {
    width: calc(30% - 26px);
  }
  .col-xxl-7-10 {
    width: calc(70% - 26px);
  }
  .col-xxl-9-10 {
    width: calc(90% - 26px);
  }
}

@media (min-width: 320px) {
  .grid {
    overflow: hidden;
  }
}

/* .grid  .col-x-y */
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 414px) {
  .order-xxs-1 {
    order: 1;
  }
  .order-xxs-2 {
    order: 2;
  }
  .order-xxs-3 {
    order: 3;
  }
  .order-xxs-4 {
    order: 4;
  }
  .order-xxs-5 {
    order: 5;
  }
  .order-xxs-6 {
    order: 6;
  }
  .order-xxs-7 {
    order: 7;
  }
  .order-xxs-8 {
    order: 8;
  }
  .order-xxs-9 {
    order: 9;
  }
  .order-xxs-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 575px) {
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 768px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 980px) {
  .order-mobile-1 {
    order: 1;
  }
  .order-mobile-2 {
    order: 2;
  }
  .order-mobile-3 {
    order: 3;
  }
  .order-mobile-4 {
    order: 4;
  }
  .order-mobile-5 {
    order: 5;
  }
  .order-mobile-6 {
    order: 6;
  }
  .order-mobile-7 {
    order: 7;
  }
  .order-mobile-8 {
    order: 8;
  }
  .order-mobile-9 {
    order: 9;
  }
  .order-mobile-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 1024px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 1200px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 1310px) {
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

@media (min-width: 1440px) {
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
}

/* `.order-{breakpoint}-{value}` */
.display-none {
  display: none !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

.display-table {
  display: table !important;
}

.display-table-row {
  display: table-row !important;
}

.display-table-cell {
  display: table-cell !important;
}

.display-flex {
  display: flex !important;
}

.display-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 414px) {
  .display-xxs-none {
    display: none !important;
  }
  .display-xxs-inline {
    display: inline !important;
  }
  .display-xxs-inline-block {
    display: inline-block !important;
  }
  .display-xxs-block {
    display: block !important;
  }
  .display-xxs-table {
    display: table !important;
  }
  .display-xxs-table-row {
    display: table-row !important;
  }
  .display-xxs-table-cell {
    display: table-cell !important;
  }
  .display-xxs-flex {
    display: flex !important;
  }
  .display-xxs-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 575px) {
  .display-xs-none {
    display: none !important;
  }
  .display-xs-inline {
    display: inline !important;
  }
  .display-xs-inline-block {
    display: inline-block !important;
  }
  .display-xs-block {
    display: block !important;
  }
  .display-xs-table {
    display: table !important;
  }
  .display-xs-table-row {
    display: table-row !important;
  }
  .display-xs-table-cell {
    display: table-cell !important;
  }
  .display-xs-flex {
    display: flex !important;
  }
  .display-xs-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .display-sm-none {
    display: none !important;
  }
  .display-sm-inline {
    display: inline !important;
  }
  .display-sm-inline-block {
    display: inline-block !important;
  }
  .display-sm-block {
    display: block !important;
  }
  .display-sm-table {
    display: table !important;
  }
  .display-sm-table-row {
    display: table-row !important;
  }
  .display-sm-table-cell {
    display: table-cell !important;
  }
  .display-sm-flex {
    display: flex !important;
  }
  .display-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 980px) {
  .display-mobile-none {
    display: none !important;
  }
  .display-mobile-inline {
    display: inline !important;
  }
  .display-mobile-inline-block {
    display: inline-block !important;
  }
  .display-mobile-block {
    display: block !important;
  }
  .display-mobile-table {
    display: table !important;
  }
  .display-mobile-table-row {
    display: table-row !important;
  }
  .display-mobile-table-cell {
    display: table-cell !important;
  }
  .display-mobile-flex {
    display: flex !important;
  }
  .display-mobile-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .display-md-none {
    display: none !important;
  }
  .display-md-inline {
    display: inline !important;
  }
  .display-md-inline-block {
    display: inline-block !important;
  }
  .display-md-block {
    display: block !important;
  }
  .display-md-table {
    display: table !important;
  }
  .display-md-table-row {
    display: table-row !important;
  }
  .display-md-table-cell {
    display: table-cell !important;
  }
  .display-md-flex {
    display: flex !important;
  }
  .display-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .display-lg-none {
    display: none !important;
  }
  .display-lg-inline {
    display: inline !important;
  }
  .display-lg-inline-block {
    display: inline-block !important;
  }
  .display-lg-block {
    display: block !important;
  }
  .display-lg-table {
    display: table !important;
  }
  .display-lg-table-row {
    display: table-row !important;
  }
  .display-lg-table-cell {
    display: table-cell !important;
  }
  .display-lg-flex {
    display: flex !important;
  }
  .display-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1310px) {
  .display-xl-none {
    display: none !important;
  }
  .display-xl-inline {
    display: inline !important;
  }
  .display-xl-inline-block {
    display: inline-block !important;
  }
  .display-xl-block {
    display: block !important;
  }
  .display-xl-table {
    display: table !important;
  }
  .display-xl-table-row {
    display: table-row !important;
  }
  .display-xl-table-cell {
    display: table-cell !important;
  }
  .display-xl-flex {
    display: flex !important;
  }
  .display-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1440px) {
  .display-xxl-none {
    display: none !important;
  }
  .display-xxl-inline {
    display: inline !important;
  }
  .display-xxl-inline-block {
    display: inline-block !important;
  }
  .display-xxl-block {
    display: block !important;
  }
  .display-xxl-table {
    display: table !important;
  }
  .display-xxl-table-row {
    display: table-row !important;
  }
  .display-xxl-table-cell {
    display: table-cell !important;
  }
  .display-xxl-flex {
    display: flex !important;
  }
  .display-xxl-inline-flex {
    display: inline-flex !important;
  }
}

/* `.display-{breakpoint}-{value}` */
.response-img {
  display: block;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  float: none !important;
  margin: 0 auto 20px !important;
}

@media (max-width: 414px) {
  .response-img-xxs {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 575px) {
  .response-img-xs {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 768px) {
  .response-img-sm {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 980px) {
  .response-img-mobile {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 1024px) {
  .response-img-md {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 1200px) {
  .response-img-lg {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 1310px) {
  .response-img-xl {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

@media (max-width: 1440px) {
  .response-img-xxl {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    float: none !important;
    margin: 0 auto 20px !important;
  }
}

/* .response-img (-xs, -sm, -md, -lg, -xl,) */
/*====================================================================================================================*/
/*                                                      COMMON                                                        */
/*====================================================================================================================*/
* {
  box-sizing: border-box;
  outline: none !important;
}

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

html {
  height: 100%;
  /* Modern browsers with `scrollbar-*` support */
  /* Chrome/Edge/Safari */
}

@-moz-document url-prefix() {
  html {
    scrollbar-width: thin;
    scrollbar-color: #2ED876 rgba(25, 171, 79, 0.25);
  }
}

html *::-webkit-scrollbar {
  height: 3px;
  width: 12px;
}

html *::-webkit-scrollbar-thumb {
  background-color: #2ED876;
  border-radius: 8px;
  border: 3px solid transparent;
}

html *::-webkit-scrollbar-track {
  background: rgba(25, 171, 79, 0.25);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  max-height: 999999px;
  max-width: 100%;
  width: 100%;
  background: #1B1B1B;
  font-family: "Manrope", sans-serif;
}

.title_field {
  display: none !important;
}

.pswp__bg {
  opacity: 0.7 !important;
}

.icon-svg {
  width: 1em;
  height: 1em;
}

svg:not(:root) {
  overflow: hidden;
}

img {
  max-width: 100%;
}

/*************************************************************************************/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

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

input[type='number']:hover,
input[type='number']:focus {
  -moz-appearance: number-input;
}

.logo {
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}

@keyframes social-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

input[type='number'] {
  -moz-appearance: textfield !important;
}

.section-photo {
  margin-top: -150px;
  width: 100%;
  position: relative;
}

.section-photo .--doodles {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease;
}

.section-photo:hover .--doodles {
  opacity: 1;
}

@media (max-width: 1200px) {
  .section-photo {
    margin-top: -110px;
  }
}

@media (max-width: 768px) {
  .section-photo {
    display: none;
  }
}

.social-links {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.social-links a {
  width: 44px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFFFFF;
}

.social-links a svg {
  max-height: 23px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 100%;
}

.social-links a.icon-youtube svg {
  max-height: 18px;
}

.social-links a.icon-behance svg {
  max-height: 16px;
}

@media (max-width: 575px) {
  .social-links a {
    width: 36px;
    height: 36px;
  }
  .social-links a svg {
    max-height: 20px;
  }
}

.social-links a:hover {
  background-color: white;
  text-decoration: none;
}

.social-links a:hover svg {
  filter: invert(1) grayscale(1);
}

.team-page .section-title {
  display: none;
}

.team-page .section-staff__list {
  margin-bottom: 80px;
}

.team-page .section-staff__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

@media (max-width: 575px) {
  .team-page .section-staff__items {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 575px) and (max-width: 768px) {
  .team-page .section-staff__items {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

@media (min-width: 1024px) {
  .team-page .section-staff__items {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}

.team-page .section-staff__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 95px;
}

.team-page .staff-item__text {
  z-index: 10;
  position: absolute;
}

.team-page .staff-item > img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .team-page .staff-item > img {
    border-radius: 24px 24px 0 0;
  }
}

.btn, .modal.-send-enquiry-creating .modal__btn-download, table.table-smm-pack .table-adaptive__btn, .footer__top-main-btn, .form-website__send, .form-hero__send, .form-feedback .form-feedback__send, .form-enquiry .form-enquiry__send, .form-enquiry-seo .form-enquiry-seo__send, .form-enquiry-creating .form-enquiry-creating__send, .form-spoiler__btn, .form-promo .form-promo__send, .form-promo .form-promo__submit, .form-question .form-question__send, .form-case .form-case__send, .form-letter__send, .form-consultation-landing__submit, .form-online-meeting__submit, .form-materials__submit, .form-blog__submit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .modal.-send-enquiry-creating .modal__btn-download:hover, table.table-smm-pack .table-adaptive__btn:hover, .footer__top-main-btn:hover, .form-website__send:hover, .form-hero__send:hover, .form-feedback .form-feedback__send:hover, .form-enquiry .form-enquiry__send:hover, .form-enquiry-seo .form-enquiry-seo__send:hover, .form-enquiry-creating .form-enquiry-creating__send:hover, .form-spoiler__btn:hover, .form-promo .form-promo__send:hover, .form-promo .form-promo__submit:hover, .form-question .form-question__send:hover, .form-case .form-case__send:hover, .form-letter__send:hover, .form-consultation-landing__submit:hover, .form-online-meeting__submit:hover, .form-materials__submit:hover, .form-blog__submit:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .modal.-send-enquiry-creating .modal__btn-download:hover, table.table-smm-pack .table-adaptive__btn:hover, .footer__top-main-btn:hover, .form-website__send:hover, .form-hero__send:hover, .form-feedback .form-feedback__send:hover, .form-enquiry .form-enquiry__send:hover, .form-enquiry-seo .form-enquiry-seo__send:hover, .form-enquiry-creating .form-enquiry-creating__send:hover, .form-spoiler__btn:hover, .form-promo .form-promo__send:hover, .form-promo .form-promo__submit:hover, .form-question .form-question__send:hover, .form-case .form-case__send:hover, .form-letter__send:hover, .form-consultation-landing__submit:hover, .form-online-meeting__submit:hover, .form-materials__submit:hover, .form-blog__submit:hover {
    background: #33F297;
  }
}

.btn:focus, .modal.-send-enquiry-creating .modal__btn-download:focus, table.table-smm-pack .table-adaptive__btn:focus, .footer__top-main-btn:focus, .form-website__send:focus, .form-hero__send:focus, .form-feedback .form-feedback__send:focus, .form-enquiry .form-enquiry__send:focus, .form-enquiry-seo .form-enquiry-seo__send:focus, .form-enquiry-creating .form-enquiry-creating__send:focus, .form-spoiler__btn:focus, .form-promo .form-promo__send:focus, .form-promo .form-promo__submit:focus, .form-question .form-question__send:focus, .form-case .form-case__send:focus, .form-letter__send:focus, .form-consultation-landing__submit:focus, .form-online-meeting__submit:focus, .form-materials__submit:focus, .form-blog__submit:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .modal.-send-enquiry-creating .modal__btn-download:active, table.table-smm-pack .table-adaptive__btn:active, .footer__top-main-btn:active, .form-website__send:active, .form-hero__send:active, .form-feedback .form-feedback__send:active, .form-enquiry .form-enquiry__send:active, .form-enquiry-seo .form-enquiry-seo__send:active, .form-enquiry-creating .form-enquiry-creating__send:active, .form-spoiler__btn:active, .form-promo .form-promo__send:active, .form-promo .form-promo__submit:active, .form-question .form-question__send:active, .form-case .form-case__send:active, .form-letter__send:active, .form-consultation-landing__submit:active, .form-online-meeting__submit:active, .form-materials__submit:active, .form-blog__submit:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .modal.-send-enquiry-creating .modal__btn-download:active, table.table-smm-pack .table-adaptive__btn:active, .footer__top-main-btn:active, .form-website__send:active, .form-hero__send:active, .form-feedback .form-feedback__send:active, .form-enquiry .form-enquiry__send:active, .form-enquiry-seo .form-enquiry-seo__send:active, .form-enquiry-creating .form-enquiry-creating__send:active, .form-spoiler__btn:active, .form-promo .form-promo__send:active, .form-promo .form-promo__submit:active, .form-question .form-question__send:active, .form-case .form-case__send:active, .form-letter__send:active, .form-consultation-landing__submit:active, .form-online-meeting__submit:active, .form-materials__submit:active, .form-blog__submit:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .modal.-send-enquiry-creating .is-disabled.modal__btn-download, table.table-smm-pack .is-disabled.table-adaptive__btn, .is-disabled.footer__top-main-btn, .is-disabled.form-website__send, .is-disabled.form-hero__send, .form-feedback .is-disabled.form-feedback__send, .form-enquiry .is-disabled.form-enquiry__send, .form-enquiry-seo .is-disabled.form-enquiry-seo__send, .form-enquiry-creating .is-disabled.form-enquiry-creating__send, .is-disabled.form-spoiler__btn, .form-promo .is-disabled.form-promo__send, .form-promo .is-disabled.form-promo__submit, .form-question .is-disabled.form-question__send, .form-case .is-disabled.form-case__send, .is-disabled.form-letter__send, .is-disabled.form-consultation-landing__submit, .is-disabled.form-online-meeting__submit, .is-disabled.form-materials__submit, .is-disabled.form-blog__submit, .btn[disabled], .modal.-send-enquiry-creating .modal__btn-download[disabled], table.table-smm-pack .table-adaptive__btn[disabled], .footer__top-main-btn[disabled], .form-website__send[disabled], .form-hero__send[disabled], .form-feedback .form-feedback__send[disabled], .form-enquiry .form-enquiry__send[disabled], .form-enquiry-seo .form-enquiry-seo__send[disabled], .form-enquiry-creating .form-enquiry-creating__send[disabled], .form-spoiler__btn[disabled], .form-promo .form-promo__send[disabled], .form-promo .form-promo__submit[disabled], .form-question .form-question__send[disabled], .form-case .form-case__send[disabled], .form-letter__send[disabled], .form-consultation-landing__submit[disabled], .form-online-meeting__submit[disabled], .form-materials__submit[disabled], .form-blog__submit[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .modal.-send-enquiry-creating .is-error.modal__btn-download, table.table-smm-pack .is-error.table-adaptive__btn, .is-error.footer__top-main-btn, .is-error.form-website__send, .is-error.form-hero__send, .form-feedback .is-error.form-feedback__send, .form-enquiry .is-error.form-enquiry__send, .form-enquiry-seo .is-error.form-enquiry-seo__send, .form-enquiry-creating .is-error.form-enquiry-creating__send, .is-error.form-spoiler__btn, .form-promo .is-error.form-promo__send, .form-promo .is-error.form-promo__submit, .form-question .is-error.form-question__send, .form-case .is-error.form-case__send, .is-error.form-letter__send, .is-error.form-consultation-landing__submit, .is-error.form-online-meeting__submit, .is-error.form-materials__submit, .is-error.form-blog__submit {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .modal.-send-enquiry-creating .is-loading.modal__btn-download, table.table-smm-pack .is-loading.table-adaptive__btn, .is-loading.footer__top-main-btn, .is-loading.form-website__send, .is-loading.form-hero__send, .form-feedback .is-loading.form-feedback__send, .form-enquiry .is-loading.form-enquiry__send, .form-enquiry-seo .is-loading.form-enquiry-seo__send, .form-enquiry-creating .is-loading.form-enquiry-creating__send, .is-loading.form-spoiler__btn, .form-promo .is-loading.form-promo__send, .form-promo .is-loading.form-promo__submit, .form-question .is-loading.form-question__send, .form-case .is-loading.form-case__send, .is-loading.form-letter__send, .is-loading.form-consultation-landing__submit, .is-loading.form-online-meeting__submit, .is-loading.form-materials__submit, .is-loading.form-blog__submit {
  cursor: progress;
}

.is-loading.btn::after, .modal.-send-enquiry-creating .is-loading.modal__btn-download::after, table.table-smm-pack .is-loading.table-adaptive__btn::after, .is-loading.footer__top-main-btn::after, .is-loading.form-website__send::after, .is-loading.form-hero__send::after, .form-feedback .is-loading.form-feedback__send::after, .form-enquiry .is-loading.form-enquiry__send::after, .form-enquiry-seo .is-loading.form-enquiry-seo__send::after, .form-enquiry-creating .is-loading.form-enquiry-creating__send::after, .is-loading.form-spoiler__btn::after, .form-promo .is-loading.form-promo__send::after, .form-promo .is-loading.form-promo__submit::after, .form-question .is-loading.form-question__send::after, .form-case .is-loading.form-case__send::after, .is-loading.form-letter__send::after, .is-loading.form-consultation-landing__submit::after, .is-loading.form-online-meeting__submit::after, .is-loading.form-materials__submit::after, .is-loading.form-blog__submit::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small, .modal.-send-enquiry-creating .btn--small.modal__btn-download, table.table-smm-pack .btn--small.table-adaptive__btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white, .modal.-send-enquiry-creating .btn--white.modal__btn-download, table.table-smm-pack .btn--white.table-adaptive__btn {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover, .modal.-send-enquiry-creating .btn--white.modal__btn-download:hover, table.table-smm-pack .btn--white.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus, .modal.-send-enquiry-creating .btn--white.modal__btn-download:focus, table.table-smm-pack .btn--white.table-adaptive__btn:focus {
  border-color: #4A556E;
}

.btn.btn--blue, .modal.-send-enquiry-creating .btn--blue.modal__btn-download, table.table-smm-pack .btn--blue.table-adaptive__btn {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover, .modal.-send-enquiry-creating .btn--blue.modal__btn-download:hover, table.table-smm-pack .btn--blue.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus, .modal.-send-enquiry-creating .btn--blue.modal__btn-download:focus, table.table-smm-pack .btn--blue.table-adaptive__btn:focus {
  border-color: #10477C;
}

.btn.btn--grey, .modal.-send-enquiry-creating .btn--grey.modal__btn-download, table.table-smm-pack .btn--grey.table-adaptive__btn {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover, .modal.-send-enquiry-creating .btn--grey.modal__btn-download:hover, table.table-smm-pack .btn--grey.table-adaptive__btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus, .modal.-send-enquiry-creating .btn--grey.modal__btn-download:focus, table.table-smm-pack .btn--grey.table-adaptive__btn:focus {
  border-color: #4A556E;
}

.btn.btn--dark, .modal.-send-enquiry-creating .btn--dark.modal__btn-download, table.table-smm-pack .btn--dark.table-adaptive__btn {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover, .modal.-send-enquiry-creating .btn--dark.modal__btn-download:hover, table.table-smm-pack .btn--dark.table-adaptive__btn:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active, .modal.-send-enquiry-creating .btn--dark.modal__btn-download:active, table.table-smm-pack .btn--dark.table-adaptive__btn:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active, .modal.-send-enquiry-creating .btn--dark.modal__btn-download:active, table.table-smm-pack .btn--dark.table-adaptive__btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .modal.-send-enquiry-creating .btn--block.modal__btn-download, table.table-smm-pack .btn--block.table-adaptive__btn, .btn--fullwidth, .form-website__send, .form-hero__send, .form-feedback .form-feedback__send, .form-enquiry .form-enquiry__send, .form-enquiry-seo .form-enquiry-seo__send, .form-promo .form-promo__send, .form-question .form-question__send, .form-case .form-case__send, .form-letter__send, .form-materials__submit, .form-blog__submit {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg, .modal.-send-enquiry-creating .modal__btn-download svg, table.table-smm-pack .table-adaptive__btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button, .form-feedback-alternative .form-feedback-alternative__send, .form-enquiry-complex .form-enquiry-complex__send {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus, .form-feedback-alternative .form-feedback-alternative__send:focus, .form-enquiry-complex .form-enquiry-complex__send:focus {
  outline: 0;
}

.bubbly-button:before, .form-feedback-alternative .form-feedback-alternative__send:before, .form-enquiry-complex .form-enquiry-complex__send:before, .bubbly-button:after, .form-feedback-alternative .form-feedback-alternative__send:after, .form-enquiry-complex .form-enquiry-complex__send:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before, .form-feedback-alternative .form-feedback-alternative__send:before, .form-enquiry-complex .form-enquiry-complex__send:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after, .form-feedback-alternative .form-feedback-alternative__send:after, .form-enquiry-complex .form-enquiry-complex__send:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before, .form-feedback-alternative .form-feedback-alternative__send:before, .form-enquiry-complex .form-enquiry-complex__send:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after, .form-feedback-alternative .form-feedback-alternative__send:after, .form-enquiry-complex .form-enquiry-complex__send:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active, .form-feedback-alternative .form-feedback-alternative__send:active, .form-enquiry-complex .form-enquiry-complex__send:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before, .form-feedback-alternative .animate.form-feedback-alternative__send:before, .form-enquiry-complex .animate.form-enquiry-complex__send:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after, .form-feedback-alternative .animate.form-feedback-alternative__send:after, .form-enquiry-complex .animate.form-enquiry-complex__send:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button, .form-feedback-alternative .form-feedback-alternative__send, .form-enquiry-complex .form-enquiry-complex__send {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span, .form-feedback-alternative .form-feedback-alternative__send span, .form-enquiry-complex .form-enquiry-complex__send span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span, .form-feedback-alternative .form-feedback-alternative__send:hover span, .form-enquiry-complex .form-enquiry-complex__send:hover span {
    opacity: 1;
  }
}

.a-spinLeft {
  animation-name: spin-left;
  transform-origin: center center;
  animation-timing-function: linear;
}

.a-spinRight {
  animation-name: spin-right;
  transform-origin: center center;
  animation-timing-function: linear;
}

.a-infinite {
  animation-iteration-count: infinite;
}

.a-opacity {
  animation: opacity 0.3s linear;
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes spin-left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin-right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes error {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(5px, 0, 0);
  }
}

@keyframes menu-dropdown {
  from {
    opacity: 0;
    transform: translate(0, 5px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes accordion-expand {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulsing {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

@keyframes pulsing-md {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

@keyframes scaleIn {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes swingRotateHover {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

body {
  font-family: "Manrope", sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.2;
  background: #1B1B1B;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Manrope", sans-serif;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
}

h1,
.h1 {
  font-size: 22px;
  margin: 1em 0 0.5em 0;
}

@media (min-width: 575px) {
  h1,
  .h1 {
    font-size: 36px;
  }
}

@media (min-width: 980px) {
  h1,
  .h1 {
    font-size: 50px;
  }
}

.inner-page h1, .inner-page
.h1 {
  margin-top: 24px;
  margin-bottom: 30px;
}

@media (min-width: 575px) {
  .inner-page h1, .inner-page
  .h1 {
    margin-bottom: 60px;
  }
}

@media (min-width: 980px) {
  .inner-page h1, .inner-page
  .h1 {
    margin-bottom: 100px;
    margin-top: 25px;
  }
}

h2,
.h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 1.5em 0 1em 0;
}

@media (min-width: 575px) {
  h2,
  .h2 {
    font-size: 40px;
  }
}

h3,
.h3 {
  font-size: 18px;
  margin: 1.5em 0 0.5em 0;
}

@media (min-width: 575px) {
  h3,
  .h3 {
    font-size: 35px;
  }
}

h4,
.h4 {
  font-size: 16px;
  margin: 1.5em 0 0.5em 0;
}

@media (min-width: 575px) {
  h4,
  .h4 {
    font-size: 30px;
  }
}

h5,
.h5 {
  font-size: 18px;
  margin: 1em 0 0.7em 0;
}

@media (min-width: 575px) {
  h5,
  .h5 {
    font-size: 25px;
  }
}

small,
.small {
  color: inherit;
  font-size: 75%;
}

b,
strong {
  font-weight: 700;
}

* {
  box-sizing: border-box;
}

img {
  border: none;
  max-width: 100%;
}

a {
  color: #2ED876;
  text-decoration: none;
  transition-timing-function: linear;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 1em 0;
}

ul,
ol {
  margin: 1em 0;
  padding-left: 1em;
}

ul li,
ol li {
  margin: 0 0 0.5em 0;
}

table {
  font-size: 1em;
  border: 1px solid;
  padding: 0;
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
}

table td,
table th {
  border: 1px solid;
  vertical-align: top;
}

table th {
  text-align: center;
}

table {
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 0;
}

table th {
  border: 1px solid #FFFFFF;
  padding: 0;
}

table td {
  border: 1px solid #FFFFFF;
  padding: 0;
}

table.noborder {
  border: none;
}

table.noborder td, table.noborder th {
  border: none;
}

table.cellpadding_5 td, table.cellpadding_5 th {
  padding: 5px;
}

table.cellpadding_7 td, table.cellpadding_7 th {
  padding: 7px;
}

table.cellpadding_10 td, table.cellpadding_10 th {
  padding: 10px;
}

table.cellpadding_15 td, table.cellpadding_15 th {
  padding: 15px;
}

.nice_table {
  border: none;
  border-radius: 5px;
  table-layout: fixed;
  background: #fff;
}

.nice_table th {
  padding: 15px 18px;
  border: none;
}

.nice_table td {
  text-align: left;
  padding: 15px 18px;
  border: none;
  border-bottom: 1px solid #d3dee9;
}

.nice_table th {
  background: #f1f5f8;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  border: 1px solid #d3dee9;
  padding: 15px 20px;
}

.nice_table td {
  border: 1px solid #d3dee9;
  padding: 15px 20px;
  font-size: 14px;
  color: #5f5f5f;
}

.nice_table.-striped tr:nth-child(2n) {
  background: #e8eaeb;
}

.nice_table.-hover-row tr {
  transition: 0.2s;
}

.nice_table.-hover-row tr:hover {
  background: #cdd1d3;
}

.nice_table.-hover-col {
  overflow: hidden;
}

.nice_table.-hover-col td, .nice_table.-hover-col th {
  position: relative;
}

.nice_table.-hover-col td:after, .nice_table.-hover-col th:after {
  content: "";
  transition: 0.2s;
}

.nice_table.-hover-col td:hover:after, .nice_table.-hover-col th:hover:after {
  content: "";
  position: absolute;
  background: #cdd1d3;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.nice_table.-hover-cross {
  overflow: hidden;
}

.nice_table.-hover-cross tbody {
  overflow: hidden;
}

.nice_table.-hover-cross tr {
  transition: 0.2s;
}

.nice_table.-hover-cross tr:hover {
  background: #cdd1d3;
}

.nice_table.-hover-cross td, .nice_table.-hover-cross th {
  position: relative;
}

.nice_table.-hover-cross td:after, .nice_table.-hover-cross th:after {
  content: "";
  transition: 0.2s;
}

.nice_table.-hover-cross td:hover:after, .nice_table.-hover-cross th:hover:after {
  content: "";
  position: absolute;
  background: #cdd1d3;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.table-responsive__scroll {
  overflow-x: auto;
}

.app-loader, .app-overlay {
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  font-size: 0;
  line-height: 0;
}

.app-loader {
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20% 20%;
}

.is-error {
  border-color: #d94848;
}

.is-disabled,
[disabled] {
  cursor: not-allowed;
  border-color: #5F5F5F;
}

.is-success {
  border-color: #00c67f;
}

.is-loading {
  cursor: progress;
}

[data-parallax] {
  will-change: transform;
}

.grid {
  margin-bottom: 15px;
}

ul,
ol {
  padding-left: 22px;
}

ul li,
ol li {
  margin: 3px 0;
}

.with_marker {
  list-style: none;
  padding-left: 1.2222em;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 979.98px) {
  .with_marker {
    font-size: 16px;
  }
}

@media (max-width: 574.98px) {
  .with_marker {
    font-size: 14px;
  }
}

.with_marker li {
  display: block;
  padding-left: 0.5556em;
  margin: 0 0 10px;
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.with_marker li:last-child {
  margin-bottom: 0;
}

.with_marker li > span {
  opacity: .8;
}

.with_marker li:before {
  content: '';
  display: block;
  width: 1.2222em;
  height: 1.2222em;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2449 2.2976C10.2449 4.9842 10.9324 8.47185 8.6084 10.3658C7.48022 11.2852 5.977 12.1693 4.55844 12.5647C3.78289 12.7809 1.35643 12.8623 2.16153 12.8623C4.85249 12.8623 7.4034 15.4862 8.83156 17.5495C9.39218 18.3594 9.94003 19.4493 10.311 20.3601C10.4458 20.6909 10.6056 21.0701 10.683 21.4182C10.8286 22.0737 10.7902 20.8901 10.84 20.6329C11.2063 18.7403 12.6854 17.4933 13.6998 15.954C14.4168 14.8659 15.7538 14.0291 16.824 13.3418C18.0787 12.536 19.2058 12.1159 20.593 11.6719C20.855 11.5881 22.1873 11.5231 21.4608 11.5231C19.9671 11.5231 18.589 11.6573 17.196 11.0602C15.546 10.353 14.2196 9.4711 13.1543 8.01809C11.895 6.30058 11.6372 3.9457 10.9888 2' stroke='%232ED876' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: cover;
  left: -1.2222em;
  top: 0;
}

@media (max-width: 574.98px) {
  .with_marker li {
    padding-left: 0.4em;
  }
  .with_marker li:before {
    width: 1.43em;
    height: 1.43em;
    left: -1.43em;
  }
}

.content-underline {
  position: relative;
}

.content-underline:after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 62px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='7' viewBox='0 0 66 7' fill='none'%3E%3Cpath d='M2 3.75C9.44 4.88194 27.3787 6.46664 39.6133 3.75C51.848 1.03336 60.9689 2.61806 64 3.75' stroke='%230087F9' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {
  .content-image {
    display: none;
  }
}

p + ul,
p + ol {
  margin-top: -12px;
}

.map-container {
  display: block;
  position: relative;
  overflow: hidden;
  height: 415px;
  max-height: 50vh;
  background: #eee;
}

.map-container > * {
  display: block;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.img {
  display: block;
  margin: 0 0 2em 0;
  border-radius: 10px;
}

.img img {
  display: block;
  border-radius: 10px;
}

.img .img__title {
  display: block;
  text-align: center;
  font-style: italic;
  font-weight: 300;
  margin: 1em 0;
}

ol.list,
ul.list {
  display: block;
  padding: 0;
}

ol.list li,
ul.list li {
  display: block;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.4em;
}

ol.list li::before,
ul.list li::before {
  content: '';
  display: block;
  position: absolute;
  background: #2ED876;
  border-radius: 50%;
  left: 0;
  top: 0.7em;
  margin-top: -0.33em;
  width: 0.66em;
  height: 0.66em;
}

ul.list-l {
  display: block;
  padding: 0;
  margin: 0;
}

ul.list-l li {
  display: block;
  position: relative;
  margin: 0 0 0.25em;
}

ul.list-l li:last-of-type {
  margin: 0;
}

ul.list-l li::before {
  content: '-';
  display: inline-block;
  color: inherit;
  margin-right: 0.3em;
}

.block-info {
  font-size: 1em;
  margin: 2em 0;
}

.block-info::after {
  content: '';
  display: table;
  clear: both;
}

.block-info p {
  margin: 0;
}

@media (min-width: 575px) {
  .block-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.block-info .block-info__title {
  font-size: 1.15em;
  font-weight: 500;
  margin: 0 0 0.5em 0;
}

.block-info .block-info__img {
  font-size: 0;
  line-height: 0;
  float: left;
  max-width: 45px;
  margin-right: 15px;
}

@media (min-width: 575px) {
  .block-info .block-info__img {
    float: none;
    flex: 0 0 90px;
    max-width: 90px;
    margin-right: 30px;
  }
  .block-info .block-info__body {
    flex: 1 1 auto;
  }
}

.heading-line {
  display: flex;
  margin: 1em 0 1.5em 0;
}

.heading-line::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: #e7e7e7;
  align-self: center;
  margin-left: 0.5em;
}

.figure {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  color: #5f5f5f;
  font-size: 1rem;
  margin: 0 0 30px;
  z-index: 20;
  transition: color 0.3s;
}

.figure .figure__zoom {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  z-index: 20;
  opacity: 0.5;
  transition: opacity 0.3s;
}

.figure .figure__zoom-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.2em;
  height: 2.2em;
  margin-left: -1.1em;
  margin-top: -1.1em;
  border-radius: 50%;
  background: #0087f9;
  color: #fff;
  transition: transform 0.3s;
}

.figure .figure__img {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.figure .figure__img img {
  display: inline-block;
}

.figure .figure__caption {
  display: block;
  text-decoration: none;
  color: currentColor;
  font-weight: 400;
  padding: 5px;
}

@media (min-width: 575px) {
  .figure:hover {
    color: #000;
  }
  .figure:hover .figure__zoom {
    opacity: 1;
  }
  .figure:hover .figure__zoom-icon {
    transform: scale(1);
  }
  .figure .figure__zoom {
    opacity: 0;
  }
  .figure .figure__zoom-icon {
    transform: scale(0.9);
  }
}

.promotion_description {
  display: table;
  margin-top: 30px;
}

.promotion_desc_img {
  padding: 0 25px 25px 0;
  display: table-cell;
  vertical-align: top;
  width: 87px;
  box-sizing: content-box;
}

.promotion_desc_img img {
  margin: 0;
}

.promotion_short_description {
  display: table-cell;
  vertical-align: top;
}

.promotion_stage .heading,
.promotion_history .heading {
  font-size: 18px;
  line-height: 22px;
  color: #1e8091;
  margin-bottom: 15px;
}

.promotion_history img,
.promotion_history_image img {
  max-width: 100%;
  margin-bottom: 21px;
  margin-top: 5px;
}

.promotion_history .nice_table tr td:last-child {
  background: #f7f9fb;
}

/* 10 years */
.ten_years {
  display: block;
  width: auto;
  max-width: 100%;
  position: relative;
  margin: 29px 0 0 0;
}

.ten_years .text div:first-child {
  overflow: hidden;
  max-width: 100%;
}

.ten_years .text div:first-child > img {
  width: auto;
  height: auto;
  position: relative;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  max-width: none;
}

.ten_years__img {
  display: block;
  position: relative;
  float: right;
  margin: -119px 0 0 0;
}

.ten_years__btn {
  display: block;
  width: auto;
  height: auto;
  line-height: 39px;
  text-align: center;
  color: white;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  right: 100%;
  left: auto;
  top: auto;
  bottom: 13px;
  transition: opacity 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  padding: 0 15px 0 25px;
}

.ten_years__btn:after {
  content: '';
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 11px;
  right: auto;
  transform: skew(-13deg);
  background-color: #232323;
  z-index: -1;
}

.ten_years__btn:hover {
  opacity: 0.8;
}

@media (max-width: 620px) {
  .ten_years .text div:first-child {
    display: none;
  }
  .ten_years__img {
    margin: 0;
    float: none;
    text-align: center;
  }
  .ten_years__btn {
    padding: 0 15px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
  .ten_years__btn:after {
    transform: none;
    left: 0;
  }
}

/*==================================================*/
.ten-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
}

.ten-results__item {
  text-align: left;
  width: 429px;
  width: 50%;
  max-width: 100%;
  margin: 0 0 28px 0;
}

.ten-results__item-top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.ten-results__item-digit {
  font-size: 82px;
  line-height: 82px;
  font-weight: bold;
  text-align: left;
  display: block;
  vertical-align: bottom;
  color: #f1c14b;
  margin: 0 13px 0 0;
}

.ten-results__item-text {
  display: block;
  vertical-align: bottom;
  font-size: 13px;
  line-height: normal;
  color: #272930;
  text-align: left;
  white-space: normal;
}

.ten-results__item-last {
  color: #f1c14b;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  margin: -9px 0 0 0;
}

.ten-results__item:nth-child(2n) .ten-results__item-digit {
  color: #a9bcc6;
}

.ten-results__item:nth-child(2n) .ten-results__item-last {
  color: #a9bcc6;
}

@media (max-width: 770px) {
  .ten-results__item-digit {
    font-size: 53px;
    line-height: 53px;
  }
  .ten-results__item-last {
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  .ten-results__item {
    width: 100%;
  }
}

/* end of 10 years */
.blocks__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .blocks__item {
    flex-direction: column;
    align-items: center;
  }
}

.blocks__item-img {
  display: block;
  flex: none;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .blocks__item-img {
    margin: 0 auto 20px;
  }
}

/*=======================================*/
.c-panel-group {
  margin: 30px 0 10px 0;
}

.c-panel-group .c-panel {
  margin: 0;
}

.c-panel-group .c-panel-group__row {
  margin: 0 -9px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media only screen and (max-width: 499px) {
  .c-panel-group .c-panel-group__row {
    display: block;
    margin: 0;
  }
}

.c-panel-group .c-panel-group__col {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex: 0 0 33.33%;
  box-sizing: border-box;
  padding: 0 9px;
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .c-panel-group .c-panel-group__col {
    flex: 1 0 50%;
  }
}

@media only screen and (max-width: 499px) {
  .c-panel-group .c-panel-group__col {
    display: block;
    padding: 0;
    margin-bottom: 15px;
  }
}

/*================================================*/
.b-list-sitesale .b-list-sitesale {
  margin: 30px 0 0 0;
}

.b-list-sitesale .b-list-sitesale ul {
  padding: 0;
  margin: 0 -20px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media only screen and (max-width: 889px) {
  .b-list-sitesale .b-list-sitesale ul {
    margin: 0 -15px;
  }
}

@media only screen and (max-width: 499px) {
  .b-list-sitesale .b-list-sitesale ul {
    display: block;
    margin: 0;
  }
}

.b-list-sitesale .b-list-sitesale ul li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  flex: 0 0 25%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 889px) {
  .b-list-sitesale .b-list-sitesale ul li {
    flex: 0 0 33.33%;
    padding: 0 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .b-list-sitesale .b-list-sitesale ul li {
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 499px) {
  .b-list-sitesale .b-list-sitesale ul li {
    display: block;
    padding: 0;
  }
}

.b-list-sitesale .b-list-sitesale .b-list-sitesale__item {
  color: #6b737d;
  font-size: 14px;
  text-align: left;
}

.b-list-sitesale .b-list-sitesale .b-list-sitesale__item p {
  margin: 0;
  padding: 0;
  font: inherit;
}

.b-list-sitesale .b-list-sitesale .b-list-sitesale__item .b-list-sitesale__item__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 15px 0;
  text-align: center;
}

.b-list-sitesale .b-list-sitesale .b-list-sitesale__item .b-list-sitesale__item__img {
  display: block;
  text-align: center;
  height: 160px;
  margin-bottom: 20px;
  line-height: 160px;
}

.b-list-sitesale .b-list-sitesale .b-list-sitesale__item .b-list-sitesale__item__img img {
  display: inline-block;
  vertical-align: middle;
  max-height: 160px;
  line-height: 1;
}

.b-list-sitesale .b-sitesale-tasks {
  margin: 30px 0;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__img {
  text-align: center;
  line-height: 0;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__img img {
  max-width: 100%;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__list {
  padding: 40px 30px;
  margin: 0;
  display: block;
  text-align: left;
  background: #f4f4f4;
  font-size: 14px;
  line-height: 1.4;
  color: #48525f;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__list li {
  display: block;
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0 0 15px 0;
  position: relative;
  font: inherit;
  line-height: inherit;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__list li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.7em;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  background: #6f9fb1;
  border-radius: 50%;
}

.b-list-sitesale .b-sitesale-tasks .b-sitesale-tasks__list li:last-child {
  margin-bottom: 0;
}

.b-list-sitesale .b-list-sitesale__steps {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 0 40px;
  margin: 0;
  counter-reset: list;
}

.b-list-sitesale .b-list-sitesale__steps .b-list-sitesale__steps__text {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 20px;
  bottom: 50%;
  margin-bottom: 50px;
}

.b-list-sitesale .b-list-sitesale__steps .b-list-sitesale__steps__text:after {
  content: '';
  display: block;
  height: 20px;
  width: 1px;
  position: absolute;
  top: 100%;
  margin-top: 5px;
  left: 50%;
  margin-left: -1px;
  background: #6297aa;
}

.b-list-sitesale .b-list-sitesale__steps li {
  flex: 1 0 200px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 80px 0;
  margin: 0 -40px;
  list-style: none;
  counter-increment: list;
  font-size: 14px;
  color: #4c4c4c;
  text-align: center;
  position: relative;
  z-index: 10;
}

.b-list-sitesale .b-list-sitesale__steps li:nth-child(even) .b-list-sitesale__steps__text {
  bottom: auto;
  margin-bottom: 0;
  top: 50%;
  margin-top: 50px;
}

.b-list-sitesale .b-list-sitesale__steps li:nth-child(even) .b-list-sitesale__steps__text:after {
  bottom: 100%;
  top: auto;
}

@media only screen and (max-width: 959px) {
  .b-list-sitesale .b-list-sitesale__steps li:nth-child(even) .b-list-sitesale__steps__text {
    top: auto;
    margin-top: 0;
  }
}

.b-list-sitesale .b-list-sitesale__steps li:first-child:after {
  width: 40px;
  left: 50%;
  margin-left: -62px;
}

.b-list-sitesale .b-list-sitesale__steps li:last-child:after {
  width: 40px;
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -62px;
}

.b-list-sitesale .b-list-sitesale__steps li p {
  margin: 0;
  padding: 0;
  font: inherit;
}

.b-list-sitesale .b-list-sitesale__steps li:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #6297aa;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  z-index: -1;
}

.b-list-sitesale .b-list-sitesale__steps li:before {
  display: block;
  content: counter(list, decimal-leading-zero);
  font-size: 19px;
  line-height: 40px;
  text-align: center;
  color: #6b737d;
  width: 42px;
  height: 42px;
  background-color: white;
  border: 1px solid #6297aa;
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(54, 198, 246, 0.5);
  margin: 0 auto;
}

@media only screen and (max-width: 959px) {
  .b-list-sitesale .b-list-sitesale__steps li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 30px 0;
    text-align: left;
    margin: 0;
  }
  .b-list-sitesale .b-list-sitesale__steps li:first-child:after {
    display: block;
    width: 1px;
    height: 100%;
    left: 21px;
    top: 0;
    margin: 0;
  }
  .b-list-sitesale .b-list-sitesale__steps li:last-child:after {
    display: none;
  }
  .b-list-sitesale .b-list-sitesale__steps li:after {
    display: block;
    width: 1px;
    height: 100%;
    left: 21px;
    top: 0;
  }
  .b-list-sitesale .b-list-sitesale__steps li:before {
    margin: 0 20px 0 0;
    flex: 0 0 auto;
  }
  .b-list-sitesale .b-list-sitesale__steps li .b-list-sitesale__steps__text {
    position: relative;
    text-align: left;
    margin: 0;
  }
  .b-list-sitesale .b-list-sitesale__steps li .b-list-sitesale__steps__text:after {
    display: none;
  }
}

@media only screen and (max-width: 959px) {
  .b-list-sitesale .b-list-sitesale__steps {
    padding: 0;
    display: block;
  }
}

.b-list-sitesale .b-list-sitesale__abc {
  padding: 0;
  margin: 25px 0;
  display: block;
  counter-reset: list;
}

.b-list-sitesale .b-list-sitesale__abc:after {
  content: '';
  display: block;
  clear: both;
}

.b-list-sitesale .b-list-sitesale__abc li {
  counter-increment: list;
  display: block;
  padding: 15px 0 40px 65px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  font-size: 14px;
  color: #48525f;
  width: 100%;
  max-width: 430px;
  box-sizing: border-box;
  clear: both;
  min-height: 80px;
}

.b-list-sitesale .b-list-sitesale__abc li:first-child {
  float: left;
}

.b-list-sitesale .b-list-sitesale__abc li:last-child {
  float: right;
}

.b-list-sitesale .b-list-sitesale__abc li p {
  margin: 0;
  padding: 0;
  font: inherit;
}

.b-list-sitesale .b-list-sitesale__abc li:before,
.b-list-sitesale .b-list-sitesale__abc li:after {
  content: counter(list, upper-alpha);
  font-size: 85px;
  top: 0.5em;
  left: 0;
  line-height: 0;
  z-index: -1;
  position: absolute;
  display: block;
}

.b-list-sitesale .b-list-sitesale__abc li:before {
  font-size: 85px;
  color: #48525f;
}

.b-list-sitesale .b-list-sitesale__abc li:after {
  font-weight: 700;
  color: rgba(98, 151, 170, 0.2);
  margin-top: 20px;
  margin-left: 20px;
}

.b-list-sitesale .b-list-sitesale__features {
  padding: 0;
  margin: 0;
}

.b-list-sitesale .b-list-sitesale__features p {
  padding: 0;
  margin: 0;
  font: inherit;
}

.b-list-sitesale .b-list-sitesale__features li {
  display: block;
  position: relative;
  padding: 0 0 0 55px;
  margin: 0 0 20px 0;
  font-size: 14px;
}

.b-list-sitesale .b-list-sitesale__features li:last-child {
  margin-bottom: 0;
}

.b-list-sitesale .b-list-sitesale__features .b-list-sitesale__features__icon {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
  width: 55px;
  padding-right: 15px;
  box-sizing: border-box;
}

.b-list-sitesale .b-list-sitesale__features .b-list-sitesale__features__icon img {
  max-width: 40px;
}

.b-list-sitesale .b-list-sitesale__features .b-list-sitesale__features__title {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}

.b-list-sitesale .b-list-sitesale__promo {
  background: url("/images/img-salesite-promo.jpg") top right no-repeat;
  background-size: cover;
  min-height: 490px;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
  padding: 100px 40px;
  margin: 35px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 959px) {
  .b-list-sitesale .b-list-sitesale__promo {
    padding: 40px;
    background: #3e9aad;
    background: linear-gradient(to right, #3d9aad 0%, #8dbebe 100%);
    min-height: auto;
  }
}

@media only screen and (max-width: 499px) {
  .b-list-sitesale .b-list-sitesale__promo {
    padding: 30px 15px;
  }
}

.b-list-sitesale .b-list-sitesale__promo .b-list-sitesale__promo__inner {
  max-width: 470px;
}

@media only screen and (max-width: 959px) {
  .b-list-sitesale .b-list-sitesale__promo .b-list-sitesale__promo__inner {
    max-width: none;
  }
}

.b-list-sitesale .b-list-sitesale__promo p {
  padding: 0;
  margin: 0 0 15px 0;
  font: inherit;
  color: inherit;
}

.b-list-sitesale .b-list-sitesale__promo .b-list-sitesale__promo__title {
  font-weight: 400;
  text-transform: uppercase;
  color: inherit;
  font-size: 29px;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: left;
}

.b-list-sitesale .b-list-sitesale__contacts {
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 30px -30px 10px -30px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .b-list-sitesale .b-list-sitesale__contacts {
    justify-content: center;
    margin: 30px -10px 10px -10px;
  }
}

@media only screen and (max-width: 499px) {
  .b-list-sitesale .b-list-sitesale__contacts {
    display: block;
    margin: 30px 0 10px 0;
  }
}

.b-list-sitesale .b-list-sitesale__contacts .b-list-sitesale__contacts__img {
  text-align: center;
  height: 80px;
  margin-bottom: 10px;
}

.b-list-sitesale .b-list-sitesale__contacts .b-list-sitesale__contacts__img img {
  max-height: 80px;
  line-height: 1;
}

.b-list-sitesale .b-list-sitesale__contacts li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0 30px;
  box-sizing: border-box;
  flex: 0 0 20%;
  text-align: center;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  .b-list-sitesale .b-list-sitesale__contacts li {
    flex: 1 0 33.33%;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 499px) {
  .b-list-sitesale .b-list-sitesale__contacts li {
    display: block;
    padding: 0;
  }
}

/*=====================================================*/
.c-table {
  font-size: 14px;
  line-height: 1.4;
  color: #48525f;
  border-collapse: collapse;
  margin: 20px 0;
  text-align: left;
}

.c-table td,
.c-table th {
  border: 1px solid #cddde2;
  vertical-align: middle;
  padding: 20px;
}

.c-table th {
  text-align: center;
  font-weight: 700;
  background: #f7f8f8;
  padding: 20px 50px;
}

@media only screen and (max-width: 499px) {
  .c-table th {
    padding: 20px;
  }
}

.c-table tbody th {
  font-weight: 400;
  font-size: inherit;
}

/*====================================================*/
.page-keys {
  font-size: 14px;
  line-height: 1.4;
  color: #42515f;
}

.page-keys p,
.page-keys h2,
.page-keys h3,
.page-keys h4,
.page-keys h5,
.page-keys h6 {
  padding: 0 !important;
}

.page-keys h2,
.page-keys h3,
.page-keys h4 {
  margin: 20px 0;
}

.page-keys p {
  margin: 0 0 15px 0;
}

.page-keys * {
  box-sizing: border-box;
}

.page-keys img {
  max-width: 100%;
}

.page-keys-info {
  font-size: 14px;
  line-height: 1.4;
  color: #42515f;
  background: #f7f8fc url("/images/page-keys-info.jpg") 520px center no-repeat;
  margin-bottom: 30px;
}

.page-keys-info p {
  margin: 0;
}

.page-keys-info .page-keys-info__inner {
  max-width: 520px;
  padding: 30px;
}

.page-keys-types {
  background-color: #5b97ae;
  background-position: 480px 0, 0 0;
  background-repeat: no-repeat;
  background-image: url("/images/page-keys-types.jpg"), -moz- oldlinear-gradient(to right, #5b96ae 0%, #7cabb7 100%);
  background-image: url("/images/page-keys-types.jpg"), linear-gradient(to right, #5b96ae 0%, #7cabb7 100%);
  color: #ffffff;
  font-size: 14px;
  margin: 30px 0;
}

.page-keys-types p {
  color: currentColor;
}

.page-keys-types ul {
  display: block;
  padding: 0;
  margin: 15px 0;
}

.page-keys-types ul li {
  display: block;
  position: relative;
  color: currentColor;
  padding: 0 0 0 1.78571em;
  line-height: 1.42857em;
  margin: 0 0 10px 0;
  font-size: 1em;
}

.page-keys-types ul li:before {
  content: '';
  display: block;
  position: absolute;
  height: 0.14286em;
  width: 1em;
  left: 0;
  top: 0.71429em;
  margin-top: -0.07143em;
  background: #c5ecf9;
}

.page-keys-types .page-keys-types__inner {
  max-width: 480px;
  padding: 30px;
}

.page-keys-types .page-keys-types__title {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  color: currentColor;
  padding: 0;
  margin: 0 0 15px 0;
}

.page-keys-features {
  margin-bottom: 30px;
}

.page-keys-features .page-keys-features__list {
  margin: 20px 0;
}

.page-keys-feature {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding: 30px !important;
  margin-top: 40px !important;
  margin-bottom: 10px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  border-radius: 24px;
  color: #212121;
}

@media (max-width: 1309.98px) {
  .page-keys-feature {
    padding: 30px 20px !important;
  }
}

@media (max-width: 979.98px) {
  .page-keys-feature {
    padding: 20px 10px !important;
    margin-top: 30px !important;
    border-radius: 12px;
  }
}

.page-keys-feature.--max-width .page-keys-feature__img {
  position: absolute;
  bottom: 115px;
}

@media (max-width: 979.98px) {
  .page-keys-feature.--max-width .page-keys-feature__img {
    width: 54px;
    height: 54px;
    bottom: 79px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature.--max-width .page-keys-feature__img {
    bottom: 84px;
  }
}

.page-keys-feature.--max-width .page-keys-feature__body .grid {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

@media (max-width: 979.98px) {
  .page-keys-feature.--max-width .page-keys-feature__body .grid {
    gap: 14px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature.--max-width .page-keys-feature__body .grid {
    gap: 20px;
  }
}

.page-keys-feature.--max-width .page-keys-feature__body [class*="col-"] {
  margin-left: calc(94px + 15px);
}

@media (max-width: 979.98px) {
  .page-keys-feature.--max-width .page-keys-feature__body [class*="col-"] {
    margin-left: calc(54px + 10px);
  }
}

@media (max-width: 574.98px) {
  .page-keys-feature.--max-width .page-keys-feature__body [class*="col-"]:last-child {
    margin-left: 0;
  }
}

.page-keys-feature.--max-width .page-keys-feature__body [class*="col-"] p {
  text-align: left !important;
}

.page-keys-feature__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94px;
  height: 94px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
  font-size: 0;
  line-height: 0;
}

@media (min-width: 1024px) and (max-width: 1309.98px) {
  .page-keys-feature__img {
    position: absolute;
    bottom: 111px;
  }
}

@media (max-width: 979.98px) {
  .page-keys-feature__img {
    width: 74px;
    height: 74px;
    margin-right: 10px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature__img {
    width: 54px;
    height: 54px;
    position: absolute;
    bottom: 86px;
  }
}

.page-keys-feature__img::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  bottom: 0;
  right: 12px;
  background: #2ED876;
  border-radius: 50%;
}

@media (max-width: 979.98px) {
  .page-keys-feature__img::after {
    width: 13px;
    height: 13px;
    right: 9px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature__img::after {
    width: 9px;
    height: 9px;
    right: 5px;
  }
}

.page-keys-feature__img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  border-radius: 50%;
}

.page-keys-feature__body {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  margin: 0 !important;
}

.page-keys-feature__body p {
  margin: 0;
}

.page-keys-feature__body .grid {
  align-items: center;
  flex-wrap: nowrap;
  gap: 18px;
  margin: 0;
}

@media (min-width: 1024px) and (max-width: 1309.98px) {
  .page-keys-feature__body .grid {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 979.98px) {
  .page-keys-feature__body .grid {
    gap: 14px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature__body .grid {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.page-keys-feature__body .grid [class*="col-"] {
  width: auto;
  margin: 0;
}

.page-keys-feature__body .grid [class*="col-"]:last-child {
  flex-shrink: 0;
}

@media (min-width: 1024px) and (max-width: 1309.98px) {
  .page-keys-feature__body .grid [class*="col-"] {
    margin-left: calc(94px + 15px);
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature__body .grid [class*="col-"] {
    margin-left: calc(54px + 10px);
  }
}

@media (max-width: 574.98px) {
  .page-keys-feature__body .grid [class*="col-"]:last-child {
    display: block !important;
    width: 100%;
    margin-left: 0;
  }
}

.page-keys-feature__body .grid [class*="col-"] p {
  margin: 0 !important;
}

.page-keys-feature__body .grid [class*="col-"] .btn, .page-keys-feature__body .grid [class*="col-"] .modal.-send-enquiry-creating .modal__btn-download, .modal.-send-enquiry-creating .page-keys-feature__body .grid [class*="col-"] .modal__btn-download, .page-keys-feature__body .grid [class*="col-"] table.table-smm-pack .table-adaptive__btn, table.table-smm-pack .page-keys-feature__body .grid [class*="col-"] .table-adaptive__btn {
  padding-inline: 35px;
}

@media (max-width: 979.98px) {
  .page-keys-feature__body .grid [class*="col-"] .btn, .page-keys-feature__body .grid [class*="col-"] .modal.-send-enquiry-creating .modal__btn-download, .modal.-send-enquiry-creating .page-keys-feature__body .grid [class*="col-"] .modal__btn-download, .page-keys-feature__body .grid [class*="col-"] table.table-smm-pack .table-adaptive__btn, table.table-smm-pack .page-keys-feature__body .grid [class*="col-"] .table-adaptive__btn {
    font-size: 16px;
    padding-block: 13px;
  }
}

@media (max-width: 574.98px) {
  .page-keys-feature__body .grid [class*="col-"] .btn, .page-keys-feature__body .grid [class*="col-"] .modal.-send-enquiry-creating .modal__btn-download, .modal.-send-enquiry-creating .page-keys-feature__body .grid [class*="col-"] .modal__btn-download, .page-keys-feature__body .grid [class*="col-"] table.table-smm-pack .table-adaptive__btn, table.table-smm-pack .page-keys-feature__body .grid [class*="col-"] .table-adaptive__btn {
    width: 100%;
  }
}

.page-keys-feature__title {
  padding: 20px !important;
  margin: 0;
  background: #ffffff;
  border-radius: 24px 24px 24px 2px;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
}

@media (max-width: 979.98px) {
  .page-keys-feature__title {
    padding: 14px !important;
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .page-keys-feature__title {
    padding: 14px 14px 25px 14px !important;
    border-radius: 12px 12px 12px 0;
    position: relative;
  }
  .page-keys-feature__title::after {
    content: '15:02';
    display: block;
    padding-right: calc(4.68px + 15px);
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.25' clip-path='url(%23clip0_9019_374553)'%3E%3Cpath d='M0.913086 8.14499L3.37014 10.4382L9.81991 4.41846M14.1198 4.56179L7.66999 10.5816L6.90216 9.86493' stroke='%23212121' stroke-width='1.40321' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9019_374553'%3E%3Crect width='14.9676' height='14.9676' fill='white' transform='translate(0.0332031 0.0161133)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 11.23px;
    font-weight: 400;
    line-height: 15px;
    color: rgba(5, 5, 5, 0.33);
    position: absolute;
    bottom: 6px;
    right: 8px;
  }
}

.page-keys-feature__title span {
  font-size: inherit !important;
}

.page-keys-forms .page-keys-forms__item {
  margin-bottom: 20px;
}

.page-keys-rules .page-keys-rules__item {
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  color: #42515f;
  z-index: 10;
  padding: 15px 0 0 80px;
  margin-bottom: 20px;
}

.page-keys-rules .page-keys-rules__item p {
  padding: 0 !important;
  margin: 0;
}

.page-keys-rules .page-keys-rules__item-icon {
  display: block;
  position: absolute;
  z-index: -1;
  font-size: 0;
  line-height: 0;
  left: 0;
  top: 0;
}

.page-keys-rules .page-keys-rules__item-icon img {
  display: block;
  max-width: none;
}

.page-keys-rules .page-keys-rules__item-title {
  font-size: 14px;
  margin: 0 0 15px 0;
  font-weight: 700;
}

.page-keys-example {
  margin-bottom: 20px;
  position: relative;
  background: #f7f8fc;
  padding: 30px 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #42515f;
}

@media only screen and (min-width: 550px) {
  .page-keys-example {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 35px 30px;
  }
}

.page-keys-example p {
  padding: 0 !important;
  margin: 0 0 10px 0;
}

.page-keys-example .page-keys-example__img {
  font-size: 0;
  line-height: 0;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 550px) {
  .page-keys-example .page-keys-example__img {
    flex: 0 0 200px;
    max-width: 200px;
    margin-right: 30px;
    margin-bottom: 0;
  }
}

.page-keys-example .page-keys-example__img img {
  max-width: 100%;
}

.page-keys-example .page-keys-example__title {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 15px 0;
}

.page-keys-example .page-keys-example__list {
  display: block;
  padding: 0;
  margin: 0;
}

.page-keys-example .page-keys-example__list li {
  display: block;
  position: relative;
  color: currentColor;
  padding: 0 0 0 1.78571em;
  line-height: 1.42857em;
  margin: 0 0 10px 0;
  font-size: 1em;
}

.page-keys-example .page-keys-example__list li:before {
  content: '';
  display: block;
  position: absolute;
  height: 0.21429em;
  width: 1.07143em;
  left: 0;
  top: 0.71429em;
  margin-top: -0.10714em;
  background: #42a5b1;
  background: -moz- oldlinear-gradient(to right, #698dac 0%, #42a6b1 100%);
  background: linear-gradient(to right, #698dac 0%, #42a6b1 100%);
}

.alert {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin: 2px 0;
  font-size: 13px;
  line-height: 1.4;
  color: #42515f;
  font-weight: 400;
  min-height: 70px;
  padding: 10px 20px 10px 0;
}

.alert p {
  margin: 0;
  padding: 0 !important;
}

.alert:before {
  content: '';
  display: block;
  position: relative;
  height: 50px;
  width: 70px;
  flex: 0 0 70px;
  background-position: center center;
  background-repeat: no-repeat;
}

.alert-error {
  background: #fde6df;
}

.alert-error:before {
  background-image: url("/images/alert-error.png");
}

.alert-success {
  background: #e9f3ef;
}

.alert-success:before {
  background-image: url("/images/alert-ok.png");
}

/*====================================================*/
/**********************     block-list   **************************/
.block-list,
.block-list * {
  box-sizing: border-box;
}

.block-list__item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 21px 35px;
}

.block-list__item:nth-child(3n+1) {
  background: #d8e5ec;
}

.block-list__item:nth-child(3n+2) {
  background: #e2eee9;
}

.block-list__item:nth-child(3n+3) {
  background: #eedbe7;
}

.-second .block-list__item:nth-child(3n+1) {
  background: #f8e5df;
}

.-second .block-list__item:nth-child(3n+2) {
  background: #e2eee9;
}

.-second .block-list__item:nth-child(3n+3) {
  background: #eedbe7;
}

.block-list img,
.txt .block-list img {
  margin-right: 30px !important;
}

.block-list__content,
p.block-list__content {
  padding: 0;
}

.title__images {
  float: right;
  margin: -33px 0 15px 45px;
}

@media (max-width: 850px) {
  .title__images {
    margin-top: 15px;
  }
}

/**********************     factor-list   **************************/
.factor-list,
.factor-list * {
  box-sizing: border-box;
}

.factor-list {
  counter-reset: section;
}

.factor-list__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
}

.factor-list__item:nth-child(even) .factor-list__content,
.factor-list__item:nth-child(odd) .factor-list__images {
  order: 1;
}

.factor-list__item:nth-child(even) .factor-list__images,
.factor-list__item:nth-child(odd) .factor-list__content {
  order: 2;
}

.factor-list__item:nth-child(3n+1) .factor-list__content {
  background-image: linear-gradient(49deg, rgba(12, 172, 135, 0.2) 0%, rgba(69, 179, 179, 0.2) 100%);
}

.factor-list__item:nth-child(3n+2) .factor-list__content {
  background-image: linear-gradient(49deg, rgba(221, 107, 168, 0.2) 0%, rgba(163, 110, 161, 0.2) 100%);
}

.factor-list__item:nth-child(3n+3) .factor-list__content {
  background-image: linear-gradient(49deg, rgba(231, 170, 91, 0.2) 0%, rgba(254, 150, 124, 0.2) 100%);
}

.factor-list__images {
  width: 50%;
  padding: 0 15px;
  text-align: center;
}

.factor-list__content {
  position: relative;
  display: flex;
  width: 50%;
  padding: 40px 50px 40px 30px;
  margin: 10px 0;
  overflow: hidden;
}

.factor-list__content:after {
  counter-increment: section;
  content: "0" counter(section);
  position: absolute;
  top: -16px;
  right: -33px;
  color: #fff;
  font-weight: 800;
  font-size: 192px;
  line-height: 114px;
  opacity: 0.3;
}

.factor-list__content p {
  padding: 0;
  align-self: center;
}

.with_number {
  list-style-type: none;
  counter-reset: number-list;
}

.with_number li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 10px;
}

.with_number li:after {
  counter-increment: number-list;
  content: "0" counter(number-list);
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.31);
}

@media (max-width: 850px) {
  .factor-list__images {
    width: 35%;
  }
  .factor-list__content {
    width: 65%;
    padding: 25px 25px 20px 20px;
  }
  .factor-list__content:after {
    font-size: 180px;
  }
}

@media (max-width: 600px) {
  .factor-list__item {
    margin-bottom: 15px;
  }
  .factor-list__images {
    width: 100%;
    padding: 0 15px 15px 15px;
  }
  .factor-list__content {
    width: 100%;
    margin: 0;
    overflow: visible;
  }
  .factor-list__item:nth-child(even) .factor-list__content,
  .factor-list__item:nth-child(odd) .factor-list__content {
    order: 1;
  }
  .factor-list__item:nth-child(even) .factor-list__images,
  .factor-list__item:nth-child(odd) .factor-list__images {
    order: 2;
  }
  .factor-list__item:nth-child(3n+1) .factor-list__content,
  .factor-list__item:nth-child(3n+2) .factor-list__content,
  .factor-list__item:nth-child(3n+3) .factor-list__content {
    background-image: none;
  }
  .factor-list__item:nth-child(3n+1) {
    background-image: linear-gradient(49deg, rgba(12, 172, 135, 0.2) 0%, rgba(69, 179, 179, 0.2) 100%);
  }
  .factor-list__item:nth-child(3n+2) {
    background-image: linear-gradient(49deg, rgba(221, 107, 168, 0.2) 0%, rgba(163, 110, 161, 0.2) 100%);
  }
  .factor-list__item:nth-child(3n+3) {
    background-image: linear-gradient(49deg, rgba(231, 170, 91, 0.2) 0%, rgba(254, 150, 124, 0.2) 100%);
  }
}

/***************************recomendation*********************************/
.recomendation {
  margin: 20px 0 15px;
}

.recomendation,
.recomendation * {
  box-sizing: border-box;
}

.recomendation__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.recomendation__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 30px;
  color: #fff;
  background-image: linear-gradient(173deg, #90c0c1 0%, #2698b0 100%);
}

.recomendation__content *,
.text .recomendation__content * {
  color: #fff;
}

@media (min-width: 600px) {
  .recomendation__item:nth-child(even) .recomendation__image,
  .recomendation__item:nth-child(odd) .recomendation__content {
    order: 1;
  }
  .recomendation__item:nth-child(even) .recomendation__content,
  .recomendation__item:nth-child(odd) .recomendation__image {
    order: 2;
  }
}

.recomendation__image {
  width: 50%;
  object-fit: contain;
  object-position: center right;
}

@media (max-width: 850px) {
  .recomendation__content {
    width: 65%;
  }
  .recomendation__image {
    width: 35%;
    object-fit: cover;
    object-position: center center;
  }
}

@media (max-width: 600px) {
  .recomendation__content {
    width: 100%;
  }
  .recomendation__image {
    width: 100%;
  }
}

/************************socaial-recom*******************************/
.socaial-recom {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -4.5%;
  margin-right: -4.5%;
  margin-top: 25px;
}

.socaial-recom__item {
  position: relative;
  width: calc(50% - 9%);
  margin-left: 4.5%;
  margin-right: 4.5%;
}

.socaial-recom__item img {
  float: right;
  padding: 10px 0 18px;
}

.socaial-recom__item p {
  padding-top: 1px;
}

@media (max-width: 700px) {
  .socaial-recom__item {
    width: calc(100% - 9%);
  }
}

/************************************************************************/
.email-delivery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -3.5%;
  margin-right: -3.5%;
}

.email-delivery__item {
  position: relative;
  min-height: 405px;
  width: calc(50% - 7%);
  margin-left: 3.5%;
  margin-right: 3.5%;
  margin-bottom: 20px;
  background-color: #64b7bd;
}

.email-delivery__image {
  height: 235px;
}

.email-delivery__item img,
.txt .email-delivery__item img {
  height: 100% !important;
  width: 100%;
  object-fit: none;
  object-position: top center;
}

.email-delivery__item p {
  color: #fff;
  padding: 25px 23px;
}

@media (max-width: 600px) {
  .email-delivery__item {
    width: calc(100% - 7%);
  }
}

.anonsy__image {
  margin-bottom: 15px;
  min-height: 120px;
  object-fit: cover;
}

@media (max-width: 600px) {
  .anonsy__image {
    object-position: bottom right -60px;
  }
}

/*************************************************************************/
table {
  border-collapse: collapse;
  background: none;
  margin: 0 0 15px;
  border: none;
}

table td,
table th {
  color: #48525f;
  font: 14px 'Open Sans', Arial;
  background: none;
  border-color: #beccdb;
  padding: 14px;
  vertical-align: middle;
}

table th {
  font-weight: bold;
}

/********************************************************************************/
.blocks-list-wrapper {
  margin-bottom: 20px;
}

.blocks-list-wrapper * {
  box-sizing: border-box;
}

.block-list-item {
  position: relative;
  padding-right: 25px;
  padding-bottom: 20px;
}

.block-list-item:after {
  content: '';
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.block-list-item:last-of-type:before {
  width: 11px;
  height: 33px;
  bottom: auto;
  background: url("./common/images/google/dot-last.png") no-repeat center top;
}

.block-list-item:last-of-type {
  padding-top: 20px;
}

.block-list-item:last-of-type,
.block-list-item:last-of-type span,
.block-list-item:last-of-type p {
  color: #ffffff;
}

.block-list-item-left {
  margin-top: -3px;
  float: left;
  width: 140px;
  padding: 0 25px 0 20px;
}

.block-list-item-right {
  margin-top: -3px;
  float: left;
  width: calc(100% - 140px);
  padding: 0 0 0 35px;
}

.block-list-item-right-tit {
  font-weight: 600;
  font-size: 16px;
  color: #48525f;
}

.text-block--gradient {
  background: linear-gradient(to right, #5b97ae, #9ebfc0);
}

/*****************************************************/
.text-block-icon-number {
  box-sizing: border-box;
  width: 87px;
  height: 87px;
  border: 3px solid #00ccce;
  color: #2cd5d7;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  padding: 16px 0;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 17px;
}

.text-block-icon-number + p {
  text-align: center;
}

/********************************************************/
.block-radial-center {
  position: relative;
  box-sizing: border-box;
}

.block-radial-center:after {
  content: '';
  display: block;
  clear: both;
}

.block-radial-center * {
  box-sizing: border-box;
}

.block-radial-center img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.block-radial-center p {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  padding: 25px 0;
}

.block-radial-center p:nth-of-type(odd) {
  text-align: right;
  padding-right: 100px;
  padding-left: 30px;
}

.block-radial-center p:nth-of-type(even) {
  text-align: left;
  padding-left: 100px;
  padding-right: 30px;
}

/****************************************************/
@media (max-width: 800px) {
  .index-team-item {
    width: 33.333%;
  }
  .block-inline-item-wrapper {
    width: 50%;
    margin-bottom: 20px;
  }
  .g-position .l-col-sm-5 {
    width: 55%;
  }
  .g-position .l-col-sm-7 {
    width: 45%;
  }
}

.text-block--gradient {
  background: linear-gradient(to right, #5b97ae, #9ebfc0);
}

.text-block {
  position: relative;
}

.text-block--top-icon {
  padding: 60px 43px 30px;
  margin-top: 65px;
}

.text-block-icon {
  position: absolute;
  top: -44px;
  left: 50%;
  margin-left: -44px;
  width: 87px;
  height: 87px;
  border: 4px solid #00ccce;
  border-radius: 50%;
  text-align: center;
  background-color: #ffffff;
}

.text-block-icon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.text-block-icon img {
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.text-block .text-block-tit {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 7px;
}

.text-block p {
  font-size: 14px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.blocks-inline-wrapper {
  margin: 0 -19px 30px;
}

.blocks-inline-wrapper:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.block-inline-item-wrapper {
  padding: 0 19px;
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.block-inline-item-wrapper *,
.block-inline-item-wrapper *:after,
.block-inline-item-wrapper *:before {
  box-sizing: border-box;
}

.block-inline-item {
  position: relative;
  background-color: #eff1f3;
  text-align: center;
  height: 140px;
  padding: 10px 10px;
}

.block-inline-item:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.block-inline-item p {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  max-height: 100px;
  max-width: 93%;
  overflow: hidden;
  padding: 0;
}

.block-inline-item:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 4px solid #bfc9d2;
}

.block-inline-item-wrapper:last-of-type .block-inline-item:after {
  display: none;
}

.text-block-location-wrapper {
  display: table;
  height: 85px;
  width: 100%;
  margin-bottom: 20px;
}

.text-block-location {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #dfe4e8;
  position: relative;
  padding: 10px 40px 10px 80px;
}

.text-block-location *,
.text-block-location *:before,
.text-block-location *:after {
  box-sizing: border-box;
}

.text-block-location p {
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
  padding: 0;
}

.text-block-location:before {
  content: '';
  box-sizing: border-box;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 28px;
  left: 30px;
  background: url("/images/google/location-icon.png") no-repeat center center;
}

.text-block-location:after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: -10px;
  right: -16px;
  width: 24px;
  height: 10px;
  border-left: 12px solid #dfe4e8;
  border-right: 12px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(-45deg);
}

.blocks-list-wrapper {
  margin-bottom: 20px;
}

.blocks-list-wrapper * {
  box-sizing: border-box;
}

.block-list-item {
  position: relative;
  padding-right: 25px;
  padding-bottom: 20px;
}

.block-list-item:before {
  content: '';
  display: block;
  position: absolute;
  left: 129px;
  top: 0;
  bottom: 0;
  width: 11px;
  height: 100%;
  background: url("/images/google/dot.png") no-repeat center top, url("/images/google/line.png") repeat-y center top;
}

.block-list-item:after {
  content: '';
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.block-list-item:last-of-type:before {
  width: 11px;
  height: 33px;
  bottom: auto;
  background: url("/images/google/dot-last.png") no-repeat center top;
}

.block-list-item:last-of-type {
  padding-top: 20px;
}

.block-list-item:last-of-type,
.block-list-item:last-of-type span,
.block-list-item:last-of-type p {
  color: #ffffff;
}

.block-list-item-left {
  margin-top: -3px;
  float: left;
  width: 140px;
  padding: 0 25px 0 20px;
}

.block-list-item-right {
  margin-top: -3px;
  float: left;
  width: calc(100% - 140px);
  padding: 0 0 0 35px;
}

.block-list-item-right-tit {
  font-weight: 600;
  font-size: 16px;
  color: #48525f;
}

.text-block-icon-number {
  box-sizing: border-box;
  width: 87px;
  height: 87px;
  border: 3px solid #00ccce;
  color: #2cd5d7;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  padding: 16px 0;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 17px;
}

.text-block-icon-number + p {
  text-align: center;
}

.block-radial-center {
  position: relative;
  box-sizing: border-box;
}

.block-radial-center:after {
  content: '';
  display: block;
  clear: both;
}

.block-radial-center * {
  box-sizing: border-box;
}

.block-radial-center img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.block-radial-center p {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  padding: 25px 0;
}

.block-radial-center p:nth-of-type(odd) {
  text-align: right;
  padding-right: 100px;
  padding-left: 30px;
}

.block-radial-center p:nth-of-type(even) {
  text-align: left;
  padding-left: 100px;
  padding-right: 30px;
}

.text-block--left-icon-wrapper {
  display: table;
  height: 66px;
  margin: 12px 0 27px 44px;
  width: calc(100% - 44px);
}

.text-block--left-icon {
  display: table-cell;
  vertical-align: middle;
  min-height: 66px;
  padding-left: 74px;
  padding-right: 32px;
}

.text-block--left-icon img {
  position: absolute;
  left: -44px;
  top: 50%;
  margin-top: -44px;
}

.list-soc-wrapper * {
  box-sizing: border-box;
}

.list-soc-item {
  background-color: #eff1f3;
  min-height: 86px;
  padding: 10px 35px 10px 0;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}

.list-soc-item-img-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  text-align: center;
}

.list-soc-item p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
}

.text-block-phone {
  position: relative;
  padding: 22px 212px 22px 112px;
  margin-top: 20px;
}

.text-block-phone img {
  position: absolute;
  bottom: 0;
  right: 55px;
}

.yandex-differents-wrapper {
  background: #e8eff4;
  padding: 35px;
}

.text .with_marker--circle,
.with_marker--circle {
  margin: 0;
  padding: 0;
  list-style: none;
}

.with_marker--circle li {
  position: relative;
  margin-left: 21px;
  margin-bottom: 20px;
}

.with_marker--circle li:before {
  content: '';
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  top: 6px;
  left: -21px;
  background: url("./common/images/google/with_marker-circle.png") no-repeat center center;
}

.text-block--has-label {
  margin-bottom: 11px;
  padding: 0 50px 19px 30px;
  box-sizing: border-box;
}

.text-block--has-label * {
  box-sizing: border-box;
}

.text-block-label {
  background-color: #e8eff4;
  width: 205px;
  padding: 15px 20px 15px 28px;
  margin-bottom: 15px;
}

.text-block-label span {
  font-size: 16px;
  font-weight: 600;
  color: #48525f;
}

.index-team-list {
  margin-bottom: 10px;
  /*margin-top: 20px;*/
}

.text.which_hidden {
  padding-bottom: 65px;
}

.index-team-list:after {
  content: '';
  display: block;
  clear: both;
}

.g-social .l-col-5 {
  width: 38%;
}

.g-image-wrap img {
  min-width: 99%;
}

.g-social {
  margin: 0 -8px;
}

.g-social .l-col-5 {
  width: 38%;
  padding: 0 8px;
}

.g-social .l-col-7 {
  width: 62%;
  padding: 0 8px;
}

.g-recomendation .l-col-3 img {
  margin-top: 12px;
}

@media (max-width: 1050px) {
  .index-team-item {
    width: 25%;
  }
  .g-position .l-col-sm-5 {
    width: 50%;
  }
  .g-position .l-col-sm-7 {
    width: 50%;
  }
}

@media (max-width: 800px) {
  .index-team-item {
    width: 33.333%;
  }
  .block-inline-item-wrapper {
    width: 50%;
    margin-bottom: 20px;
  }
  .g-position .l-col-sm-5 {
    width: 55%;
  }
  .g-position .l-col-sm-7 {
    width: 45%;
  }
}

@media (max-width: 768px) {
  .g-position .l-col-sm-5 {
    width: 100%;
  }
  .g-position .l-col-sm-7 {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .l-col-700-12 {
    width: 100%;
  }
  .g-social .l-col-700-12 {
    width: 100%;
  }
  .block-radial-center img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0, 0);
    display: block;
    margin-bottom: 15px;
  }
  .block-radial-center p {
    text-align: left !important;
    width: 100%;
    padding-right: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    background: url(./common/images/marker.png) left 14px no-repeat;
    padding-left: 25px !important;
  }
  .hide-700 {
    display: none;
  }
}

@media (max-width: 640px) {
  .index_blocks .one {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    max-width: 465px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media (max-width: 600px) {
  .index-team-item {
    width: 50%;
  }
  .l-col-600-12 {
    width: 100%;
  }
  .text-block-phone {
    padding: 22px 25px 22px 25px;
  }
  .text-block-phone img {
    display: none;
  }
}

@media (max-width: 499px) {
  .index-team-item {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 49%;
  }
  .index-team-item img {
    display: block;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .index-team-item p {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .l-col-500-12 {
    width: 100%;
  }
  .block-list-item {
    padding-right: 0;
  }
  .block-list-item:last-of-type {
    background: none;
    padding-top: 0;
    color: #48525f;
  }
  .block-list-item:last-of-type span,
  .block-list-item:last-of-type p {
    color: #48525f;
  }
  .block-list-item-left,
  .block-list-item-right {
    float: none;
    width: 100%;
    padding: 0;
  }
  .block-list-item:before {
    display: none;
  }
  .block-list-item-left {
    margin-bottom: 10px;
  }
  .block-list-item-left span {
    font-weight: 600;
    font-size: 13px;
  }
}

@media (max-width: 450px) {
  .block-inline-item-wrapper {
    width: 100%;
  }
}

@media (max-width: 3600px) {
  .g-image-wrap img {
    width: 28px;
  }
}

/*********************************************************************/
.highlight {
  font-family: SA Long Beach, sans-serif;
  font-size: 40px;
  line-height: 120%;
  color: #2ED876;
  font-weight: 400;
}

@media (max-width: 980px) {
  .highlight {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .highlight {
    font-size: 20px;
  }
}

.highlight-underline {
  position: relative;
  display: inline-block;
}

.highlight-underline::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -65%;
  right: 0;
  left: 0;
  background: url(../images/underline.svg) center/contain no-repeat;
}

.--decorative-lines {
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='39' height='37' viewBox='0 0 39 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9518 18.4116C15.9518 18.4116 23.4508 12.9345 25.4707 7.41406' stroke='%2333F297' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M16.8207 25.0047C16.8207 25.0047 31.487 28.5406 34.4375 31.5508' stroke='%2333F297' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M8.12519 14.5014C8.12519 14.5014 10.9899 5.04354 9.91028 2.82498' stroke='%2333F297' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  width: 34px;
  height: 30px;
  position: absolute;
}

@media (max-width: 575px) {
  .--decorative-lines {
    width: 27px;
    height: 22px;
  }
}

.--decorative-element {
  position: absolute;
}

span.number {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 14px;
  background: rgba(46, 216, 118, 0.2);
  color: #2ED876;
  font-size: 35px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.border-dashed {
  border: 2px dashed #2ED876;
  border-radius: 24px;
  padding: 10px 20px;
  margin: 2rem 0;
}

@media (max-width: 575px) {
  .border-dashed {
    padding: 10px;
  }
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
  animation: overlay-show 0.4s ease-in-out;
}

.modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  overflow-x: hidden;
}

.modal__bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
}

.modal__btn-close {
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 20;
}

.modal__btn-close:before, .modal__btn-close:after {
  content: '';
  display: block;
  width: 22.4px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11.2px;
  transform-origin: center center;
  background: #FFF;
  transition: background 0.3s ease;
}

.modal__btn-close:before {
  transform: rotate(45deg);
}

.modal__btn-close:after {
  transform: rotate(-45deg);
}

.modal__btn-close:hover:before, .modal__btn-close:hover:after {
  background: #FFF;
}

.modal__container {
  position: relative;
  width: 90%;
  max-width: 1276px;
  max-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  border: 10px solid #323232;
  background: #1B1B1B;
  padding: 40px 20px;
  border-radius: 25px;
  animation: overlay__container-show 0.8s ease-in-out;
}

@media (max-width: 768px) {
  .modal__container {
    width: 100%;
  }
}

.modal__title {
  display: block;
  width: 100%;
  font-size: 35px;
  line-height: 116.5%;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 45px;
  margin-top: 0;
}

@media (max-width: 1200px) {
  .modal__title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}

.modal__content {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90vh;
  background: #1B1B1B;
}

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

.modal__col-left {
  display: flex;
  flex-direction: column;
  width: 260px;
  min-width: 260px;
  padding: 20px 20px 1px;
  background: #ECEFF2;
  border-right: 1px solid #CBD4DC;
  border-radius: 10px 0 0 10px;
}

.is-done .modal__col-left {
  display: none;
}

@media (max-width: 1024px) {
  .modal__col-left {
    order: 2;
    border-right: none;
    border-top: 1px solid #CBD4DC;
    width: 100%;
    min-width: 100%;
  }
}

.modal__col-right {
  padding: 0;
  width: 100%;
}

.modal__bonus-list {
  margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .modal__bonus-list {
    display: flex;
    justify-content: space-between;
  }
}

.modal__bonus-item {
  margin-bottom: 30px;
}

.modal.-quiz .modal__container {
  border: none;
  border-radius: 10px;
  overflow: visible;
  max-width: 966px;
  padding: 0;
  max-height: none;
  background-color: transparent;
}

@media (max-width: 1073px) {
  .modal.-quiz .modal__container {
    max-width: 600px;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .modal.-quiz .modal__container {
    max-height: 95vh;
  }
}

.modal.-quiz .modal__scroll {
  overflow: initial;
  max-height: 100dvh;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .modal.-quiz .modal__scroll {
    padding-bottom: 0;
  }
}

@media (max-width: 599px) {
  .modal.-quiz .modal__scroll {
    height: 100dvh;
  }
}

.modal.-quiz .modal__btn-close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 0;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg opacity='0.61'%3E%3Cpath d='M19.9998 19.9998L11.6665 11.6665M19.9998 19.9998L28.3332 28.3332M19.9998 19.9998L28.3332 11.6665M19.9998 19.9998L11.6665 28.3332' stroke='white' stroke-width='3.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
  cursor: pointer;
  z-index: 20;
}

.modal.-quiz .modal__btn-close::before, .modal.-quiz .modal__btn-close::after {
  display: none;
}

.modal.-quiz .modal__btn-close:hover {
  opacity: 0.9;
}

@media (max-width: 1073px) {
  .modal.-quiz .modal__btn-close {
    width: 24px;
    height: 24px;
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg opacity='1'%3E%3Cpath d='M19.9998 19.9998L11.6665 11.6665M19.9998 19.9998L28.3332 28.3332M19.9998 19.9998L28.3332 11.6665M19.9998 19.9998L11.6665 28.3332' stroke='white' stroke-width='3.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    background-size: cover;
    right: 10px;
    top: 10px;
  }
}

@media (min-width: 600px) and (max-width: 1073px) {
  .modal.-quiz .modal__btn-close {
    right: 20px;
    top: 20px;
  }
}

.modal.-quiz-banner .modal__container {
  padding: 0;
  background: none;
}

.modal.-callback .modal__container {
  max-width: 400px;
}

.modal.-send-enquiry .modal__container {
  margin: 0 auto;
  padding: 20px;
  border-radius: 25px;
  max-width: calc(100% - 20px);
}

@media (min-width: 575px) {
  .modal.-send-enquiry .modal__container {
    max-width: 430px;
  }
}

@media (min-width: 768px) {
  .modal.-send-enquiry .modal__container {
    max-width: 650px;
    padding: 40px;
  }
}

.modal.-send-enquiry .modal__btn-close {
  right: 20px;
  top: 20px;
  opacity: .6;
  transition: opacity .3s ease;
}

.modal.-send-enquiry .modal__btn-close:hover {
  opacity: 1;
}

@media (max-width: 575px) {
  .modal.-send-enquiry .modal__btn-close {
    right: 10px;
    top: 10px;
  }
}

.modal.-vacancy .modal-title {
  display: block;
}

.modal.-vacancy .form-title {
  display: none;
}

.modal.-useful-materials .modal__container {
  margin: 0 auto;
  padding: 0;
  max-width: 320px;
  border-radius: 20px;
}

@media (min-width: 575px) {
  .modal.-useful-materials .modal__container {
    max-width: 430px;
  }
}

@media (min-width: 768px) {
  .modal.-useful-materials .modal__container {
    max-width: 1076px;
    border-radius: 30px;
    padding: 10px;
    background: #323232;
    border: none;
  }
}

.modal.-useful-materials .modal__btn-close {
  right: 32px;
  top: 32px;
  opacity: .6;
  transition: opacity .3s ease;
}

.modal.-useful-materials .modal__btn-close:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .modal.-useful-materials .modal__btn-close {
    right: 20px;
    top: 20px;
  }
}

@media (max-width: 575px) {
  .modal.-useful-materials .modal__btn-close {
    right: 10px;
    top: 10px;
  }
}

.modal.-blog .modal__container {
  margin: 0 auto;
  padding: 0;
  max-width: 320px;
  border-radius: 20px;
}

@media (min-width: 575px) {
  .modal.-blog .modal__container {
    max-width: 430px;
  }
}

@media (min-width: 768px) {
  .modal.-blog .modal__container {
    max-width: 952px;
    border-radius: 30px;
    padding: 10px;
    background: #323232;
    border: none;
  }
}

.modal.-blog .modal__btn-close {
  right: 32px;
  top: 32px;
  opacity: .6;
  transition: opacity .3s ease;
}

.modal.-blog .modal__btn-close:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .modal.-blog .modal__btn-close {
    right: 20px;
    top: 20px;
  }
}

@media (max-width: 575px) {
  .modal.-blog .modal__btn-close {
    right: 10px;
    top: 10px;
  }
}

.modal.-blog.-subscribe .modal__container {
  max-width: calc(100% - 20px);
  border-radius: 20px;
  border: none;
}

@media (min-width: 575px) {
  .modal.-blog.-subscribe .modal__container {
    max-width: calc(100% - 20px);
    border: none;
  }
}

@media (min-width: 768px) {
  .modal.-blog.-subscribe .modal__container {
    max-width: 1276px;
    padding: 0px;
    border-radius: 30px;
  }
}

@media (max-width: 575px) {
  .modal.-blog.-subscribe .modal__container .form-blog__title {
    max-width: 86%;
  }
  .modal.-blog.-subscribe .modal__container .modal__btn-close {
    right: 20px;
    top: 20px;
  }
}

@media (max-width: 980px) {
  .modal.-blog.-subscribe .modal__container .form-blog__img {
    display: none;
  }
  .modal.-blog.-subscribe .modal__container .modal__btn-close {
    right: 30px;
    top: 30px;
  }
}

.modal.-send-enquiry-social .modal__container {
  margin: 0 auto;
  padding: 20px;
}

@media (min-width: 768px) {
  .modal.-send-enquiry-social .modal__container {
    max-width: 600px;
    border-radius: 10px;
    padding: 40px;
  }
}

.modal.send-enquiry-complex .modal__bg {
  background: rgba(56, 61, 98, 0.8);
}

.modal.send-enquiry-complex .modal__btn-close {
  right: 22px;
  top: 15px;
}

.modal.send-enquiry-complex .modal__btn-close:after, .modal.send-enquiry-complex .modal__btn-close:before {
  background: #b4c4d1;
}

.modal.send-enquiry-complex .modal__container {
  background: none;
}

.modal.-send-enquiry-creating .modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
}

.modal.-send-enquiry-creating .modal__container {
  max-width: 1000px;
  z-index: 100;
}

@media (max-width: 768px) {
  .modal.-send-enquiry-creating .modal__container {
    width: 100%;
  }
}

.modal.-send-enquiry-creating .modal__container p {
  margin-bottom: 30px;
}

.modal.-send-enquiry-creating .modal__title {
  display: block;
  width: 200%;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin: 0 -50% 10px;
}

@media (max-width: 1200px) {
  .modal.-send-enquiry-creating .modal__title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}

.modal.-send-enquiry-creating .modal__btn-download {
  width: 100%;
  margin-top: 20px;
  background-image: url("../images/landing-creating/btn--download.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  max-width: 100%;
  padding: 14px 20px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .modal.-send-enquiry-creating .modal__btn-download {
    width: 374px;
  }
}

.modal.-employee-details .modal__bg {
  background: rgba(0, 0, 0, 0.6);
}

.modal.-employee-details .modal__container {
  max-width: 1023px;
  border: none;
  padding: 30px;
}

@media (max-width: 980px) {
  .modal.-employee-details .modal__container {
    padding: 52px 20px 30px;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .modal.-employee-details .modal__container {
    width: 100%;
    padding: 44px 10px 20px;
  }
}

.modal.-employee-details .modal__btn-close {
  right: 30px;
  top: 30px;
}

@media (max-width: 980px) {
  .modal.-employee-details .modal__btn-close {
    width: 12px;
    height: 12px;
    right: 20px;
    top: 20px;
  }
}

@media (max-width: 768px) {
  .modal.-employee-details .modal__btn-close {
    right: 16px;
    top: 16px;
  }
}

.modal__loader {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7) url("../images/loader.svg") center center no-repeat;
  background-size: 40px 40px;
}

.modal.closing {
  animation: overlay-closing 0.6s ease-in-out;
}

.modal.closing .modal__container {
  animation: overlay__container-closing 0.6s ease-in-out;
}

.modal-grid {
  display: flex;
  color: #fff;
  text-align: center;
}

@media (max-width: 1200px) {
  .modal-grid {
    flex-wrap: wrap;
  }
}

.modal-grid__left {
  width: 400px;
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  padding: 0 20px;
}

@media (max-width: 1200px) {
  .modal-grid__left {
    width: 100%;
    border: none;
    margin-bottom: 30px;
  }
  .modal-grid__left br {
    display: none;
  }
}

.modal-grid__right {
  width: 600px;
  margin-left: 1px;
  padding: 0 20px;
}

@media (max-width: 1200px) {
  .modal-grid__right {
    width: 100%;
    border: none;
  }
}

@keyframes overlay-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes overlay-closing {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes overlay__container-show {
  from {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes overlay__container-closing {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }
}

.breadcrumbs {
  padding: 40px 0 15px;
  font-size: 0;
  color: inherit;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}

.inner-page .l-container > .breadcrumbs, .inner-page .header .header__container > .breadcrumbs, .header .inner-page .header__container > .breadcrumbs, .inner-page .footer__container > .breadcrumbs {
  padding: 20px 0 15px;
}

@media (max-width: 575px) {
  .inner-page .l-container > .breadcrumbs, .inner-page .header .header__container > .breadcrumbs, .header .inner-page .header__container > .breadcrumbs, .inner-page .footer__container > .breadcrumbs {
    padding: 10px 0px;
  }
}

.breadcrumbs a {
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  line-height: 120%;
  opacity: .6;
  color: inherit;
  transition: opacity 0.3s ease;
}

.breadcrumbs a:after {
  content: '>';
  display: inline-block;
  color: inherit;
  margin: 0 8px;
  opacity: .6;
}

.breadcrumbs a:hover {
  opacity: 1;
}

.breadcrumbs a:hover:after {
  opacity: .6;
}

.breadcrumbs span {
  font-size: 15px;
  color: inherit;
  font-weight: 400;
  opacity: .8;
  line-height: 120%;
}

@media (max-width: 575px) {
  .breadcrumbs a, .breadcrumbs span {
    font-size: 12px;
  }
}

.tabs .tabs__tab {
  display: none;
}

.tabs .tabs__tab.is-active {
  display: block;
}

.tabs.__standart .tabs__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}

.tabs.__standart .tabs__nav-item {
  width: -webkit-fit-content;
  width: fit-content;
  padding: 12px 20px;
  border-radius: 44px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}

.tabs.__standart .tabs__nav-item:hover {
  background-color: #FFFFFF;
  color: #212121;
}

.tabs.__standart .tabs__nav-item.is-active {
  background-color: #FFFFFF;
  color: #212121;
}

@media (max-width: 980px) {
  .tabs.__standart .tabs__nav {
    overflow: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    margin-bottom: 20px;
    gap: 10px;
    margin-right: -10px;
  }
  .tabs.__standart .tabs__nav::-webkit-scrollbar {
    display: none;
  }
  .tabs.__standart .tabs__nav-item {
    white-space: nowrap;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
  }
  .tabs.__standart .tabs__nav-item:last-of-type {
    margin-right: 10px;
  }
}

@media (max-width: 575px) {
  .tabs.__standart .tabs__nav-item {
    font-size: 14px;
  }
}

.page-uae-google-ads .tabs__nav-item {
  min-width: 268px;
}

.map {
  position: relative;
  width: 100%;
  height: 350px;
  background: #ccc;
  margin: 20px 0;
}

.map__content {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.map-yandex {
  position: relative;
}

.map-yandex__static {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.spoiler[data-mobile-only="true"]__content.is-opened {
  display: block !important;
}

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
  transition: all 0.3s ease;
  background-size: cover;
  cursor: pointer;
}

.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video[data-type="youtube"] .play {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABkCAMAAADnow2IAAAC/VBMVEVMaXFOJSbMGB4oKSjMGB7MGB4oKSgoKSjMGB7MGB7MGB4oKSgoKSjMGB4oKSjMGB4oKSgoKSjMGB4oKSgoKSjMGB4oKSjMGB7MGB4oKSgoKSjMGB4oKSjMGB7MGB4oKSjMGB7MGB4oKSgoKSjMGB4oKSjMGB4oKSgoKSjMGB4oKSjMGB4oKSjMGB4oKSjMGB7MGB4oKSjMGB7MGB4oKSgoKSjMGB7MGB4oKSgoKSgoKSjMGB7MGB7MGB4oKSjMGB4oKSjMGB4oKSgoKSjMGB4oKSgoKSjMGB4oKSgoKSgoKSjMGB7MGB4oKSjMGB4oKSgoKSjMGB4oKSgoKSjMGB4oKSgoKSgoKSjMGB4oKSjMGB4oKSgoKSgoKSjMGB4oKSjMGB7MGB4oKSgoKSgoKSjMGB4oKSjMGB4oKSjMGB4oKSgoKSjMGB4oKSgoKSjMGB7MGB4oKSjMGB4oKSjMGB4oKSjMGB4oKSjMGB4oKSgsLSwuLy7MGB41NjUyMzIxMjHMGB44OTjMGB49Pj3MGB5BQkFGR0bMGB5NTk1WV1ZZWllSUlLMGB7MGB7MGB5yc3Jqa2piY2LMGB7MGB7MGB56enqCg4LMGB6MjYzMGB7MGB7MGB6io6KTk5PMGB6mp6bMGB6dnp22t7bMGB6+vr6mpqbMGB7MzMyvr6+1trXR0dHMzMy/wL/MGB69vb3MGB7h4uHMGB7Hx8fu7u7MGB7Ozs7b29vy8vLMGB75+fnMGB7S0tLX19fT09PMGB7MGR/NHCLNICbOIynPJizOKzHRLzTSMzjPOj/RPkTWQ0jRT1PVVVnbXWHUZmrab3LheHvXgYTVjpHmkJLZmJrnlJfXo6TbqqvfqarrpqnYtLXtrrDftbfYwcHxvr/qwcLYysrV0NDXz9DyxcfU09PV1NTV1dXW1tba1dbX19fb29vm19fd3d3g4OD32drm4+Pk5OTp6ent7e366Onw8PD77e3z8/P09PT29PT29vb99/f6+vr8/Pz9/f3//v7///+wlTMSAAAAvnRSTlMAAQMKDA4QEhIWGBoeICElJSYpKi0uMTM0NTg4PDw/QEFFRkpKTU9QVFZYWl1eYGNoaWttbnJzdnh7fYCBgoKDhIeIio2PkZSUlZeXmJqbnqCgoaKipKapqaqrrK+xsbOztLW2t7e5ubq6u7y8vb6+wcLExsjKy83Oz9DQ0dHR0dLS09TU1NXX19jY2Nnb3d3d3d7g4uLi4+Pl5+jo6Onp6+zt7u7u8PHx8vP09PT19/f5+fr7+/v7/f7+/v7+rAFLegAAA+RJREFUeNq113dUFFcUBvALGhUTJYqoKIkoKCgobIwgChZAlCZllSKLKCwEUVddlzKRxN7FqIsFbCj2XlDBMtbEmpCmabZEsXdNLFnm6D5E1HN8b9j7/P59e37n7Hkz984HfGPRyMHZzcPLLyg8un/SMK0uc9zkbH1Obt4SY/Jyc/TZM8ZlpmuHJfWPDg/y8/Zwc3ZobPEm8UH74fli1VOgda9ViTSfLJqaOa0qkNaFounZ7Qok1ptFTIo+IUqSiIvWDADqF4rINAUAbxGbngCgRStjzMGiAK1stoRPRXxagTMH5TNw56B4QXcOShD0fvfh/vMn5SnREE05lR7/dUyOMgi+oCmS4c6ZI2xFBzqa8iL/Xv3lIEvJgiyGIv1/9+8f99OVGZBNVUgeXrvwPX1UgZ6tSM9uXT57gvK7+ZDDUkjuX7n0x1HxXcmVqUjFN0svnT6CVaSye6WlF386iFFInlwvvfIbWpEMN34Q0cqjkgMiVnn662HKHellKWV/fkd9XrLlKP8cF2nRwxi2cvuUyHqPdCzlQckB9js9iK48/fmQnPnSj6aU/f6tvFnXm3J67rjMuctnB3DZR12hLZfdaMdlT9dehUa2WgLo0MoEc+BwSUEAYF2EVchH5hAkkm5uVBoX4hQ7IGmL+k/t4WUcTO8Buc7wKtVdB+ZsrTqxMbNz7UqEQPWbu7p7+wX3Ka9H6Vkv+tFMUpDy8/MXlhekCVnpuuFDBvTrE+zn5eHW2q6OGbyX1LCytXdqp+jg2cWnR0BIqDIyVhWfoE5JHWpMaoo6IV4VG9U3LCSgh08Xzw6Kdk72tlY13ySqtQnVCFWPJsylRiXSRCWYmoRmFUiLNAERRyCph0KEjIZE6SXgEma877oZAjINAEAhYNMRAMLQSowZ1ByBVtI+goYCPs3AnoPSBlw4KAr4nIPiCZ0op+tnyVN8wZdyKv23YbocJRACaIpkuLt2PFuJgAjKKelqe1d+zVKiIIaqkK62ZzFDUUEcQyFdbcdc+qiCRKZCutq22ZTfJYOarZCudnnTFKxCutq+NeOxCulqe5aNRiiVXW0tWpEMO+cJaGXXglECVileOpZyR4myFMOKSdTnJU6Osm4a49mNYStbvmG+R0qWsn3Bl8xVAoF0pXjRVwIzSvqsMyyfKGvWUefu6qky5y6fHcBnH3HajTY89jSnbwZQopVYM+BwSZ4A8HEGViEfmYFIpC/pFFZpOMUGSFpm4B6Wl7E1vQek2L/WSRz91Sb8r5GRirfLTd0mji7GeuTrT+pRVKwqLj5RnTJ4qEajGZyaXF6QIpWhIf6+3UhBamHzYUVXew5kC508w/7fdwAAAABJRU5ErkJggg==");
  background-position: 0 -50px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  height: 50px;
  width: 69px;
  transition: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.video[data-type="youtube"]:hover .play {
  background-position: 0 0;
}

.video[data-type="vk"] .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 75px;
  height: 75px;
}

.video[data-type="vk"] .play::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background .2s, transform .2s;
  transition-timing-function: ease-out;
  will-change: background, transform;
}

.video[data-type="vk"] .play::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg class='videoplayer_big_play_icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cpath class='_play' d='m8.13340613 5.10548415 10.49681277 6.24354325c.3559987.2117494.472936.6720001.2611866 1.0279989-.0638111.1072809-.1533894.1969388-.2606135.2608453l-10.4968128 6.256187c-.35581027.2120659-.81616483.095538-1.02823068-.2602722-.06921066-.1161237-.10574852-.2487949-.10574852-.3839792v-12.49973035c0-.41421357.33578644-.75.75-.75.13495801 0 .26741554.03641567.38340613.1054073z' fill='%23fff'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  display: block;
  width: 38px;
  height: 33px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -19px;
  margin-top: -16.5px;
}

.video[data-type="vk"]:hover .play::before {
  background-color: rgba(0, 0, 0, 0.6);
  transform: scale(1.15);
}

.video[data-type="vk"][data-id^="clip"] {
  padding-bottom: 177.78%;
}

.video.-shorts {
  padding-bottom: 177.78%;
}

.video .waiting {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -4px;
  text-align: center;
  opacity: 1;
  pointer-events: none;
  line-height: 0;
  transition: opacity 350ms linear;
}

.video .waiting span {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 4px;
  background-color: lightgray;
  opacity: .2;
  animation-duration: 750ms;
  animation-name: waiting;
  animation-iteration-count: infinite;
}

.video .waiting span:last-child {
  margin-right: 0;
}

.video .waiting span:nth-child(1) {
  animation-delay: 0ms;
}

.video .waiting span:nth-child(2) {
  animation-delay: 180ms;
}

.video .waiting span:nth-child(3) {
  animation-delay: 360ms;
}

@keyframes waiting {
  0% {
    opacity: .2;
  }
  30% {
    opacity: 1;
  }
  to {
    opacity: .2;
  }
}

[data-owl-btn-prev] {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 0;
  background: none;
  outline: none;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border: none;
  box-shadow: none;
  color: #2ED876;
  transition: all 0.3s ease;
  z-index: 5;
  margin-right: 11px;
  transform: rotate(-180deg);
}

[data-owl-btn-prev] svg {
  width: 46px;
  height: 46px;
}

@media (max-width: 575px) {
  [data-owl-btn-prev] svg {
    width: 24px;
    height: 24px;
  }
}

[data-owl-btn-prev]:not(.disabled):hover {
  color: #33F297;
}

[data-owl-btn-prev].disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

[data-owl-btn-next] {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 0;
  background: none;
  outline: none;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border: none;
  box-shadow: none;
  color: #2ED876;
  transition: all 0.3s ease;
  z-index: 5;
}

[data-owl-btn-next] svg {
  width: 46px;
  height: 46px;
}

@media (max-width: 575px) {
  [data-owl-btn-next] svg {
    width: 24px;
    height: 24px;
  }
}

[data-owl-btn-next]:not(.disabled):hover {
  color: #33F297;
}

[data-owl-btn-next].disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.owl-nav {
  font-size: 0;
  direction: ltr;
  text-align: center;
}

.owl-nav.disabled {
  display: none;
}

.owl-nav button.owl-prev:last-child,
.owl-nav button.owl-next:last-child {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 0;
  background: none;
  outline: none;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border: none;
  box-shadow: none;
  color: #2ED876;
  transition: all 0.3s ease;
  z-index: 5;
  margin-right: -5px;
}

.owl-nav button.owl-prev:last-child svg,
.owl-nav button.owl-next:last-child svg {
  width: 46px;
  height: 46px;
}

@media (max-width: 575px) {
  .owl-nav button.owl-prev:last-child svg,
  .owl-nav button.owl-next:last-child svg {
    width: 24px;
    height: 24px;
  }
}

.owl-nav button.owl-prev:last-child:not(.disabled):hover,
.owl-nav button.owl-next:last-child:not(.disabled):hover {
  color: #33F297;
}

.owl-nav button.owl-prev:last-child.disabled,
.owl-nav button.owl-next:last-child.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.owl-nav button.owl-prev:first-child,
.owl-nav button.owl-next:first-child {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  line-height: 0;
  background: none;
  outline: none;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border: none;
  box-shadow: none;
  color: #2ED876;
  transition: all 0.3s ease;
  z-index: 5;
  margin-right: 11px;
  transform: rotate(-180deg);
  margin-left: -5px;
}

.owl-nav button.owl-prev:first-child svg,
.owl-nav button.owl-next:first-child svg {
  width: 46px;
  height: 46px;
}

@media (max-width: 575px) {
  .owl-nav button.owl-prev:first-child svg,
  .owl-nav button.owl-next:first-child svg {
    width: 24px;
    height: 24px;
  }
}

.owl-nav button.owl-prev:first-child:not(.disabled):hover,
.owl-nav button.owl-next:first-child:not(.disabled):hover {
  color: #33F297;
}

.owl-nav button.owl-prev:first-child.disabled,
.owl-nav button.owl-next:first-child.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.owl-nav.owl-nav-circle button.owl-prev:last-child,
.owl-nav.owl-nav-circle button.owl-next:last-child {
  background: #282828;
  margin-right: 10px;
  border-radius: 50%;
}

.owl-nav.owl-nav-circle button.owl-prev:last-child svg,
.owl-nav.owl-nav-circle button.owl-next:last-child svg {
  width: 40px;
  height: 40px;
}

@media (max-width: 575px) {
  .owl-nav.owl-nav-circle button.owl-prev:last-child svg,
  .owl-nav.owl-nav-circle button.owl-next:last-child svg {
    width: 32px;
    height: 32px;
  }
}

.owl-nav.owl-nav-circle button.owl-prev:first-child,
.owl-nav.owl-nav-circle button.owl-next:first-child {
  background: #282828;
  border-radius: 50%;
  margin-left: 10px;
}

.owl-nav.owl-nav-circle button.owl-prev:first-child svg,
.owl-nav.owl-nav-circle button.owl-next:first-child svg {
  width: 40px;
  height: 40px;
}

@media (max-width: 575px) {
  .owl-nav.owl-nav-circle button.owl-prev:first-child svg,
  .owl-nav.owl-nav-circle button.owl-next:first-child svg {
    width: 32px;
    height: 32px;
  }
}

.owl-dots {
  text-align: center;
  line-height: 0;
  font-size: 0;
  position: relative;
  direction: ltr;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 575px) {
  .owl-dots {
    margin-top: 20px;
  }
}

.owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: none;
  background-color: #282828;
  box-shadow: none;
  padding: 0;
  outline: none;
  margin-right: 5px;
}

.owl-dots button.owl-dot:hover {
  border-color: #2ED876;
}

.owl-dots button.owl-dot.active {
  background-color: #2ED876;
  width: 8px;
  height: 8px;
}

@media (min-width: 575px) {
  .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
  }
  .owl-dots button.owl-dot.active {
    width: 13px;
    height: 13px;
  }
}

.owl-dots-inline {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.owl-dots-inline ul {
  display: table;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.owl-dots-inline ul li {
  display: table-cell;
  position: relative;
  margin: 0;
  padding: 0;
  color: #404040;
}

.owl-dots-inline ul li::before {
  content: '';
  display: block;
  position: absolute;
  box-sizing: content-box;
  left: 0;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 5px 1px 5px 1px;
  border-color: #fff;
  height: 3px;
  background: currentColor;
  transition: color 0.3s;
}

.owl-dots-inline ul li.is-active {
  color: #872B90;
}

.owl-stage {
  margin: 0 auto;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url("../images/default-skin.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url("../images/default-skin.svg");
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*************************************************************************************/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.spoiler-accordion__item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
  padding: 30px;
  border-radius: 24px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, #3c3c3c 0%, rgba(42, 42, 42, 0.5) 100%);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

@media (max-width: 979px) {
  .spoiler-accordion__item-head {
    padding: 20px;
    border-radius: 12px;
  }
}

.spoiler-accordion__item-head p {
  margin: 0 !important;
}

.spoiler-accordion__item-head::after {
  content: '';
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' transform='matrix(-1 0 0 1 30 0)' fill='%232ED876'/%3E%3Cpath d='M15.0007 16.172L10.0507 11.222L8.63672 12.636L15.0007 19L21.3647 12.636L19.9497 11.222L14.9997 16.172H15.0007Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
  background-size: 30px 30px;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.2s;
}

@media (max-width: 979px) {
  .spoiler-accordion__item-head::after {
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}

.is-active .spoiler-accordion__item-head::after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' transform='matrix(-1 0 0 1 30 0)' fill='%23FFFFFF'/%3E%3Cpath d='M15.0007 16.172L10.0507 11.222L8.63672 12.636L15.0007 19L21.3647 12.636L19.9497 11.222L14.9997 16.172H15.0007Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
}

.spoiler-accordion__item-body {
  display: none;
}

.is-active .spoiler-accordion__item-body {
  display: block;
}

.js-accordion-container .js-accordion-content,
.js-accordion-container .js-seo-methods-accordion-content,
.js-seo-methods-accordion-container .js-accordion-content,
.js-seo-methods-accordion-container .js-seo-methods-accordion-content {
  transition: max-height .4s ease;
  max-height: 0;
  overflow: hidden;
}

#scheme {
  width: 100%;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
}

#scheme_container {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  color: #7b7e8a;
}

#scheme_container .heading {
  font-size: 26px;
  color: #8094a7;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 42px;
}

#scheme_container p {
  margin: 12px auto;
}

#questions p,
#specialists #reports p {
  background-color: #edf8f8;
  border: 1px solid #d5e4e6;
  border-radius: 3px;
  margin-top: 13px;
  padding: 10px 13px;
  color: #374758;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
}

#questions p {
  width: 161px;
  margin-bottom: 7px;
}

#specialists #reports p {
  width: 184px;
  margin-top: 0;
}

#specialists {
  max-width: 958px;
  height: 579px;
  background: url(../images/scheme/lines.png) no-repeat;
  margin: 4px auto 0 auto;
  position: relative;
}

#analyst {
  position: absolute;
  top: 95px;
  left: 149px;
  width: 84px;
}

#account_manager {
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  width: 127px;
}

.specialist {
  font-size: 14px;
  color: #7b7e8a;
  text-align: center;
  cursor: pointer;
}

#specialists p {
  color: #41515f;
  font-size: 13px;
  line-height: 15px;
}

#specialists .specialist .specialist_click p {
  color: #41515f;
  font-size: 13px;
  line-height: 15px;
  margin: 12px 0 0 0;
  padding: 0 12px;
}

#specialists .specialist p {
  margin: 8px auto 0 auto;
  font-size: 14px;
  color: #7b7e8a;
}

#specialists .spec_description {
  border-top: 1px solid #dde0e8;
  margin-top: 12px;
  padding: 0 23px;
}

#specialists .specialist .spec_description p {
  margin: 0;
  margin-top: 12px;
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 15px;
  color: #707e8a;
  text-align: left;
}

#specialists .specialist_popup p {
  margin: 0;
  margin-top: 14px;
  margin-bottom: 10px;
}

#social_media_manager {
  position: absolute;
  top: -28px;
  left: 139px;
}

#programmer {
  position: absolute;
  top: -28px;
  right: 146px;
  width: 91px;
}

#project_supervisor {
  position: absolute;
  top: 221px;
  left: 145px;
  width: 93px;
}

#pr_manager {
  position: absolute;
  top: 95px;
  right: 136px;
  width: 110px;
}

#seo_specialist {
  position: absolute;
  top: 299px;
  left: 258px;
  width: 92px;
}

#link_manager {
  position: absolute;
  top: 221px;
  right: 136px;
  width: 110px;
}

#copywriter {
  position: absolute;
  top: 387px;
  left: 372px;
  width: 84px;
}

#html_layout_designer {
  position: absolute;
  top: 299px;
  right: 257px;
  width: 92px;
}

#designer {
  position: absolute;
  top: 389px;
  left: 494px;
  width: 84px;
}

.see {
  width: 960px;
  height: 272px;
  background-image: url(../images/scheme/window.jpg);
  background-repeat: no-repeat;
}

.see_specialists {
  float: right;
  margin-top: 100px;
  margin-right: 65px;
  background: rgba(0, 0, 0, 0.7);
}

.see_specialists a:link,
.see_specialists a:visited,
.see_specialists a:hover {
  text-decoration: none;
  font-size: 22px;
  color: #ffffff;
  display: block;
  padding: 15px 25px;
}

#scheme_container .see p {
  margin: 0;
}

.click_position {
  position: relative;
}

.specialist_click {
  width: 334px;
  position: absolute;
  border-radius: 7px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 50px -9px rgba(9, 10, 10, 0.33);
  padding: 0;
  background-image: url(../images/scheme/click.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 2;
  display: none;
  top: -1px;
  left: 50%;
  margin-left: -170px;
}

.specialist_click img {
  margin-bottom: 9px;
  margin-top: 21px;
  margin-right: -10px;
}

#seo {
  border: 3px solid #ca79af;
}

#progr {
  border: 3px solid #8094a6;
  margin-left: -169px;
}

#smm {
  border: 3px solid #b9a85b;
}

#analysis {
  border: 3px solid #6aa3af;
  margin-left: -171px;
}

#supervision {
  border: 3px solid #688ab2;
  margin-left: -171px;
}

#copywriting {
  border: 3px solid #d7d48b;
}

#design {
  border: 3px solid #43a4b1;
  top: -3px;
}

#html_layout {
  border: 3px solid #8094a6;
}

#link_management {
  border: 3px solid #6eb293;
}

#pr_management {
  border: 3px solid #b194c6;
}

#account_management {
  border: 3px solid #b86a9e;
}

.specialist_heading {
  margin: 14px 0;
  text-align: center;
}

#scheme_container .specialist .specialist_heading p {
  font-size: 15px;
  font-weight: 700;
  color: #41515f;
  margin: 0;
  line-height: 15px;
}

.spec_click {
  height: 22px;
  padding-top: 0;
  text-align: center;
  margin-top: 9px;
  position: relative;
}

.spec_clicked {
  position: absolute;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: center;
  background-color: #ffffff;
  z-index: 3;
  padding: 0;
  background-image: url(../images/scheme/return.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  left: -3px;
  width: 334px;
  display: none;
  top: -9px;
}

#seo_clicked {
  border-left: 3px solid #ca79af;
  border-right: 3px solid #ca79af;
  border-bottom: 3px solid #ca79af;
  border-top: none;
}

#progr_clicked {
  border-left: 3px solid #8094a6;
  border-right: 3px solid #8094a6;
  border-bottom: 3px solid #8094a6;
  border-top: none;
}

#smm_clicked {
  border-left: 3px solid #b9a85b;
  border-right: 3px solid #b9a85b;
  border-bottom: 3px solid #b9a85b;
  border-top: none;
}

#analysis_clicked {
  border-left: 3px solid #6aa3af;
  border-right: 3px solid #6aa3af;
  border-bottom: 3px solid #6aa3af;
  border-top: none;
}

#supervision_clicked {
  border-left: 3px solid #688ab2;
  border-right: 3px solid #688ab2;
  border-bottom: 3px solid #688ab2;
  border-top: none;
}

#copywriting_clicked {
  border-left: 3px solid #d7d48b;
  border-right: 3px solid #d7d48b;
  border-bottom: 3px solid #d7d48b;
  border-top: none;
}

#design_clicked {
  border-left: 3px solid #43a4b1;
  border-right: 3px solid #43a4b1;
  border-bottom: 3px solid #43a4b1;
  border-top: none;
}

#html_layout_clicked {
  border-left: 3px solid #8094a6;
  border-right: 3px solid #8094a6;
  border-bottom: 3px solid #8094a6;
  border-top: none;
}

#link_management_clicked {
  border-left: 3px solid #6eb293;
  border-right: 3px solid #6eb293;
  border-bottom: 3px solid #6eb293;
  border-top: none;
}

#pr_management_clicked {
  border-left: 3px solid #b194c6;
  border-right: 3px solid #b194c6;
  border-bottom: 3px solid #b194c6;
  border-top: none;
}

#account_management_clicked {
  border-left: 3px solid #b86a9e;
  border-right: 3px solid #b86a9e;
  border-bottom: 3px solid #b86a9e;
  border-top: none;
}

.specialist_click .spec_return img {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 3px;
}

.specialist_click .spec_click img {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
}

.specialist_click .close_spec_window img {
  margin: 0;
}

.spec_return {
  height: 22px;
  text-align: center;
  padding-top: 0;
}

.close_spec_window {
  float: right;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-right: 10px;
}

@media only screen and (max-width: 1505px) {
  #progr {
    margin-left: -170px;
  }
}

@media only screen and (max-width: 1490px) {
  #progr {
    margin-left: -169px;
  }
}

@media only screen and (max-width: 1243px) {
  #analysis {
    margin-left: -170px;
  }
}

@media only screen and (max-width: 1024px) {
  .see {
    max-width: 960px;
    width: auto;
  }
}

@media only screen and (max-width: 1012px) {
  #analysis {
    margin-left: -171px;
  }
}

@media only screen and (max-width: 990px) {
  #scheme_container {
    padding: 0 15px;
  }
  #specialists {
    height: auto;
    background: none;
    padding-bottom: 60px;
    text-align: center;
    position: static;
  }
  #designer {
    margin: 0;
    margin-bottom: 12px;
  }
  .specialist {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
  }
  #analyst,
  #social_media_manager,
  #project_supervisor,
  #seo_specialist,
  #copywriter,
  #designer,
  #account_manager,
  #html_layout_designer,
  #link_manager,
  #pr_manager,
  #programmer {
    width: 127px;
    position: relative;
    top: 0;
  }
  #analyst,
  #account_manager,
  #social_media_manager,
  #project_supervisor,
  #seo_specialist,
  #copywriter,
  #designer {
    left: 0;
  }
  #html_layout_designer,
  #link_manager,
  #pr_manager,
  #programmer {
    right: 0;
  }
  #account_manager {
    margin: 0;
    margin-bottom: 12px;
  }
  #specialists #reports p {
    margin-bottom: 30px;
  }
  #progr {
    top: -1px;
    margin-left: -284px;
  }
  #seo {
    margin-left: -278px;
  }
  #account_management,
  #smm,
  #analysis,
  #html_layout,
  #link_management {
    margin-left: -63px;
  }
  #design {
    margin-left: -275px;
  }
  #copywriting {
    margin-left: -277px;
  }
  #pr_management {
    margin-left: -275px;
  }
}

@media only screen and (max-width: 957px) {
  #copywriting {
    margin-left: -277px;
  }
  #design {
    top: -1px;
    margin-left: -53px;
  }
  #copywriter {
    top: -2px;
  }
}

@media only screen and (max-width: 827px) {
  #seo {
    margin-left: -279px;
  }
  #supervision {
    margin-left: -278px;
  }
  #analysis,
  #html_layout,
  #progr {
    margin-left: -170px;
  }
  #copywriting {
    margin-left: -63px;
    top: 0;
  }
  #pr_management {
    margin-left: -279px;
  }
  #copywriter {
    top: -1px;
  }
  #link_management {
    margin-left: -284px;
  }
}

@media only screen and (max-width: 710px) {
  .see_specialists {
    margin-top: 165px;
  }
}

@media only screen and (max-width: 696px) {
  #seo {
    margin-left: -63px;
  }
  #analysis,
  #html_layout,
  #design {
    margin-left: -278px;
  }
  #copywriting {
    margin-left: -63px;
  }
  #link_management {
    margin-left: -62px;
  }
  #progr {
    margin-left: -281px;
  }
  #pr_management {
    margin-left: -170px;
  }
}

@media only screen and (max-width: 666px) {
  /*    #analysis. #design {
		  margin-left: -162px;
	  }*/
}

@media only screen and (max-width: 600px) {
  #smm,
  #copywriting {
    margin-left: -183px;
  }
}

@media only screen and (max-width: 565px) {
  #seo {
    margin-left: -117px;
  }
  #supervision,
  #design {
    margin-left: -63px;
  }
  #analysis,
  #copywriting,
  #link_management {
    margin-left: -278px;
  }
  #smm,
  #seo,
  #html_layout {
    margin-left: -170px;
  }
  #pr_management {
    margin-left: -107px;
  }
  #progr {
    margin-left: -232px;
  }
}

@media only screen and (max-width: 502px) {
  .specialist_click {
    width: 230px;
  }
  .spec_clicked {
    width: 230px;
  }
  #analysis,
  #copywriting,
  #link_management {
    margin-left: -173px;
  }
  #account_management,
  #supervision,
  #design {
    margin-left: -63px;
  }
  #smm,
  #seo,
  #html_layout {
    margin-left: -118px;
  }
  #progr {
    margin-left: -129px;
  }
}

@media only screen and (max-width: 465px) {
  #analysis,
  #copywriting,
  #link_management {
    margin-left: -248px;
  }
  #account_management,
  #supervision,
  #design {
    margin-left: 13px;
  }
  #progr {
    margin-left: -183px;
  }
  #pr_management {
    margin-left: -52px;
  }
}

@media only screen and (max-width: 457px) {
  .see {
    padding-top: 165px;
    height: 107px;
  }
  .see_specialists {
    float: none;
    margin: 0 auto;
    display: inline-block;
  }
  .see_specialists a:link,
  .see_specialists a:visited,
  .see_specialists a:hover a {
    padding: 15px;
    font-size: 21px;
  }
}

@media only screen and (max-width: 435px) {
  #seo,
  #analysis,
  #account_management,
  #design,
  #link_management {
    margin-left: -52px;
  }
  #smm,
  #supervision,
  #copywriting,
  #html_layout,
  #pr_management {
    margin-left: -182px;
  }
  #progr {
    margin-left: -117px;
  }
}

@media only screen and (max-width: 320px) {
  #analyst,
  #social_media_manager,
  #project_supervisor,
  #seo_specialist,
  #copywriter,
  #designer,
  #account_manager,
  #html_layout_designer,
  #link_manager,
  #pr_manager,
  #programmer {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #scheme_container {
    padding: 0;
  }
  #account_management,
  #analysis,
  #supervision,
  #copywriting,
  #smm,
  #analysis,
  #seo,
  #design,
  #html_layout,
  #link_management,
  #pr_management,
  #progr {
    margin-left: -117px;
  }
}

.table-scroll {
  overflow-x: auto;
}

table.table-social-pack {
  border: 1px solid #beccdb;
}

table.table-social-pack tr {
  height: 45px;
}

table.table-social-pack th {
  background-color: #40a5ba;
  color: #ffffff;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #40a5ba;
  padding: 4px 10px;
}

table.table-social-pack tr th:first-child {
  text-align: left;
}

table.table-social-pack td {
  border: 1px solid #beccdb;
  padding: 4px 10px;
  text-align: center;
}

/*table.table-social-pack tr:nth-child(2) td {
    background: #d9edf1;
}*/
table.table-social-pack tr td:first-child {
  text-align: left;
}

@media (max-width: 960px) {
  table.table-social-pack tr {
    display: block;
    border: 3px solid #40a5ba;
    height: auto;
  }
  table.table-social-pack tr th {
    display: none;
  }
  table.table-social-pack tr {
    border: none;
  }
  table.table-social-pack tr td {
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: left;
  }
  table.table-social-pack tr td:first-of-type {
    font-weight: 700;
  }
  table.table-social-pack tbody tr:last-of-type td:last-of-type {
    border-bottom: none;
  }
  table.table-social-pack tr td img {
    display: inline-block !important;
  }
  table.table-social-pack tr td:nth-child(2):before {
    content: 'Стандарт:';
    /*font-weight: bold;*/
    display: inline-block;
    min-width: 85px;
  }
  table.table-social-pack tr td:nth-child(3):before {
    content: 'Бизнес:';
    /*font-weight: bold;*/
    display: inline-block;
    min-width: 85px;
  }
  table.table-social-pack tr td:nth-child(4):before {
    content: 'Премиум:';
    /*font-weight: bold;*/
    display: inline-block;
    min-width: 85px;
  }
  .table-adaptive__btn--social {
    display: inline-block !important;
  }
}

/* end table-social-pack

/* begin table-smm-pack */
/*@media{*/
table.table-smm-pack {
  border: 2px solid #eaf1f9;
}

table.table-smm-pack tr {
  height: 45px;
}

table.table-smm-pack tr:nth-child(odd) {
  background-color: #f2f7fc;
}

table.table-smm-pack th {
  background-color: #40a5ba;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  padding: 25px 10px;
  border-bottom: 2px solid #fff;
}

table.table-smm-pack td {
  padding: 4px 10px 4px 30px;
  text-align: left;
  color: #3a424d;
}

table.table-smm-pack tr:nth-child(2) td {
  background: #d9edf1;
  font-weight: 600;
  padding: 10px 10px 10px 30px;
  color: #24262a;
  border-bottom: 2px solid #fff;
}

table.table-smm-pack tr:nth-last-child(2) td {
  font-size: 24px;
  color: #24262a;
  font-weight: 700;
  background: #eaf1f9;
  padding: 9px 10px 9px 30px;
}

table.table-smm-pack tr th,
table.table-smm-pack tr td {
  border-right: 2px solid #fff;
}

table.table-smm-pack tr th:last-child,
table.table-smm-pack tr td:last-child {
  border-right: none;
}

/* end table-smm-pack */
/*====================================================================================================================*/
/*                                                      LAYOUT                                                        */
/*====================================================================================================================*/
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container, .header .header__container, .footer__container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container, .header .header__container, .footer__container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth, .map-container {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.header {
  position: relative;
  z-index: 300;
}

.header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: header-fixed 1.5s;
}

.header .header__wrapper {
  background: #1B1B1B;
  position: relative;
  z-index: 300;
}

.header .header__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 15px 0;
}

@media (max-width: 980px) {
  .header .header__inner {
    padding: 10px 0;
  }
}

.header .header__logo {
  margin-right: auto;
  max-width: 188px;
  max-height: 56px;
}

.header .header__logo img {
  max-width: 188px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 980px) {
  .header .header__logo img {
    max-width: 145px;
  }
}

@media (max-width: 980px) {
  .header .header__logo {
    max-width: 145px;
    max-height: 38px;
  }
}

.header .header__phones {
  display: none;
  color: #FFFFFF;
}

@media (max-width: 1200px) {
  .header .header__phones.--mobile {
    display: block;
    padding-bottom: 10px;
  }
}

.header .header__lang {
  flex: 0 0 auto;
}

@media (max-width: 1100px) {
  .header .header__lang {
    margin-left: 0px;
  }
}

.header .header__nav {
  width: calc(100% - 188px - 102px - 141px - 120px);
  margin: 0 60px;
}

@media (max-width: 1310px) {
  .header .header__nav {
    width: calc(100% - 188px - 102px - 141px - 80px);
    margin: 0 40px;
  }
}

@media (min-width: 980.02px) and (max-width: 1199.98px) {
  .header .header__nav {
    width: calc(100% - 188px - 70px - 80px);
  }
}

@media (max-width: 980px) {
  .header .header__nav {
    width: auto;
    margin: 0;
    order: 2;
  }
}

@media (min-width: 981px) {
  .header .header__nav div.__mobile {
    display: none;
  }
}

@media (max-width: 980px) {
  .header .header__nav div.__desktop {
    display: none;
  }
}

.header .header__hamburger {
  margin-left: 20px;
}

.header .header__phone {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 3px 0;
  z-index: 10;
  color: currentColor;
  -webkit-user-select: none;
          user-select: none;
}

@media (max-width: 1199.98px) {
  .header .header__phone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282828;
    border-radius: 100px;
    padding: 10px;
  }
}

.header .header__phone-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}

.header .header__phone-bottom {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.header .header__phone-bottom::before {
  content: '';
  display: inline-block;
  margin-right: 4px;
  width: 6px;
  height: 6px;
  background-color: #2ED876;
  border-radius: 50%;
  margin-top: 2px;
}

.header .header__phone-toggle {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

.header .header__phone-toggle svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
}

.header .header__phone.is-expanded .header__phone-dropdown {
  display: block;
}

.header .header__phone.is-expanded .header__phone-toggle svg {
  transform: rotate(180deg);
}

.header .header__phone:hover .--toggle {
  color: #33F297;
}

.header .header__phone:hover .--toggle:after {
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31301 3.14645C1.50827 2.95118 1.82486 2.95118 2.02012 3.14645L4.16656 5.29289L6.31301 3.14645C6.50827 2.95118 6.82486 2.95118 7.02012 3.14645C7.21538 3.34171 7.21538 3.65829 7.02012 3.85355L4.16656 6.70711L1.31301 3.85355C1.11775 3.65829 1.11775 3.34171 1.31301 3.14645Z' fill='%2333F297'/%3E%3C/svg%3E%0A") center no-repeat;
}

@media (min-width: 1201px) {
  .header .header__phone:hover .header__phone-dropdown {
    display: block;
  }
}

.header .header__phone:hover::before {
  content: '';
  position: absolute;
  height: 30px;
  width: 100%;
  bottom: -30px;
  left: 0;
}

@media (max-width: 980px) {
  .header .header__phone:hover::before {
    display: none;
  }
}

.header .header__phone-number {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  z-index: 100;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.header .header__phone-number.--toggle::after {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31301 3.14645C1.50827 2.95118 1.82486 2.95118 2.02012 3.14645L4.16656 5.29289L6.31301 3.14645C6.50827 2.95118 6.82486 2.95118 7.02012 3.14645C7.21538 3.34171 7.21538 3.65829 7.02012 3.85355L4.16656 6.70711L1.31301 3.85355C1.11775 3.65829 1.11775 3.34171 1.31301 3.14645Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-left: 5px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

@media (max-width: 980px) {
  .header .header__phone-number {
    font-size: 16px;
    line-height: 22px;
  }
}

.header .header__phone-item {
  display: block;
  position: relative;
  padding: 15px 30px 15px 0;
}

.header .header__phone-dropdown {
  display: none;
  position: absolute;
  top: 54px;
  left: -20px;
  right: -20px;
  overflow: hidden;
  animation: menu-dropdown 0.4s ease-out;
}

@media (max-width: 980px) {
  .header .header__phone-dropdown {
    top: 53px;
    left: 0;
    right: 0;
  }
}

.header .header__phone-dropdown::after {
  content: '';
  background-color: #1b1b1b;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.header .header__phone-dropdown ul {
  display: block;
  padding: 0;
  margin: 0;
  background: #282828;
  border-radius: 10px;
}

.header .header__phone-dropdown ul li {
  display: block;
  padding: 0 20px;
  margin: 0 0 -1px 0;
}

@media (max-width: 980px) {
  .header .header__phone-dropdown ul li {
    padding: 0 30px;
  }
}

.header .header__phone-dropdown ul li::after {
  content: '';
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.header .header__phone-dropdown ul li:hover a {
  color: #33F297;
}

.header .header__lang {
  background-color: #212121;
  border-radius: 41px;
  padding: 12px 20px;
}

.header .header__lang-link {
  display: block;
  font-size: 0;
  line-height: 0;
  transition: all 0.3s ease;
}

.header .header__lang-link:hover {
  filter: brightness(1.3);
}

@media (max-width: 980px) {
  .header .header__lang {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}

.header .header__bottom {
  display: none;
  margin-bottom: 30px;
}

.header .header__bottom-inner {
  border-radius: 24px;
  padding: 0 30px;
  background-color: #282828;
  position: relative;
}

.header .header__bottom-inner::after {
  content: '';
  background-color: #1b1b1b;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media (min-width: 1201px) {
  .header .header__lang {
    margin-left: 32px;
  }
  .header .header__hamburger {
    display: none;
  }
  .header .header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

@media (min-width: 1201px) {
  .header .header__bottom {
    display: block;
  }
  .header .header__phones {
    display: block;
    margin-left: 0;
    flex-shrink: 0;
  }
  .header .header__phones.--mobile {
    display: none;
  }
  .header .header__phone-dropdown {
    background: #282828;
    color: #FFFFFF;
    left: 0;
    right: auto;
    width: 100%;
    min-width: 240px;
  }
}

@keyframes header-fixed {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-page .l-header.header:not(.is-fixed) .header__bottom {
  display: none;
}

.l-footer {
  flex: 0 0 auto;
  margin-top: auto;
}

.footer {
  position: relative;
}

.footer__top {
  margin-bottom: 100px;
}

@media (max-width: 980px) {
  .footer__top {
    margin-bottom: 50px;
  }
}

.footer__top-title {
  display: flex;
  align-items: center;
  font-size: 70px;
  font-weight: 700;
  line-height: 65px;
  margin: 0 0 60px 0;
}

.footer__top-title::after {
  content: '';
  background: url(../images/footer-arrow.svg) no-repeat center/cover;
  width: 255px;
  height: 74px;
  margin: 22px 0 0 19px;
}

@media (max-width: 980px) {
  .footer__top-title::after {
    display: none;
  }
}

@media (max-width: 1200px) {
  .footer__top-title {
    font-size: 50px;
    line-height: 120%;
  }
}

@media (max-width: 980px) {
  .footer__top-title {
    font-size: 32px;
    margin: 0 0 30px 0;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .footer__top-title {
    font-size: 24px;
  }
}

.footer__top-main {
  display: flex;
  align-items: center;
  align-items: stretch;
}

@media (max-width: 980px) {
  .footer__top-main {
    flex-direction: column;
    gap: 10px;
  }
}

.footer__top-main--manager {
  display: flex;
  align-items: center;
  gap: 21px;
  padding: 20px 60px 20px 20px;
  border-radius: 295px;
  background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  min-width: 412px;
}

.footer__top-main--manager div.--image {
  width: 104px;
  height: 104px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__top-main--manager div.--image::after, .footer__top-main--manager div.--image::before {
  content: '';
  display: inline-block;
  margin-right: 4px;
  width: 11px;
  height: 11px;
  background-color: #2ED876;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.footer__top-main--manager div.--image::after {
  animation: footer-contact-pulse 2s ease-out infinite;
}

.footer__top-main--manager div.--image img {
  object-fit: contain;
}

.footer__top-main--manager div.--text {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  font-weight: 600;
  line-height: 39.5px;
}

.footer__top-main--manager div.--text span:last-of-type {
  margin-top: -3px;
  opacity: 0.8;
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 980px) {
  .footer__top-main--manager {
    justify-content: center;
    padding: 10px;
    min-width: auto;
    width: 100%;
  }
  .footer__top-main--manager div.--image {
    width: 58px;
    height: 58px;
  }
  .footer__top-main--manager div.--image::after, .footer__top-main--manager div.--image::before {
    width: 6px;
    height: 6px;
    right: 10px;
  }
  .footer__top-main--manager div.--text {
    font-size: 20px;
    line-height: 120%;
    font-weight: 700;
  }
  .footer__top-main--manager div.--text span:last-of-type {
    margin-top: -3px;
    font-size: 15px;
    font-weight: 500;
  }
}

.footer__top-main-btn {
  margin-left: 20px;
  width: 100%;
  font-size: 35px;
  font-weight: 600;
  line-height: 29px;
  padding: 50px;
}

@media (max-width: 1200px) {
  .footer__top-main-btn {
    font-size: 24px;
    line-height: normal;
    padding: 20px;
  }
}

@media (max-width: 980px) {
  .footer__top-main-btn {
    font-size: 16px;
    line-height: normal;
    padding: 17px 20px;
    margin: 0;
  }
}

.footer__middle {
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
  gap: 150px;
}

@media (max-width: 1200px) {
  .footer__middle {
    gap: 50px;
  }
}

@media (max-width: 980px) {
  .footer__middle {
    margin-bottom: 60px;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .footer__middle {
    flex-direction: column;
    margin-bottom: 0;
    gap: 30px;
    margin-bottom: 30px;
  }
}

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

.footer__middle-info {
  display: flex;
  flex-direction: column;
}

.footer__middle-logo {
  margin-bottom: 30px;
  width: 215px;
  height: 65px;
}

.footer__middle-logo img {
  object-fit: contain;
}

@media (max-width: 980px) {
  .footer__middle-logo {
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .footer__middle-logo {
    width: 145px;
    height: 44px;
  }
}

.footer__middle-contacts {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 25px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 60px;
}

.footer__middle-contacts a {
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
}

.footer__middle-contacts a:hover {
  color: #2ED876;
}

@media (max-width: 980px) {
  .footer__middle-contacts {
    font-size: 20px;
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .footer__middle-contacts {
    margin-bottom: 20px;
  }
}

.footer__middle-addreses .--working-hours {
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 25px;
}

@media (max-width: 980px) {
  .footer__middle-addreses .--working-hours {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .footer__middle-addreses .--addreses {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.footer__middle-addreses .--addreses._is-open > div svg {
  transform: rotate(180deg);
}

.footer__middle-addreses .--addreses > div {
  display: none;
  font-size: 15px;
  line-height: 120%;
  font-weight: 600;
  padding: 15px 0;
  width: 100%;
  justify-content: space-between;
}

.footer__middle-addreses .--addreses > div svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .footer__middle-addreses .--addreses > div {
    display: flex;
  }
}

.footer__middle-addreses ul {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0.8;
}

.footer__middle-addreses ul li {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: normal;
}

.footer__middle-addreses ul li:last-of-type {
  margin: 0;
}

@media (max-width: 768px) {
  .footer__middle-addreses ul li:last-of-type {
    margin-bottom: 15px;
  }
}

@media (max-width: 980px) {
  .footer__middle-addreses ul li {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .footer__middle-addreses ul {
    transition: max-height .4s ease;
    max-height: 0;
    overflow: hidden;
  }
}

.footer__middle-menu {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .footer__middle-menu {
    display: none;
  }
}

.footer__middle-main {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  padding-top: 18px;
}

@media (max-width: 768px) {
  .footer__middle-main {
    padding-top: 0px;
  }
}

.footer__middle-socials {
  margin-top: auto;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 15px;
  line-height: 120%;
}

@media (max-width: 768px) {
  .footer__bottom {
    font-size: 13px;
    line-height: normal;
    flex-direction: column-reverse;
    align-items: flex-start;
    border-top: none;
    gap: 10px;
    position: relative;
  }
}

.footer__bottom-copyright {
  opacity: 0.5;
}

.footer__bottom-servicelinks {
  display: flex;
  gap: 15px;
  margin-left: 100px;
}

@media (max-width: 979px) {
  .footer__bottom-servicelinks {
    margin-left: 0px;
  }
}

@media (max-width: 1023px) {
  .footer__bottom-servicelinks {
    gap: 8px;
  }
}

@media (max-width: 639px) {
  .footer__bottom-servicelinks {
    flex-direction: column;
    gap: 3px;
  }
}

.footer__bottom-gap {
  opacity: 0.5;
  color: #FFFFFF;
}

@media (max-width: 639px) {
  .footer__bottom-gap {
    display: none;
  }
}

.footer__bottom-tehnology, .footer__bottom-privacy {
  opacity: 0.5;
  color: #FFFFFF;
  text-decoration: none;
}

.footer__bottom-tehnology:hover, .footer__bottom-privacy:hover {
  text-decoration: underline;
}

.footer__bottom-lang {
  transition: all 0.3s ease;
}

.footer__bottom-lang:hover {
  filter: brightness(1.3);
}

@media (max-width: 768px) {
  .footer__bottom-lang {
    display: none;
  }
}

@keyframes footer-contact-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.l-row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.l-col-1, .l-col-2, .l-col-3, .l-col-4, .l-col-5, .l-col-6, .l-col-7, .l-col-8, .l-col-9, .l-col-10, .l-col-11, .l-col-12, .l-col,
.l-col-auto, .l-col-xxs-1, .l-col-xxs-2, .l-col-xxs-3, .l-col-xxs-4, .l-col-xxs-5, .l-col-xxs-6, .l-col-xxs-7, .l-col-xxs-8, .l-col-xxs-9, .l-col-xxs-10, .l-col-xxs-11, .l-col-xxs-12, .l-col-xxs,
.l-col-xxs-auto, .l-col-xs-1, .l-col-xs-2, .l-col-xs-3, .l-col-xs-4, .l-col-xs-5, .l-col-xs-6, .l-col-xs-7, .l-col-xs-8, .l-col-xs-9, .l-col-xs-10, .l-col-xs-11, .l-col-xs-12, .l-col-xs,
.l-col-xs-auto, .l-col-sm-1, .l-col-sm-2, .l-col-sm-3, .l-col-sm-4, .l-col-sm-5, .l-col-sm-6, .l-col-sm-7, .l-col-sm-8, .l-col-sm-9, .l-col-sm-10, .l-col-sm-11, .l-col-sm-12, .l-col-sm,
.l-col-sm-auto, .l-col-mobile-1, .l-col-mobile-2, .l-col-mobile-3, .l-col-mobile-4, .l-col-mobile-5, .l-col-mobile-6, .l-col-mobile-7, .l-col-mobile-8, .l-col-mobile-9, .l-col-mobile-10, .l-col-mobile-11, .l-col-mobile-12, .l-col-mobile,
.l-col-mobile-auto, .l-col-md-1, .l-col-md-2, .l-col-md-3, .l-col-md-4, .l-col-md-5, .l-col-md-6, .l-col-md-7, .l-col-md-8, .l-col-md-9, .l-col-md-10, .l-col-md-11, .l-col-md-12, .l-col-md,
.l-col-md-auto, .l-col-lg-1, .l-col-lg-2, .l-col-lg-3, .l-col-lg-4, .l-col-lg-5, .l-col-lg-6, .l-col-lg-7, .l-col-lg-8, .l-col-lg-9, .l-col-lg-10, .l-col-lg-11, .l-col-lg-12, .l-col-lg,
.l-col-lg-auto, .l-col-xl-1, .l-col-xl-2, .l-col-xl-3, .l-col-xl-4, .l-col-xl-5, .l-col-xl-6, .l-col-xl-7, .l-col-xl-8, .l-col-xl-9, .l-col-xl-10, .l-col-xl-11, .l-col-xl-12, .l-col-xl,
.l-col-xl-auto, .l-col-xxl-1, .l-col-xxl-2, .l-col-xxl-3, .l-col-xxl-4, .l-col-xxl-5, .l-col-xxl-6, .l-col-xxl-7, .l-col-xxl-8, .l-col-xxl-9, .l-col-xxl-10, .l-col-xxl-11, .l-col-xxl-12, .l-col-xxl,
.l-col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.l-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.l-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.l-col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.l-col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.l-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.l-col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.l-col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.l-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.l-col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.l-col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.l-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.l-col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.l-col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.l-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.l-col-order-first {
  order: -1;
}

.l-col-order-last {
  order: 13;
}

.l-col-order-0 {
  order: 0;
}

.l-col-order-1 {
  order: 1;
}

.l-col-order-2 {
  order: 2;
}

.l-col-order-3 {
  order: 3;
}

.l-col-order-4 {
  order: 4;
}

.l-col-order-5 {
  order: 5;
}

.l-col-order-6 {
  order: 6;
}

.l-col-order-7 {
  order: 7;
}

.l-col-order-8 {
  order: 8;
}

.l-col-order-9 {
  order: 9;
}

.l-col-order-10 {
  order: 10;
}

.l-col-order-11 {
  order: 11;
}

.l-col-order-12 {
  order: 12;
}

@media (min-width: 414px) {
  .l-col-xxs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-xxs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-xxs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-xxs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-xxs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-xxs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-xxs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-xxs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-xxs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-xxs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-xxs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xxs-order-first {
    order: -1;
  }
  .l-col-xxs-order-last {
    order: 13;
  }
  .l-col-xxs-order-0 {
    order: 0;
  }
  .l-col-xxs-order-1 {
    order: 1;
  }
  .l-col-xxs-order-2 {
    order: 2;
  }
  .l-col-xxs-order-3 {
    order: 3;
  }
  .l-col-xxs-order-4 {
    order: 4;
  }
  .l-col-xxs-order-5 {
    order: 5;
  }
  .l-col-xxs-order-6 {
    order: 6;
  }
  .l-col-xxs-order-7 {
    order: 7;
  }
  .l-col-xxs-order-8 {
    order: 8;
  }
  .l-col-xxs-order-9 {
    order: 9;
  }
  .l-col-xxs-order-10 {
    order: 10;
  }
  .l-col-xxs-order-11 {
    order: 11;
  }
  .l-col-xxs-order-12 {
    order: 12;
  }
}

@media (min-width: 575px) {
  .l-col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xs-order-first {
    order: -1;
  }
  .l-col-xs-order-last {
    order: 13;
  }
  .l-col-xs-order-0 {
    order: 0;
  }
  .l-col-xs-order-1 {
    order: 1;
  }
  .l-col-xs-order-2 {
    order: 2;
  }
  .l-col-xs-order-3 {
    order: 3;
  }
  .l-col-xs-order-4 {
    order: 4;
  }
  .l-col-xs-order-5 {
    order: 5;
  }
  .l-col-xs-order-6 {
    order: 6;
  }
  .l-col-xs-order-7 {
    order: 7;
  }
  .l-col-xs-order-8 {
    order: 8;
  }
  .l-col-xs-order-9 {
    order: 9;
  }
  .l-col-xs-order-10 {
    order: 10;
  }
  .l-col-xs-order-11 {
    order: 11;
  }
  .l-col-xs-order-12 {
    order: 12;
  }
}

@media (min-width: 768px) {
  .l-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-sm-order-first {
    order: -1;
  }
  .l-col-sm-order-last {
    order: 13;
  }
  .l-col-sm-order-0 {
    order: 0;
  }
  .l-col-sm-order-1 {
    order: 1;
  }
  .l-col-sm-order-2 {
    order: 2;
  }
  .l-col-sm-order-3 {
    order: 3;
  }
  .l-col-sm-order-4 {
    order: 4;
  }
  .l-col-sm-order-5 {
    order: 5;
  }
  .l-col-sm-order-6 {
    order: 6;
  }
  .l-col-sm-order-7 {
    order: 7;
  }
  .l-col-sm-order-8 {
    order: 8;
  }
  .l-col-sm-order-9 {
    order: 9;
  }
  .l-col-sm-order-10 {
    order: 10;
  }
  .l-col-sm-order-11 {
    order: 11;
  }
  .l-col-sm-order-12 {
    order: 12;
  }
}

@media (min-width: 980px) {
  .l-col-mobile {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-mobile-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-mobile-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-mobile-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-mobile-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-mobile-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-mobile-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-mobile-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-mobile-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-mobile-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-mobile-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-mobile-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-mobile-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-mobile-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-mobile-order-first {
    order: -1;
  }
  .l-col-mobile-order-last {
    order: 13;
  }
  .l-col-mobile-order-0 {
    order: 0;
  }
  .l-col-mobile-order-1 {
    order: 1;
  }
  .l-col-mobile-order-2 {
    order: 2;
  }
  .l-col-mobile-order-3 {
    order: 3;
  }
  .l-col-mobile-order-4 {
    order: 4;
  }
  .l-col-mobile-order-5 {
    order: 5;
  }
  .l-col-mobile-order-6 {
    order: 6;
  }
  .l-col-mobile-order-7 {
    order: 7;
  }
  .l-col-mobile-order-8 {
    order: 8;
  }
  .l-col-mobile-order-9 {
    order: 9;
  }
  .l-col-mobile-order-10 {
    order: 10;
  }
  .l-col-mobile-order-11 {
    order: 11;
  }
  .l-col-mobile-order-12 {
    order: 12;
  }
}

@media (min-width: 1024px) {
  .l-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-md-order-first {
    order: -1;
  }
  .l-col-md-order-last {
    order: 13;
  }
  .l-col-md-order-0 {
    order: 0;
  }
  .l-col-md-order-1 {
    order: 1;
  }
  .l-col-md-order-2 {
    order: 2;
  }
  .l-col-md-order-3 {
    order: 3;
  }
  .l-col-md-order-4 {
    order: 4;
  }
  .l-col-md-order-5 {
    order: 5;
  }
  .l-col-md-order-6 {
    order: 6;
  }
  .l-col-md-order-7 {
    order: 7;
  }
  .l-col-md-order-8 {
    order: 8;
  }
  .l-col-md-order-9 {
    order: 9;
  }
  .l-col-md-order-10 {
    order: 10;
  }
  .l-col-md-order-11 {
    order: 11;
  }
  .l-col-md-order-12 {
    order: 12;
  }
}

@media (min-width: 1200px) {
  .l-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-lg-order-first {
    order: -1;
  }
  .l-col-lg-order-last {
    order: 13;
  }
  .l-col-lg-order-0 {
    order: 0;
  }
  .l-col-lg-order-1 {
    order: 1;
  }
  .l-col-lg-order-2 {
    order: 2;
  }
  .l-col-lg-order-3 {
    order: 3;
  }
  .l-col-lg-order-4 {
    order: 4;
  }
  .l-col-lg-order-5 {
    order: 5;
  }
  .l-col-lg-order-6 {
    order: 6;
  }
  .l-col-lg-order-7 {
    order: 7;
  }
  .l-col-lg-order-8 {
    order: 8;
  }
  .l-col-lg-order-9 {
    order: 9;
  }
  .l-col-lg-order-10 {
    order: 10;
  }
  .l-col-lg-order-11 {
    order: 11;
  }
  .l-col-lg-order-12 {
    order: 12;
  }
}

@media (min-width: 1310px) {
  .l-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xl-order-first {
    order: -1;
  }
  .l-col-xl-order-last {
    order: 13;
  }
  .l-col-xl-order-0 {
    order: 0;
  }
  .l-col-xl-order-1 {
    order: 1;
  }
  .l-col-xl-order-2 {
    order: 2;
  }
  .l-col-xl-order-3 {
    order: 3;
  }
  .l-col-xl-order-4 {
    order: 4;
  }
  .l-col-xl-order-5 {
    order: 5;
  }
  .l-col-xl-order-6 {
    order: 6;
  }
  .l-col-xl-order-7 {
    order: 7;
  }
  .l-col-xl-order-8 {
    order: 8;
  }
  .l-col-xl-order-9 {
    order: 9;
  }
  .l-col-xl-order-10 {
    order: 10;
  }
  .l-col-xl-order-11 {
    order: 11;
  }
  .l-col-xl-order-12 {
    order: 12;
  }
}

@media (min-width: 1440px) {
  .l-col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .l-col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .l-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .l-col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .l-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .l-col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .l-col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .l-col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .l-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-xxl-order-first {
    order: -1;
  }
  .l-col-xxl-order-last {
    order: 13;
  }
  .l-col-xxl-order-0 {
    order: 0;
  }
  .l-col-xxl-order-1 {
    order: 1;
  }
  .l-col-xxl-order-2 {
    order: 2;
  }
  .l-col-xxl-order-3 {
    order: 3;
  }
  .l-col-xxl-order-4 {
    order: 4;
  }
  .l-col-xxl-order-5 {
    order: 5;
  }
  .l-col-xxl-order-6 {
    order: 6;
  }
  .l-col-xxl-order-7 {
    order: 7;
  }
  .l-col-xxl-order-8 {
    order: 8;
  }
  .l-col-xxl-order-9 {
    order: 9;
  }
  .l-col-xxl-order-10 {
    order: 10;
  }
  .l-col-xxl-order-11 {
    order: 11;
  }
  .l-col-xxl-order-12 {
    order: 12;
  }
}

.with_shorts {
  display: flex;
  gap: 15px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 1024px) {
  .with_shorts {
    flex-wrap: nowrap;
  }
}

.with_shorts .video {
  min-height: 530px;
}

@media (min-width: 1024px) {
  .with_shorts .video {
    width: 297px;
    flex-shrink: 0;
  }
}

.with_shorts .video[data-type="youtube"] .play {
  background-image: url(../images/icons/social-icon-youtube-shorts.svg);
  background-position: 0 38px;
  max-width: 68px;
  height: 128px;
}

.with_shorts .video[data-type="youtube"]:hover .play {
  background-position: 0 38px;
}

.l-main-wrapper {
  overflow: hidden;
  min-width: 320px;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}

.l-main-header {
  flex: 0 0 auto;
}

.l-main-body {
  flex: 1 1 auto;
}

.l-main-footer {
  flex: 0 0 auto;
  margin-top: auto;
}

h1 ~ .section-block {
  margin-top: 0;
}

/*====================================================================================================================*/
/*                                                       FORMS                                                        */
/*====================================================================================================================*/
.form-element-common, .form-element-property, input[type="text"],
input[type="phone"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"], textarea, select, .custom-checkbox span:before, .custom-radio span:before {
  text-align: left;
  width: 100%;
  box-shadow: none;
  border-radius: 12px;
  outline: none;
  border: 2px solid transparent;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  padding: 22px 30px;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
}

.form-element-common::-ms-clear, .form-element-property::-ms-clear, input[type="text"]::-ms-clear,
input[type="phone"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="number"]::-ms-clear, textarea::-ms-clear, select::-ms-clear {
  display: none;
}

.form-element-common::-webkit-input-placeholder, .form-element-property::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder,
input[type="phone"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  line-height: normal !important;
}

.form-element-common::-moz-placeholder, .form-element-property::-moz-placeholder, input[type="text"]::-moz-placeholder,
input[type="phone"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
  line-height: normal !important;
}

.form-element-common:-moz-placeholder, .form-element-property:-moz-placeholder, input:-moz-placeholder[type="text"],
input:-moz-placeholder[type="phone"],
input:-moz-placeholder[type="tel"],
input:-moz-placeholder[type="email"],
input:-moz-placeholder[type="password"],
input:-moz-placeholder[type="number"], textarea:-moz-placeholder, select:-moz-placeholder, .custom-checkbox span:-moz-placeholder:before, .custom-radio span:-moz-placeholder:before {
  color: rgba(255, 255, 255, 0.8);
  line-height: normal !important;
}

.form-element-common:-ms-input-placeholder, .form-element-property:-ms-input-placeholder, input:-ms-input-placeholder[type="text"],
input:-ms-input-placeholder[type="phone"],
input:-ms-input-placeholder[type="tel"],
input:-ms-input-placeholder[type="email"],
input:-ms-input-placeholder[type="password"],
input:-ms-input-placeholder[type="number"], textarea:-ms-input-placeholder, select:-ms-input-placeholder, .custom-checkbox span:-ms-input-placeholder:before, .custom-radio span:-ms-input-placeholder:before {
  color: rgba(255, 255, 255, 0.8);
  line-height: normal !important;
}

@media (max-width: 768px) {
  .form-element-common, .form-element-property, input[type="text"],
  input[type="phone"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  input[type="number"], textarea, select, .custom-checkbox span:before, .custom-radio span:before {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .form-element-common, .form-element-property, input[type="text"],
  input[type="phone"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  input[type="number"], textarea, select, .custom-checkbox span:before, .custom-radio span:before {
    padding: 12px 10px;
  }
}

.form-element-common:hover, .form-element-property:hover, input:hover[type="text"],
input:hover[type="phone"],
input:hover[type="tel"],
input:hover[type="email"],
input:hover[type="password"],
input:hover[type="number"], textarea:hover, select:hover, .custom-checkbox span:hover:before, .custom-radio span:hover:before {
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.form-element-common:focus, .form-element-property:focus, input:focus[type="text"],
input:focus[type="phone"],
input:focus[type="tel"],
input:focus[type="email"],
input:focus[type="password"],
input:focus[type="number"], textarea:focus, select:focus, .custom-checkbox span:focus:before, .custom-radio span:focus:before {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

.form-element-common.is-disabled, .is-disabled.form-element-property, input.is-disabled[type="text"],
input.is-disabled[type="phone"],
input.is-disabled[type="tel"],
input.is-disabled[type="email"],
input.is-disabled[type="password"],
input.is-disabled[type="number"], textarea.is-disabled, select.is-disabled, .custom-checkbox span.is-disabled:before, .custom-radio span.is-disabled:before, .form-element-common[disabled], .form-element-property[disabled], input[disabled][type="text"],
input[disabled][type="phone"],
input[disabled][type="tel"],
input[disabled][type="email"],
input[disabled][type="password"],
input[disabled][type="number"], textarea[disabled], select[disabled], .custom-checkbox span[disabled]:before, .custom-radio span[disabled]:before {
  cursor: not-allowed;
  border: 2px solid rgba(236, 67, 67, 0.5);
  background: rgba(255, 106, 106, 0.1);
}

.form-element-common:invalid, .form-element-property:invalid, input:invalid[type="text"],
input:invalid[type="phone"],
input:invalid[type="tel"],
input:invalid[type="email"],
input:invalid[type="password"],
input:invalid[type="number"], textarea:invalid, select:invalid, .custom-checkbox span:invalid:before, .custom-radio span:invalid:before {
  box-shadow: none;
}

.form-element-common::placeholder, .form-element-property::placeholder, input[type="text"]::placeholder,
input[type="phone"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder, textarea::placeholder, select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.form-element-property, input[type="text"],
input[type="phone"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"], textarea, select {
  display: block;
  width: 100%;
}

.form-element-small, .custom-checkbox span:before, .custom-radio span:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 12px;
  padding: 0;
}

/********************************************************************************************************/
/*                                           FORM ELEMENTS                                              */
/********************************************************************************************************/
input[type="text"],
input[type="phone"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
  height: 65px;
}

@media (max-width: 768px) {
  input[type="text"],
  input[type="phone"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  input[type="number"] {
    height: 44px;
  }
}

input[type="text"].js-placeholder:focus, input[type="text"].js-placeholder.has-content,
input[type="phone"].js-placeholder:focus,
input[type="phone"].js-placeholder.has-content,
input[type="tel"].js-placeholder:focus,
input[type="tel"].js-placeholder.has-content,
input[type="email"].js-placeholder:focus,
input[type="email"].js-placeholder.has-content,
input[type="password"].js-placeholder:focus,
input[type="password"].js-placeholder.has-content,
input[type="number"].js-placeholder:focus,
input[type="number"].js-placeholder.has-content {
  padding-bottom: 0px;
}

input[type="text"].js-placeholder:focus ~ label, input[type="text"].js-placeholder.has-content ~ label,
input[type="phone"].js-placeholder:focus ~ label,
input[type="phone"].js-placeholder.has-content ~ label,
input[type="tel"].js-placeholder:focus ~ label,
input[type="tel"].js-placeholder.has-content ~ label,
input[type="email"].js-placeholder:focus ~ label,
input[type="email"].js-placeholder.has-content ~ label,
input[type="password"].js-placeholder:focus ~ label,
input[type="password"].js-placeholder.has-content ~ label,
input[type="number"].js-placeholder:focus ~ label,
input[type="number"].js-placeholder.has-content ~ label {
  top: 10px;
  font-size: 12px;
  transition: 0.3s;
  z-index: 3;
}

input[type="text"].js-placeholder ~ label,
input[type="phone"].js-placeholder ~ label,
input[type="tel"].js-placeholder ~ label,
input[type="email"].js-placeholder ~ label,
input[type="password"].js-placeholder ~ label,
input[type="number"].js-placeholder ~ label {
  position: absolute;
  left: 50px;
  width: 100%;
  top: 13px;
  color: #fff;
  font-size: 16px;
  transition: 0.3s;
  z-index: 0;
  pointer-events: none;
  font-weight: 300;
}

input[type="text"]:disabled,
input[type="phone"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled {
  color: #c6cfd4;
}

textarea {
  height: 127px;
  resize: none;
}

@media (max-width: 768px) {
  textarea {
    height: 72px;
  }
}

textarea.js-placeholder:focus, textarea.js-placeholder.has-content {
  padding-bottom: 0px;
}

textarea.js-placeholder:focus ~ label, textarea.js-placeholder.has-content ~ label {
  top: 10px;
  font-size: 12px;
  transition: 0.3s;
  z-index: 3;
}

textarea.js-placeholder ~ label {
  position: absolute;
  left: 50px;
  width: 100%;
  top: 17px;
  color: #737373;
  font-size: 16px;
  transition: 0.3s;
  z-index: 0;
  pointer-events: none;
  font-weight: 300;
}

select {
  height: 54px;
}

.checkbox input {
  width: 20px;
  height: 20px;
}

.checkbox [class*="label"]::before {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

.checkbox [class*="label"]::after {
  color: #94ADC6;
  width: 10px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  left: 10px;
  top: 10px;
  margin-left: -5px;
  margin-top: -4px;
  transform-origin: center;
}

.checkbox.checkbox--small {
  font-size: 0.8em;
}

.radio input {
  width: 20px;
  height: 20px;
}

.radio [class*="label"]::before {
  width: 20px;
  height: 20px;
}

.radio [class*="label"]::before, .radio [class*="label"]::after {
  border-radius: 50%;
}

.radio [class*="label"]::after {
  left: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  background: currentColor;
}

.checkbox-btn {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
}

.checkbox-btn [class*="label"] {
  display: block;
  border-radius: 44px;
  background-color: rgba(255, 255, 255, 0.15);
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
  padding: 14px 20px;
  transition: all 0.3s ease;
  white-space: nowrap;
  cursor: pointer;
}

.checkbox-btn [class*="label"]:hover {
  background-color: #fff;
  color: #212121;
}

@media (max-width: 980px) {
  .checkbox-btn [class*="label"] {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px;
  }
}

@media (max-width: 575px) {
  .checkbox-btn [class*="label"] {
    border-radius: 30px;
    font-size: 14px;
    padding: 8px 20px;
  }
}

.checkbox-btn input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
  z-index: -1;
}

.checkbox-btn input:checked ~ [class*="label"] {
  background-color: #fff;
  color: #212121;
}

.checkbox-btn input:disabled {
  cursor: not-allowed;
}

.checkbox-btn input:disabled ~ [class*="label"] {
  cursor: not-allowed;
  opacity: 0.5;
}

.checkbox-btn input.is-error ~ [class*="label"] {
  color: #d94848;
}

.custom-checkbox {
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.custom-checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.custom-checkbox input:focus-visible + span::before {
  border: 1px solid #2ED876;
}

.custom-checkbox p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 116.5%;
  color: rgba(244, 244, 241, 0.5);
}

@media (max-width: 768px) {
  .custom-checkbox p {
    font-size: 14px;
    line-height: normal;
  }
}

.custom-checkbox span {
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-checkbox span:before {
  content: '';
  position: relative;
  border-radius: 4px;
  border: 1px solid transparent;
}

.custom-checkbox span:hover:before {
  border: 1px solid #2ED876;
}

.custom-checkbox input:checked + span:before {
  background-color: #1B1B1B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM7.71 13.29C7.32 13.68 6.69 13.68 6.3 13.29L2.71 9.7C2.32 9.31 2.32 8.68 2.71 8.29C3.1 7.9 3.73 7.9 4.12 8.29L7 11.17L13.88 4.29C14.27 3.9 14.9 3.9 15.29 4.29C15.68 4.68 15.68 5.31 15.29 5.7L7.71 13.29Z' fill='%232ED876'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  border: 1px solid #2ED876;
}

.custom-radio input {
  display: none;
}

.custom-radio span {
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-radio span:before {
  content: '';
  border-radius: 50%;
  position: relative;
  top: -2px;
}

.custom-radio span:hover {
  color: #d4c91f;
}

.custom-radio input:checked + span {
  color: #d4c91f;
}

.custom-radio input:checked + span:before {
  background: #000;
}

.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
  display: none;
}

.only-timepicker .datepicker--time {
  border-top: none;
}

.custom-number {
  position: relative;
  display: inline-block;
  width: 180px;
  max-width: 180px;
}

.custom-number input {
  margin: 0;
  padding: 0 60px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.custom-number span {
  position: absolute;
  top: 0;
  display: block;
  width: 45px;
  min-width: 45px;
  height: 45px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.custom-number span:hover {
  opacity: 0.85;
}

.custom-number span:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.custom-number span.-plus {
  right: 7px;
}

.custom-number span.-plus:after {
  content: url(../images/icons/custom-number--plus.svg);
}

.custom-number span.-minus {
  left: 7px;
}

.custom-number span.-minus:after {
  content: url(../images/icons/custom-number--minus.svg);
}

.custom-number span.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.custom-number.-no-border input {
  border: none;
}

.custom-file {
  position: relative;
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}

.custom-file input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.custom-file__text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.custom-file__text::before {
  content: '';
  display: inline-block;
  background: url(../images/icons/file_attach.svg) no-repeat center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

@media (max-width: 980px) {
  .custom-file__text {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .custom-file__text {
    font-size: 16px;
    font-weight: 700;
  }
  .custom-file__text::before {
    width: 20px;
    height: 20px;
  }
}

.custom-file__preview {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #ccc;
  border: 1px solid #000;
}

.custom-file__preview img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.custom-file__preview.is-upload img {
  display: block;
}

.custom-file__btn-clear {
  position: relative;
  z-index: 5;
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  background: url(../images/icons/cancel.svg) center center no-repeat;
  background-size: 100% 100%;
  font-size: 0;
  border: none;
  cursor: pointer;
}

.custom-file__btn-clear:hover {
  opacity: 0.8;
}

/*
 * Custom Select jQuery Plugin Base
 */
.custom-select {
  position: relative;
}

.custom-select__option {
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  appearance: none;
}

.custom-select__option-wrap {
  position: relative;
}

.custom-select__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  border-width: 1px 0;
  border-style: solid;
  border-radius: 0;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}

.custom-select__dropdown {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  top: 100%;
  left: 0;
}

.custom-select--dropup .custom-select__dropdown {
  top: auto;
  bottom: 100%;
}

/*
 * Custom Select jQuery Plugin Theme
 */
.custom-select__option {
  position: relative;
  outline: none;
  border-bottom: 1px solid #D3DEE9;
  padding: 10px 15px;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: 300;
}

.custom-select__option:last-child {
  border-bottom: none;
}

.custom-select__option:focus {
  outline: none;
}

.custom-select__option:hover, .custom-select__option:focus {
  color: #0087F9;
}

.custom-select__option--value {
  padding-right: 50px;
  background-color: #fff;
  border: 1px solid #D3DEE9;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
  height: 54px;
}

.custom-select__option--value::after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: border-box;
  right: 25px;
  top: 50%;
  width: 10px;
  height: 5px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #0089f9 transparent transparent transparent;
  margin-left: -5px;
  margin-top: -2.5px;
}

.custom-select--active .custom-select__option--value::after {
  transform: translateY(-50%) rotate(-180deg);
}

.custom-select__option--value:hover, .custom-select__option--value:focus {
  border-color: #0087F9;
  box-shadow: inset 0 0 0 1px #0087F9;
  color: #000;
}

.custom-select--active .custom-select__option--value:hover, .custom-select--active .custom-select__option--value:focus {
  background-color: #fff;
}

.custom-select--dropup.custom-select--active .custom-select__option--value {
  border-top-color: transparent;
  border-bottom-color: #e6e6e6;
  border-radius: 0 0 0.25rem 0.25rem;
}

.custom-select__option--selected {
  background-color: #fcfcfc;
}

.custom-select__option[disabled] {
  color: #a1a1a1;
  cursor: default;
}

.custom-select__option[disabled]:hover, .custom-select__option[disabled]:focus {
  background-color: transparent;
}

.custom-select__option-wrap {
  overflow-y: auto;
  max-height: 11.25rem;
}

.custom-select__option-wrap::-webkit-scrollbar {
  width: 16px;
}

.custom-select__option-wrap::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  background-clip: padding-box;
  border-width: 0 4px;
  border-style: solid;
  border-color: transparent;
}

.custom-select__input {
  position: relative;
  z-index: 1;
  height: 2.25rem;
  margin-top: -1px;
  padding: 0 0.75rem;
  border-color: #e6e6e6;
  transform: translateY(1px);
  font-size: 1rem;
  color: #212121;
}

.custom-select__input:focus {
  outline: none;
}

.custom-select--dropup .custom-select__input {
  border-top-width: 0;
  margin-top: 0;
  transform: translateY(0);
}

.custom-select__dropdown {
  overflow: hidden;
  z-index: 1;
  top: calc(100% - 1px);
  border: 1px solid #D3DEE9;
  background: #fff;
  border-radius: 5px;
  margin-top: 10px;
}

.custom-select--dropup .custom-select__dropdown {
  bottom: calc(100% - 1px);
  border-width: 1px 1px 0;
  border-radius: 0.25rem 0.25rem 0 0;
}

.form-privacy-police__errors {
  margin: 0;
  width: 100%;
  color: #ca1932;
  font-size: 14px;
  font-weight: 400;
}

.form-privacy-police__errors > ul {
  list-style-type: none;
}

.form-privacy-police__errors > ul * {
  margin-bottom: 8px;
}

/**
 * Contains:
 * .form-item
 * .form-btns-container
 * .form-privacy-police
 * .form-heading
 * .form-fragment
 */
/**
 * form item
 * 
 * Usage:
 * @extend .form-item--row; - optional
 * @extend .form-item--column; - optional
 */
.form-item {
  display: block;
  margin: 0 0 16px;
  position: relative;
}

@media (max-width: 768px) {
  .form-item {
    margin: 0 0 10px;
  }
}

.form-item__error {
  display: block;
  color: #ca1932;
  font-size: 13px;
}

.form-item__error ul {
  list-style: none;
  padding: 0;
}

.form-item--row, .form-website .form-item, .form-callback .form-item, .form-feedback .form-item, .form-feedback-alternative .form-item, .form-comment .form-item, .form-enquiry .form-item, .form-enquiry-complex .form-item, .form-enquiry-seo .form-item, .form-enquiry-creating .form-item, .form-promo .form-item, .form-question .form-item, .form-case .form-item, .form-item.-row {
  display: block;
}

.form-item--row .form-item__label, .form-website .form-item .form-item__label, .form-callback .form-item .form-item__label, .form-feedback .form-item .form-item__label, .form-feedback-alternative .form-item .form-item__label, .form-comment .form-item .form-item__label, .form-enquiry .form-item .form-item__label, .form-enquiry-complex .form-item .form-item__label, .form-enquiry-seo .form-item .form-item__label, .form-enquiry-creating .form-item .form-item__label, .form-promo .form-item .form-item__label, .form-question .form-item .form-item__label, .form-case .form-item .form-item__label, .form-item.-row .form-item__label {
  display: block;
  padding: 5px 0;
}

.form-item--row .form-item__field, .form-website .form-item .form-item__field, .form-callback .form-item .form-item__field, .form-feedback .form-item .form-item__field, .form-feedback-alternative .form-item .form-item__field, .form-comment .form-item .form-item__field, .form-enquiry .form-item .form-item__field, .form-enquiry-complex .form-item .form-item__field, .form-enquiry-seo .form-item .form-item__field, .form-enquiry-creating .form-item .form-item__field, .form-promo .form-item .form-item__field, .form-question .form-item .form-item__field, .form-case .form-item .form-item__field, .form-item.-row .form-item__field {
  display: block;
}

.form-item--row .form-item__input, .form-website .form-item .form-item__input, .form-callback .form-item .form-item__input, .form-feedback .form-item .form-item__input, .form-feedback-alternative .form-item .form-item__input, .form-comment .form-item .form-item__input, .form-enquiry .form-item .form-item__input, .form-enquiry-complex .form-item .form-item__input, .form-enquiry-seo .form-item .form-item__input, .form-enquiry-creating .form-item .form-item__input, .form-promo .form-item .form-item__input, .form-question .form-item .form-item__input, .form-case .form-item .form-item__input, .form-item.-row .form-item__input {
  display: block;
}

.form-item--row .form-item__error, .form-website .form-item .form-item__error, .form-callback .form-item .form-item__error, .form-feedback .form-item .form-item__error, .form-feedback-alternative .form-item .form-item__error, .form-comment .form-item .form-item__error, .form-enquiry .form-item .form-item__error, .form-enquiry-complex .form-item .form-item__error, .form-enquiry-seo .form-item .form-item__error, .form-enquiry-creating .form-item .form-item__error, .form-promo .form-item .form-item__error, .form-question .form-item .form-item__error, .form-case .form-item .form-item__error, .form-item.-row .form-item__error {
  display: block;
  color: #ca1932;
  font-size: 13px;
}

.form-item--row .form-item__error ul, .form-website .form-item .form-item__error ul, .form-callback .form-item .form-item__error ul, .form-feedback .form-item .form-item__error ul, .form-feedback-alternative .form-item .form-item__error ul, .form-comment .form-item .form-item__error ul, .form-enquiry .form-item .form-item__error ul, .form-enquiry-complex .form-item .form-item__error ul, .form-enquiry-seo .form-item .form-item__error ul, .form-enquiry-creating .form-item .form-item__error ul, .form-promo .form-item .form-item__error ul, .form-question .form-item .form-item__error ul, .form-case .form-item .form-item__error ul, .form-item.-row .form-item__error ul {
  list-style: none;
  padding: 0;
}

.form-item--column,
.form-item .-column {
  display: flex;
  align-items: flex-start;
}

.form-item--column .form-item__label,
.form-item .-column .form-item__label {
  display: block;
  padding: 13px 15px 13px 0;
  width: 140px;
  min-width: 140px;
}

.form-item--column .form-item__field,
.form-item .-column .form-item__field {
  display: block;
  min-width: 300px;
}

.form-item--column .form-item__input,
.form-item .-column .form-item__input {
  display: block;
}

.form-item--column .form-item__error,
.form-item .-column .form-item__error {
  display: block;
  color: #ca1932;
  font-size: 13px;
}

.form-item--column .form-item__error ul,
.form-item .-column .form-item__error ul {
  list-style: none;
  padding: 0;
}

.form-item--column .form-item__description,
.form-item .-column .form-item__description {
  padding: 13px 0 13px 15px;
  color: #a7a7a7;
}

/**
 * Customize .form-item by type
 */
/**
 * form btns container
 * 
 * Usage:
 * @extend .form-btns-container--align-center; - optional
 * @extend .form-btns-container--align-left; - optional
 * @extend .form-btns-container--align-right; - optional
 */
.form-btns-container {
  display: flex;
  justify-content: space-between;
  column-gap: 15px;
}

.form-btns-container--align-center {
  justify-content: center;
}

.form-btns-container--align-right {
  justify-content: flex-end;
}

.form-btns-container--align-left {
  justify-content: flex-start;
}

/**
 * form privacy police
 */
.form-privacy-police {
  position: relative;
  width: auto;
  text-align: left;
  margin-top: 12px;
}

.form-privacy-police input {
  margin: auto -1px;
  left: 10.5px;
  top: 22px;
  bottom: 0;
}

.form-privacy-police p {
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  color: rgba(244, 244, 241, 0.5);
}

@media (max-width: 768px) {
  .form-privacy-police p {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
  }
}

.form-privacy-police a {
  color: rgba(46, 216, 118, 0.5);
}

@media (max-width: 768px) {
  .form-privacy-police {
    max-width: 100%;
    margin-top: 10px;
  }
}

/**
 * form success
 */
.form-success {
  background: #1B1B1B;
  border-radius: 20px;
  padding: 100px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form-success.comment-success {
  background: #282828;
}

.form-success.subscribe {
  padding: 20px;
}

.form-success.subscribe p {
  margin: 0;
}

.form-success__title {
  font-weight: 600;
  font-size: 31px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 14px;
}

@media (max-width: 1200px) {
  .form-success__title {
    font-size: 25px;
    line-height: 1.2;
  }
}

@media (max-width: 575px) {
  .form-success__title {
    font-size: 20px;
  }
}

.form-success__title span {
  display: block;
  font-weight: 500;
}

.form-success__msg {
  text-align: center;
  max-width: 300px;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .form-success__msg {
    font-size: 14px;
  }
}

.form-heading {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  margin-bottom: 25px;
}

.form-heading.-left {
  text-align: left;
}

.form-fragment {
  /* hidden default for checkout page */
  /* hidden default for checkout page */
  /* hidden default for checkout page */
}

.form-fragment.-recipient {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.form-fragment.-recipient.is-show {
  max-height: 1500px;
  opacity: 1;
}

.form-fragment.-delivery {
  display: none;
}

.form-fragment.-delivery.is-show {
  display: block;
}

.form-fragment.-pickUpAtStore {
  display: none;
}

.form-fragment.-pickUpAtStore.is-show {
  display: block;
}

.help-text {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #F4F4F1;
  opacity: .5;
  font-weight: 500;
  margin: 6px 0;
}

@media (max-width: 768px) {
  .help-text {
    font-size: 12px;
    font-weight: 400;
  }
}

/* Файл со стилями конкретных форм */
.form-website__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}

.form-website__container > * {
  margin-left: 10px;
  margin-right: 10px;
}

.form-website__col {
  width: calc(50% - 20px);
}

@media (max-width: 1024px) {
  .form-website__col {
    width: calc(100% - 20px);
  }
}

.form-website__col-fullwidth {
  width: calc(100% - 20px);
}

.form-website__site {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.form-website [data-step] {
  display: block;
}

@media (min-width: 414px) {
  .form-website [data-step] {
    display: none;
  }
}

.form-website [data-step].is-active {
  display: block;
}

.form-website [data-step="1"].fast {
  opacity: 0;
}

.form-website [data-next] {
  display: block;
}

.form-website__body {
  flex: 1 1 auto;
}

.form-website__body .form-item__field input {
  border-radius: 3px 0 0 3px;
  font-weight: 400;
}

.form-website__footer {
  flex: 0 0 auto;
}

.form-website__input {
  border-radius: 3px 0 0 3px;
  font-weight: 400;
}

.form-website__send {
  border-radius: 0 3px 3px 0;
}

.form-website__privacy {
  margin-bottom: 15px;
}

.form-website__privacy a {
  text-decoration: none;
}

.form-hero {
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 25px;
}

.form-hero__head {
  text-align: center;
  margin-bottom: 20px;
}

.form-hero__title {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 400;
  color: #353535;
  margin: 0 0 10px 0;
}

.form-hero__footer {
  text-align: center;
  margin-top: 20px;
}

.form-hero__privacy {
  margin-bottom: 15px;
}

.form-callback {
  margin: 0;
}

.form-callback .form-btns-container {
  flex-direction: column;
  align-items: center;
}

.form-callback .form-privacy-police {
  margin-bottom: 8px;
}

.form-feedback {
  background: #1B1B1B;
  border-radius: 10px;
  padding: 20px;
  /* какие то костыли, если надо */
}

@media (min-width: 768px) {
  .form-feedback {
    padding: 40px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

.form-feedback__head {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .form-feedback__head {
    margin-bottom: 30px;
  }
}

.form-feedback__title {
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: 300;
  margin: 0 0 10px 0;
}

@media (min-width: 768px) {
  .form-feedback__title {
    font-size: 30px;
  }
}

.form-feedback__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}

.form-feedback__container > * {
  margin-left: 15px;
  margin-right: 15px;
}

.form-feedback__col {
  width: calc(50% - 30px);
}

@media (max-width: 1024px) {
  .form-feedback__col {
    width: calc(100% - 30px);
  }
}

.form-feedback__col-fullwidth {
  width: calc(100% - 30px);
}

.form-feedback .form-item textarea {
  height: 120px;
}

.form-feedback .form-feedback__submit {
  min-width: 140px;
}

.form-feedback .form-feedback__privacy {
  margin-bottom: 15px;
}

.form-feedback .form-feedback__privacy a {
  text-decoration: none;
}

@media (min-width: 575px) {
  .form-feedback .form-feedback__footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
  .form-feedback .form-feedback__submit {
    flex: 0 0 auto;
  }
  .form-feedback .form-feedback__privacy {
    flex: 1 1 auto;
    margin-bottom: 0;
    margin-right: 15px;
  }
}

.form-feedback-alternative {
  /* какие то костыли, если надо */
}

.form-feedback-alternative__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}

.form-feedback-alternative__container > * {
  margin-left: 15px;
  margin-right: 15px;
}

.form-feedback-alternative__col {
  width: calc(50% - 30px);
}

@media (max-width: 1024px) {
  .form-feedback-alternative__col {
    width: calc(100% - 30px);
  }
}

.form-feedback-alternative__col-fullwidth {
  width: calc(100% - 30px);
}

.form-feedback-alternative .form-item textarea {
  height: 120px;
}

.form-feedback-alternative .form-item input {
  height: 40px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 2px solid #505669;
  border-radius: 0;
}

.form-feedback-alternative .form-item input.js-placeholder:focus, .form-feedback-alternative .form-item input.js-placeholder.has-content {
  box-shadow: none;
}

.form-feedback-alternative .form-item input.js-placeholder:focus ~ label, .form-feedback-alternative .form-item input.js-placeholder.has-content ~ label {
  font-size: 11px;
  top: -5px;
}

.form-feedback-alternative .form-item input.js-placeholder ~ label {
  left: 0;
  top: 10px;
  font-size: 16px;
  color: #b5dbf4;
  font-weight: 500;
}

.form-feedback-alternative .form-item.-name input {
  background: none;
  padding-left: 0;
}

.form-feedback-alternative .form-item.-name input:focus {
  background: none;
}

.form-feedback-alternative .form-item.-phone input {
  background: none;
  padding-left: 0;
}

.form-feedback-alternative .form-item.-phone input:focus {
  background: none;
}

.form-feedback-alternative .form-feedback-alternative__head {
  text-align: center;
  margin-bottom: 20px;
}

.form-feedback-alternative .form-feedback-alternative__title {
  line-height: 1.2;
  font-weight: 300;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  font-size: 32px;
  color: #fff;
  margin-bottom: 20px;
}

.form-feedback-alternative .form-feedback-alternative__submit {
  flex: 0 0 auto;
  min-width: 140px;
  margin-right: 0;
}

.form-feedback-alternative .form-feedback-alternative__footer {
  margin-top: 25px;
}

.form-feedback-alternative .form-feedback-alternative__privacy {
  margin-top: 25px;
}

.form-feedback-alternative .form-feedback-alternative__privacy .form-privacy-police p {
  font-size: 13px;
  color: #8a94a4;
}

.form-feedback-alternative .form-feedback-alternative__privacy a {
  text-decoration: none;
  color: #b5dbf4;
}

@media (min-width: 575px) {
  .form-feedback-alternative .form-feedback-alternative__head {
    margin-bottom: 30px;
  }
  .form-feedback-alternative .form-feedback-alternative__title {
    font-size: 30px;
  }
  .form-feedback-alternative .form-feedback-alternative__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .form-feedback-alternative .form-feedback-alternative__privacy {
    flex: 1 1 auto;
    margin-top: 0;
  }
  .form-feedback-alternative .form-feedback-alternative__submit {
    margin-right: 30px;
  }
}

.form-comment__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}

.form-comment__container > * {
  margin-left: 10px;
  margin-right: 10px;
}

.form-comment__col {
  width: calc(50% - 20px);
}

@media (max-width: 1024px) {
  .form-comment__col {
    width: calc(100% - 20px);
  }
}

.form-comment__col-fullwidth {
  width: calc(100% - 20px);
}

.form-comment .form-item {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .form-comment .form-item {
    margin-bottom: 10px;
  }
}

.form-comment .form-item textarea {
  height: 217px;
}

@media (max-width: 980px) {
  .form-comment .form-item textarea {
    height: 180px;
  }
}

@media (max-width: 575px) {
  .form-comment .form-item textarea {
    height: 167px;
  }
}

.form-comment .form-comment__title {
  font-size: 25px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 30px 0;
}

@media (max-width: 768px) {
  .form-comment .form-comment__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 25px 0;
  }
}

@media (max-width: 575px) {
  .form-comment .form-comment__title {
    padding-inline: 10px;
  }
}

.form-comment .form-comment__footer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.form-comment .form-comment__submit {
  width: 100%;
  margin-top: 29px;
}

@media (max-width: 768px) {
  .form-comment .form-comment__submit {
    margin-top: 20px;
  }
}

.form-enquiry {
  /* какие то костыли, если надо */
}

.form-enquiry__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -8px;
  margin-right: -8px;
}

.form-enquiry__container > * {
  margin-left: 8px;
  margin-right: 8px;
}

.form-enquiry__col {
  width: calc(50% - 16px);
}

@media (max-width: 1024px) {
  .form-enquiry__col {
    width: calc(100% - 16px);
  }
}

.form-enquiry__col-fullwidth {
  width: calc(100% - 16px);
}

.form-enquiry .form-item textarea {
  height: 217px;
}

@media (max-width: 980px) {
  .form-enquiry .form-item textarea {
    height: 180px;
  }
}

@media (max-width: 575px) {
  .form-enquiry .form-item textarea {
    height: 167px;
  }
}

.form-enquiry.calculator .form-enquiry__title {
  font-size: 35px;
  line-height: 116.5%;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 45px;
}

.form-enquiry.calculator .form-enquiry__title .highlight {
  font-size: 30px;
  margin-top: 0;
}

@media (max-width: 768px) {
  .form-enquiry.calculator .form-enquiry__title {
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 35px;
  }
  .form-enquiry.calculator .form-enquiry__title .highlight {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .form-enquiry.calculator .form-enquiry__title {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .form-enquiry.calculator .form-enquiry__title .highlight {
    font-size: 18px;
  }
}

.form-enquiry .form-enquiry__img {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 20px;
}

.form-enquiry .form-enquiry__head {
  text-align: left;
}

.form-enquiry .form-enquiry__title {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 50px 0;
}

.form-enquiry .form-enquiry__title .highlight {
  display: inline-block;
  margin-top: 10px;
}

@media (max-width: 980px) {
  .form-enquiry .form-enquiry__title {
    font-size: 30px;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 575px) {
  .form-enquiry .form-enquiry__title {
    font-size: 22px;
    margin: 0 0 20px 0;
  }
  .form-enquiry .form-enquiry__title .highlight {
    margin-top: 5px;
  }
}

.form-enquiry .form-enquiry__submit {
  width: 100%;
  margin-top: 29px;
}

@media (max-width: 768px) {
  .form-enquiry .form-enquiry__submit {
    margin-top: 20px;
  }
}

.form-enquiry .form-enquiry__send {
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 768px) {
  .form-enquiry .form-enquiry__send {
    font-size: 16px;
    padding: 12px 20px;
  }
}

.form-enquiry .form-enquiry__footer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.form-enquiry .form-enquiry__require {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: rgba(244, 244, 241, 0.5);
  margin-bottom: 10px;
}

.form-enquiry .form-enquiry__require-icon {
  position: absolute;
  left: 0;
  top: 6px;
  height: 10px;
  width: 20px;
  font-size: 10px;
  color: #2ED876;
}

.form-enquiry .form-enquiry__privacy {
  color: #F4F4F1;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 15px;
}

.form-enquiry .form-enquiry__privacy a {
  text-decoration: none;
}

.form-enquiry-complex {
  /* какие то костыли, если надо */
}

.form-enquiry-complex__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}

.form-enquiry-complex__container > * {
  margin-left: 15px;
  margin-right: 15px;
}

.form-enquiry-complex__col {
  width: calc(50% - 30px);
}

@media (max-width: 1024px) {
  .form-enquiry-complex__col {
    width: calc(100% - 30px);
  }
}

.form-enquiry-complex__col-fullwidth {
  width: calc(100% - 30px);
}

.form-enquiry-complex .form-item textarea {
  height: 120px;
}

.form-enquiry-complex .form-item input {
  height: 40px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 2px solid #505669;
  border-radius: 0;
}

.form-enquiry-complex .form-item input.js-placeholder:focus, .form-enquiry-complex .form-item input.js-placeholder.has-content {
  box-shadow: none;
}

.form-enquiry-complex .form-item input.js-placeholder:focus ~ label, .form-enquiry-complex .form-item input.js-placeholder.has-content ~ label {
  font-size: 11px;
  top: -5px;
}

.form-enquiry-complex .form-item input.js-placeholder ~ label {
  left: 0;
  top: 16px;
  font-size: 16px;
  color: #505669;
  font-weight: 500;
}

.form-enquiry-complex .form-item.-name input {
  background: #fff;
  padding-left: 0;
}

.form-enquiry-complex .form-item.-name input:focus {
  background: #fff;
}

.form-enquiry-complex .form-item.-email input {
  background: #fff;
  padding-left: 0;
}

.form-enquiry-complex .form-item.-email input:focus {
  background: #fff;
}

.form-enquiry-complex .form-item.-phone input {
  background: #fff;
  padding-left: 0;
}

.form-enquiry-complex .form-item.-phone input:focus {
  background: #fff;
}

.form-enquiry-complex .form-item.-site input, .form-enquiry-complex .form-item.-site textarea {
  background: #fff;
  padding-left: 0;
}

.form-enquiry-complex .form-item.-site input:focus, .form-enquiry-complex .form-item.-site textarea:focus {
  background: #fff;
}

.form-enquiry-complex .form-enquiry-complex__img {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 20px;
}

.form-enquiry-complex .form-enquiry-complex__head {
  text-align: center;
  margin-bottom: 20px;
}

.form-enquiry-complex .form-enquiry-complex__title {
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: 300;
  color: #000;
  margin: 0 0 10px 0;
  text-align: left;
}

.form-enquiry-complex .form-enquiry-complex__submit {
  flex: 0 0 auto;
  min-width: 140px;
  margin-right: 0;
}

.form-enquiry-complex .form-enquiry-complex__footer {
  margin-top: 25px;
}

.form-enquiry-complex .form-enquiry-complex__privacy {
  margin-top: 25px;
}

.form-enquiry-complex .form-enquiry-complex__privacy a {
  text-decoration: none;
}

@media (min-width: 575px) {
  .form-enquiry-complex .form-enquiry-complex__head {
    margin-bottom: 30px;
  }
  .form-enquiry-complex .form-enquiry-complex__title {
    font-size: 30px;
  }
  .form-enquiry-complex .form-enquiry-complex__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .form-enquiry-complex .form-enquiry-complex__privacy {
    flex: 1 1 auto;
    margin-top: 0;
  }
  .form-enquiry-complex .form-enquiry-complex__submit {
    margin-right: 30px;
  }
}

.form-enquiry-seo__title {
  margin-top: 0;
  margin-bottom: 30px;
}

.form-enquiry-seo .form-item textarea {
  height: 120px;
}

.form-enquiry-seo__submit {
  margin-top: 20px;
}

.form-enquiry-creating .form-item {
  max-width: 374px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.form-enquiry-creating .form-item textarea {
  height: 190px;
}

@media (max-width: 980px) {
  .form-enquiry-creating .form-item textarea {
    height: 120px;
  }
}

.form-enquiry-creating .form-item input {
  height: 45px;
}

.form-enquiry-creating .form-privacy-police {
  max-width: 374px;
  margin: 0 auto 20px;
}

.form-enquiry-creating .form-privacy-police p {
  color: #fff;
}

.form-enquiry-creating .form-enquiry-creating__send {
  border: 0;
  width: 374px;
  max-width: 100%;
  padding: 14px 20px;
  overflow: hidden;
}

.form-spoiler {
  text-align: center;
}

.form-spoiler h2 {
  margin-bottom: 0;
}

.form-spoiler__btn {
  margin-top: 1.5em;
}

.form-spoiler__btn.is-hidden {
  display: none;
}

.form-spoiler + form {
  height: 100%;
  opacity: 1;
  transition: all 0.3s ease;
}

.form-spoiler + form.is-opened {
  height: 0;
  opacity: 0;
}

.form-promo {
  margin: 100px 0;
  /* какие то костыли, если надо */
}

@media (max-width: 575px) {
  .form-promo {
    margin: 60px 0;
  }
}

.form-promo__main {
  width: 100%;
  border-radius: 24px;
  background: url(../images/form-online-meetings-bg.png) no-repeat right center, radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E 0%, #2F2E2E 100%), #2F2E2E;
  padding: 45px;
}

@media (max-width: 1100px) {
  .form-promo__main {
    background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E 0%, #2F2E2E 100%), #2F2E2E;
  }
}

@media (max-width: 575px) {
  .form-promo__main {
    border-radius: 12px;
    padding: 20px 10px;
  }
}

.form-promo__container {
  max-width: 49%;
}

@media (max-width: 1100px) {
  .form-promo__container {
    max-width: 100%;
  }
}

.form-promo .form-item textarea {
  height: 125px;
}

.form-promo .form-promo__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 50px 0;
  max-width: 53%;
}

@media (max-width: 1100px) {
  .form-promo .form-promo__title {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .form-promo .form-promo__title {
    font-size: 24px;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 575px) {
  .form-promo .form-promo__title {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
}

.form-promo .form-promo__privacy {
  margin-bottom: 20px;
}

.form-promo .form-promo__privacy a {
  text-decoration: none;
}

.form-promo .form-promo__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-promo .form-promo__footer .form-privacy-police:first-of-type {
  margin-top: 0;
}

@media (max-width: 575px) {
  .form-promo .form-promo__footer {
    align-items: flex-start;
  }
}

.form-promo .form-promo__submit {
  width: 100%;
  font-size: 22px;
  padding: 22px 53px;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .form-promo .form-promo__submit {
    font-size: 18px;
    padding: 15px 50px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .form-promo .form-promo__submit {
    font-size: 16px;
    padding: 12px 50px;
  }
}

.form-question {
  /* какие то костыли, если надо */
}

@media (min-width: 1024px) {
  .form-question {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

.form-question__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.form-question__container > * {
  margin-left: 12.5px;
  margin-right: 12.5px;
}

.form-question__col {
  width: calc(33.33333% - 25px);
  flex: 0 0 250px;
}

@media (max-width: 1024px) {
  .form-question__col {
    width: calc(100% - 25px);
  }
}

.form-question__col.-footer {
  flex: 1 1 auto;
}

.form-question__col-fullwidth {
  width: calc(100% - 25px);
}

.form-question .form-item textarea {
  height: 120px;
}

.form-question .form-question__img {
  display: none;
  font-size: 0;
  line-height: 0;
}

.form-question .form-question__head {
  text-align: center;
  margin-bottom: 15px;
}

.form-question .form-question__title {
  font-size: 1.5em;
  color: #000;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.form-question .form-question__privacy {
  margin-bottom: 20px;
}

.form-question .form-question__privacy a {
  text-decoration: none;
}

@media (min-width: 575px) {
  .form-question .form-question__title {
    font-size: 30px;
  }
  .form-question .form-question__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .form-question .form-question__submit {
    flex: 0 0 auto;
    min-width: 170px;
    padding: 0 15px;
  }
  .form-question .form-question__privacy {
    flex: 1 1 auto;
    padding: 0 15px;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .form-question .form-question__head {
    text-align: left;
  }
  .form-question .form-question__img {
    display: block;
    flex: 0 1 auto;
    max-width: 265px;
    min-width: 265px;
    margin-right: 35px;
  }
  .form-question .form-question__main {
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  .form-question .form-question__img img {
    margin-left: -50px;
  }
  .form-question .form-question__footer {
    flex-wrap: nowrap;
    margin: 0;
  }
  .form-question .form-question__submit {
    min-width: 140;
    padding: 0;
  }
  .form-question .form-question__privacy {
    padding: 0;
  }
}

.form-case {
  /* какие то костыли, если надо */
}

@media (min-width: 1024px) {
  .form-case {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

.form-case__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.form-case__container > * {
  margin-left: 12.5px;
  margin-right: 12.5px;
}

.form-case__col {
  width: calc(33.33333% - 25px);
  flex: 0 0 250px;
}

@media (max-width: 1024px) {
  .form-case__col {
    width: calc(100% - 25px);
  }
}

.form-case__col.-footer {
  flex: 1 1 auto;
}

.form-case__col-fullwidth {
  width: calc(100% - 25px);
}

.form-case .form-item textarea {
  height: 120px;
}

.form-case .form-case__img {
  display: none;
  font-size: 0;
  line-height: 0;
}

.form-case .form-case__head {
  text-align: center;
  margin-bottom: 15px;
}

.form-case .form-case__title {
  font-size: 1.5em;
  color: #000;
  font-weight: 500;
  margin: 0 0 15px 0;
}

.form-case .form-case__privacy {
  margin-bottom: 20px;
}

.form-case .form-case__privacy a {
  text-decoration: none;
}

@media (min-width: 575px) {
  .form-case .form-case__title {
    font-size: 30px;
  }
  .form-case .form-case__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .form-case .form-case__submit {
    flex: 0 0 auto;
    min-width: 170px;
    padding: 0 15px;
  }
  .form-case .form-case__privacy {
    flex: 1 1 auto;
    padding: 0 15px;
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .form-case .form-case__head {
    text-align: left;
  }
  .form-case .form-case__img {
    display: block;
    flex: 0 1 auto;
    max-width: 265px;
    min-width: 265px;
    margin-right: 35px;
  }
  .form-case .form-case__main {
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  .form-case .form-case__img img {
    margin-left: -50px;
  }
  .form-case .form-case__footer {
    flex-wrap: nowrap;
    margin: 0;
  }
  .form-case .form-case__submit {
    min-width: 140;
    padding: 0;
  }
  .form-case .form-case__privacy {
    padding: 0;
  }
}

.form-letter {
  background: #F4F4F3;
  border-radius: 10px;
  padding: 20px;
}

@media (min-width: 768px) {
  .form-letter {
    padding: 40px;
  }
}

.form-letter__head {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .form-letter__head {
    margin-bottom: 30px;
  }
}

.form-letter__title {
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: 300;
  color: #000;
  margin: 0 0 10px 0;
}

@media (min-width: 768px) {
  .form-letter__title {
    font-size: 30px;
  }
}

.form-letter__footer {
  text-align: center;
}

.form-letter__submit {
  min-width: 140px;
}

.form-letter__privacy {
  margin-bottom: 15px;
}

.form-letter__privacy a {
  text-decoration: none;
}

@media (min-width: 575px) {
  .form-letter__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .form-letter__privacy {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .form-letter__head {
    margin-bottom: 30px;
  }
  .form-letter__title {
    font-size: 30px;
  }
}

@media (min-width: 1024px) {
  .form-letter__footer {
    display: block;
  }
  .form-letter__privacy {
    margin-bottom: 20px;
  }
}

.form-consultation-landing {
  padding: 35px;
  border-radius: 24px;
  background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
}

.form-consultation-landing__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 35px;
  color: #FFFFFF;
}

.form-consultation-landing__inner {
  display: flex;
  gap: 20px;
  align-items: center;
}

.form-consultation-landing__submit {
  width: 100%;
  font-size: 22px;
  line-height: normal;
  padding: 17px 35px;
  margin-bottom: 15px;
  margin-top: 4px;
}

.form-consultation-landing .form-item input {
  padding: 19px 20px;
}

@media (max-width: 575px) {
  .form-consultation-landing .form-item input {
    padding: 12px 10px;
  }
}

.form-consultation-landing .form-privacy-police {
  width: 100%;
  margin-top: 8px;
}

.form-consultation-landing .form-privacy-police:first-of-type {
  margin-top: 0;
}

.form-consultation-landing .form-privacy-police p {
  line-height: 120%;
  font-weight: 400;
}

@media (max-width: 980px) {
  .form-consultation-landing {
    padding: 25px 20px;
  }
  .form-consultation-landing__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .form-consultation-landing .form-item {
    width: 100%;
  }
  .form-consultation-landing__submit {
    font-size: 18px;
    padding: 12px 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .form-consultation-landing {
    padding: 20px 10px;
    border-radius: 12px;
  }
  .form-consultation-landing__title {
    font-size: 18px;
  }
  .form-consultation-landing__inner {
    flex-direction: column;
    gap: 0px;
  }
  .form-consultation-landing__submit {
    font-size: 16px;
    margin-top: 10px;
  }
}

.form-online-meeting {
  margin-top: 16px;
}

@media (max-width: 575px) {
  .form-online-meeting {
    margin-top: 10px;
  }
}

.form-online-meeting__inner {
  width: 100%;
  border-radius: 24px;
  background: url(../images/form-online-meetings-bg-2.png) no-repeat right center, radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E 0%, #2F2E2E 100%), #2F2E2E;
  padding: 45px;
}

@media (max-width: 1100px) {
  .form-online-meeting__inner {
    background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E 0%, #2F2E2E 100%), #2F2E2E;
  }
}

@media (max-width: 575px) {
  .form-online-meeting__inner {
    border-radius: 12px;
    padding: 20px 10px;
  }
}

.form-online-meeting__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 50px 0;
  max-width: 53%;
}

@media (max-width: 1100px) {
  .form-online-meeting__title {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .form-online-meeting__title {
    font-size: 24px;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 575px) {
  .form-online-meeting__title {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
}

.form-online-meeting__body {
  max-width: 49%;
}

@media (max-width: 1100px) {
  .form-online-meeting__body {
    max-width: 100%;
  }
}

.form-online-meeting__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-online-meeting__footer .form-privacy-police:first-of-type {
  margin-top: 0;
}

@media (max-width: 575px) {
  .form-online-meeting__footer {
    align-items: flex-start;
  }
}

.form-online-meeting__submit {
  width: 100%;
  font-size: 22px;
  padding: 22px 53px;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .form-online-meeting__submit {
    font-size: 18px;
    padding: 15px 50px;
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .form-online-meeting__submit {
    font-size: 16px;
    padding: 12px 50px;
  }
}

.form-online-meeting .form-success {
  padding: 180px 20px;
}

@media (max-width: 1100px) {
  .form-online-meeting .form-success {
    padding: 100px 20px;
  }
}

.form-materials__container {
  display: flex;
  gap: 10px;
}

.form-materials__img {
  max-width: 460px;
  border-radius: 25px;
}

@media (max-width: 980px) {
  .form-materials__img {
    display: none;
  }
}

.form-materials__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}

.form-materials__main {
  border-radius: 25px;
  background: #1B1B1B;
  padding: 40px;
}

@media (max-width: 980px) {
  .form-materials__main {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .form-materials__main {
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .form-materials__main {
    padding: 20px 10px;
  }
}

.form-materials__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 116.5%;
  margin-bottom: 45px;
}

.form-materials__title .highlight {
  font-size: 30px;
}

@media (max-width: 768px) {
  .form-materials__title {
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 35px;
  }
  .form-materials__title .highlight {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .form-materials__title {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .form-materials__title .highlight {
    font-size: 18px;
  }
}

.form-materials__submit {
  margin-top: 30px;
}

@media (max-width: 768px) {
  .form-materials__submit {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 12px 20px;
  }
}

.form-materials__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.form-materials__privacy {
  margin-top: 26px;
  max-width: 60%;
}

@media (max-width: 768px) {
  .form-materials__privacy {
    max-width: 100%;
    margin-top: 10px;
  }
  .form-materials__privacy a {
    text-decoration: none;
  }
}

.form-materials .form-item.-auditChecklist {
  margin: 30px 0 10px 0;
}

.form-materials .form-item.-seoChecklist {
  margin: 0;
}

@media (max-width: 768px) {
  .form-materials .form-item.-auditChecklist {
    margin: 20px 0 8px 0;
  }
}

.form-blog__wrapper {
  width: 100%;
  border-radius: 30px;
  padding: 10px;
  background: #282828;
  border: none;
}

@media (max-width: 575px) {
  .form-blog__wrapper {
    border-radius: 20px;
  }
}

.form-blog__container {
  display: flex;
  gap: 10px;
}

.form-blog__img {
  min-width: 336px;
  border-radius: 25px;
}

@media (max-width: 980px) {
  .form-blog__img {
    display: none;
  }
}

.form-blog__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}

form[name="darvin_subscribe_with_name_order"] .form-blog__img img {
  object-position: 66%;
}

.form-blog__main {
  border-radius: 25px;
  background: #1B1B1B;
  padding: 40px;
}

@media (max-width: 980px) {
  .form-blog__main {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .form-blog__main {
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .form-blog__main {
    padding: 20px 10px;
    border-radius: 12px;
  }
}

.form-blog__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  text-wrap: balance;
  margin-bottom: 45px;
}

.form-blog__title .highlight {
  font-size: 30px;
}

@media (max-width: 768px) {
  .form-blog__title {
    font-size: 28px;
    margin-bottom: 35px;
  }
  .form-blog__title .highlight {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .form-blog__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .form-blog__title .highlight {
    font-size: 18px;
  }
}

.form-blog__submit {
  margin-top: 14px;
}

@media (max-width: 768px) {
  .form-blog__submit {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 12px 20px;
  }
}

.form-blog__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.form-blog__privacy {
  width: 100%;
  color: rgba(244, 244, 241, 0.5);
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 26px;
  text-align: center;
}

.form-blog__privacy a {
  display: block;
  color: rgba(46, 216, 118, 0.5);
}

@media (max-width: 768px) {
  .form-blog__privacy {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
    text-align: left;
  }
  .form-blog__privacy a {
    text-decoration: none;
  }
}

@media (max-width: 980px) {
  .form-blog._mail .form-blog__container {
    flex-direction: column;
  }
}

.form-blog._mail .form-blog__title {
  font-size: 40px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .form-blog._mail .form-blog__title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .form-blog._mail .form-blog__title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.form-blog._mail .form-blog__description {
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  margin-bottom: 45px;
  max-width: 96%;
}

.form-blog._mail .form-blog__description > span:first-child, .form-blog._mail .form-blog__description > .highlight-underline > span {
  opacity: .8;
}

.form-blog._mail .form-blog__description .highlight-underline::before {
  width: 102%;
  background: url("data:image/svg+xml,%3Csvg width='159' height='8' viewBox='0 0 159 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6C53.6657 4.76134 105.334 2 157 2' stroke='%232ED876' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") center/contain no-repeat;
}

@media (max-width: 768px) {
  .form-blog._mail .form-blog__description {
    max-width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
  }
}

@media (max-width: 575px) {
  .form-blog._mail .form-blog__description {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.form-blog._mail .form-blog__img {
  min-width: 44%;
}

@media (max-width: 980px) {
  .form-blog._mail .form-blog__img {
    display: block;
    overflow: hidden;
    min-width: 100%;
    max-height: 300px;
    border-radius: 20px;
  }
  .form-blog._mail .form-blog__img img {
    border-radius: 0px;
  }
}

@media (max-width: 575px) {
  .form-blog._mail .form-blog__img {
    max-height: 165px;
    border-radius: 12px;
  }
}

.form-blog._mail .form-blog__submit {
  margin-bottom: 10px;
  font-size: 22px;
  padding: 19px 45px;
}

@media (max-width: 980px) {
  .form-blog._mail .form-blog__submit {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .form-blog._mail .form-blog__submit {
    padding: 12px 20px;
  }
}

@media (max-width: 575px) {
  .form-blog._mail .form-blog__submit {
    margin-bottom: 0;
    font-size: 16px;
  }
}

.form-blog._mail .form-privacy-police {
  align-items: flex-start;
}

.form-blog._mail .form-privacy-police p {
  margin-top: -3px;
}

@media (max-width: 768px) {
  .form-blog._mail .form-privacy-police p {
    margin-top: 0px;
  }
}

.form-blog._mail .form-success {
  width: 100%;
}

.calculator_payback_investment_order_form,
.checklist_audit_self_order_form,
.checklist_required_elements_order_form,
.uae_catalogs_order_form,
.business_content_plans_order_form,
.get_list_rsya_places_order_form {
  padding: 0;
  max-width: 320px;
  border: 10px solid #323232;
  border-radius: 20px;
}

@media (min-width: 575px) {
  .calculator_payback_investment_order_form,
  .checklist_audit_self_order_form,
  .checklist_required_elements_order_form,
  .uae_catalogs_order_form,
  .business_content_plans_order_form,
  .get_list_rsya_places_order_form {
    max-width: 430px;
  }
}

@media (min-width: 768px) {
  .calculator_payback_investment_order_form,
  .checklist_audit_self_order_form,
  .checklist_required_elements_order_form,
  .uae_catalogs_order_form,
  .business_content_plans_order_form,
  .get_list_rsya_places_order_form {
    max-width: 952px;
    border-radius: 30px;
    padding: 10px;
    background: #323232;
    border: none;
  }
}

/*====================================================================================================================*/
/*                                                       functions                                                        */
/*====================================================================================================================*/
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/*====================================================================================================================*/
/*                                                       icons                                                        */
/*====================================================================================================================*/
.icon.icon-emoji-angry {
  background-size: 316% 207.69231%;
  background-image: url("../images/icons.png");
  background-position-x: 0%;
  background-position-y: 0%;
  font-size: 26px;
  height: 1em;
  width: 0.96154em;
}

.icon.icon-emoji-angry.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.48077em;
}

.icon.icon-emoji-angry.icon-center-x {
  left: 50%;
  margin-left: -0.48077em;
}

.icon.icon-emoji-angry.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-emoji-cry {
  background-size: 316% 207.69231%;
  background-image: url("../images/icons.png");
  background-position-x: 50%;
  background-position-y: 0%;
  font-size: 26px;
  height: 1em;
  width: 0.96154em;
}

.icon.icon-emoji-cry.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.48077em;
}

.icon.icon-emoji-cry.icon-center-x {
  left: 50%;
  margin-left: -0.48077em;
}

.icon.icon-emoji-cry.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-emoji-heart-eyes {
  background-size: 316% 207.69231%;
  background-image: url("../images/icons.png");
  background-position-x: 100%;
  background-position-y: 0%;
  font-size: 26px;
  height: 1em;
  width: 0.96154em;
}

.icon.icon-emoji-heart-eyes.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.48077em;
}

.icon.icon-emoji-heart-eyes.icon-center-x {
  left: 50%;
  margin-left: -0.48077em;
}

.icon.icon-emoji-heart-eyes.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-emoji-like {
  background-size: 316% 207.69231%;
  background-image: url("../images/icons.png");
  background-position-x: 0%;
  background-position-y: 100%;
  font-size: 26px;
  height: 1em;
  width: 0.96154em;
}

.icon.icon-emoji-like.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.48077em;
}

.icon.icon-emoji-like.icon-center-x {
  left: 50%;
  margin-left: -0.48077em;
}

.icon.icon-emoji-like.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-emoji-lol {
  background-size: 316% 207.69231%;
  background-image: url("../images/icons.png");
  background-position-x: 50%;
  background-position-y: 100%;
  font-size: 26px;
  height: 1em;
  width: 0.96154em;
}

.icon.icon-emoji-lol.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.48077em;
}

.icon.icon-emoji-lol.icon-center-x {
  left: 50%;
  margin-left: -0.48077em;
}

.icon.icon-emoji-lol.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-arrow-bottom {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-arrow-bottom.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-bottom.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-bottom.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-arrow-left {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-arrow-left.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-left.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-left.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-arrow-right {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-arrow-right.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-right.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-right.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-arrow-top {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-arrow-top.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-top.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-arrow-top.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-beontop {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-beontop.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-beontop.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-beontop.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-circle-right {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-circle-right.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-circle-right.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-circle-right.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-clock {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-clock.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-clock.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-clock.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-close {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-close.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-close.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-close.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-darvin {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-darvin.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-darvin.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-darvin.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-doc {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-doc.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-doc.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-doc.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-down {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-down.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-down.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-down.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-dropdown {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-dropdown.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-dropdown.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-dropdown.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-email {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-email.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-email.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-email.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-email-2 {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-email-2.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-email-2.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-email-2.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-email-3 {
  font-size: 40px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-email-3.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-email-3.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-email-3.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-facebook {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-facebook.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-facebook.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-facebook.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-filter {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-filter.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-filter.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-filter.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-flikr {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-flikr.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-flikr.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-flikr.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-gear {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-gear.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-gear.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-gear.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-google {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-google.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-google.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-google.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-instagram {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-instagram.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-instagram.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-instagram.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-left {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-left.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-left.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-left.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-link {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-link.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-link.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-link.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-link-2 {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-link-2.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-link-2.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-link-2.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-linkedin {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-linkedin.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-linkedin.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-linkedin.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-location {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-location.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-location.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-location.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-location-2 {
  font-size: 15px;
  height: 1em;
  width: 0.8em;
}

.icon.icon-svg-location-2.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.4em;
}

.icon.icon-svg-location-2.icon-center-x {
  left: 50%;
  margin-left: -0.4em;
}

.icon.icon-svg-location-2.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-mailru {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-mailru.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-mailru.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-mailru.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-odnoklasniki {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-odnoklasniki.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-odnoklasniki.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-odnoklasniki.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-phone {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-phone.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-phone.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-phone.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-pinterest {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-pinterest.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-pinterest.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-pinterest.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-print {
  font-size: 475.077px;
  height: 1em;
  width: 1.0em;
}

.icon.icon-svg-print.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-print.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-print.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-question {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-question.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-question.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-question.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-require {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-require.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-require.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-require.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-right {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-right.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-right.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-right.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-ruble {
  font-size: 17px;
  height: 1em;
  width: 0.88235em;
}

.icon.icon-svg-ruble.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.44118em;
}

.icon.icon-svg-ruble.icon-center-x {
  left: 50%;
  margin-left: -0.44118em;
}

.icon.icon-svg-ruble.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-scale {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-scale.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-scale.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-scale.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-search {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-search.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-search.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-search.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-stream {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-stream.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-stream.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-stream.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-success {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-success.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-success.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-success.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-target {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-target.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-target.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-target.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-telegram {
  font-size: 32px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-telegram.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-telegram.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-telegram.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-up {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-up.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-up.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-up.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-user {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-user.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-user.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-user.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon.icon-svg-user-location {
  font-size: 1024px;
  height: 1em;
  width: 1em;
}

.icon.icon-svg-user-location.icon-center {
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}

.icon.icon-svg-user-location.icon-center-x {
  left: 50%;
  margin-left: -0.5em;
}

.icon.icon-svg-user-location.icon-center-y {
  top: 50%;
  margin-top: -0.5em;
}

.icon {
  display: inline-block;
  line-height: 0;
  padding: 0;
  color: inherit;
  fill: currentColor;
  stroke: none;
  font-size: 1em;
  width: 1em;
  height: 1em;
}

.icon.drop-shadow {
  filter: drop-shadow(0 0 0.5em);
}

/*====================================================================================================================*/
/*                                                       helpers                                                        */
/*====================================================================================================================*/
.h-hidden {
  display: none !important;
}

@media (min-width: 414px) {
  .h-hidden-xxs-up {
    display: none !important;
  }
}

@media (max-width: 413px) {
  .h-hidden-xxs-down {
    display: none !important;
  }
}

@media (min-width: 575px) {
  .h-hidden-xs-up {
    display: none !important;
  }
}

@media (max-width: 574px) {
  .h-hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .h-hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .h-hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 980px) {
  .h-hidden-mobile-up {
    display: none !important;
  }
}

@media (max-width: 979px) {
  .h-hidden-mobile-down {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .h-hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .h-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .h-hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .h-hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1310px) {
  .h-hidden-xl-up {
    display: none !important;
  }
}

@media (max-width: 1309px) {
  .h-hidden-xl-down {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .h-hidden-xxl-up {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .h-hidden-xxl-down {
    display: none !important;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  visibility: hidden;
}

.h-flex-row {
  flex-direction: row !important;
}

.h-flex-column {
  flex-direction: column !important;
}

.h-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.h-flex-column-reverse {
  flex-direction: column-reverse !important;
}

.h-flex-justify-start {
  justify-content: flex-start !important;
}

.h-flex-justify-end {
  justify-content: flex-end !important;
}

.h-flex-justify-center {
  justify-content: center !important;
}

.h-flex-justify-between {
  justify-content: space-between !important;
}

.h-flex-justify-around {
  justify-content: space-around !important;
}

.h-flex-items-start {
  align-items: flex-start !important;
}

.h-flex-items-end {
  align-items: flex-end !important;
}

.h-flex-items-center {
  align-items: center !important;
}

.h-flex-items-baseline {
  align-items: baseline !important;
}

.h-flex-items-stretch {
  align-items: stretch !important;
}

.h-flex-content-start {
  align-content: flex-start !important;
}

.h-flex-content-end {
  align-content: flex-end !important;
}

.h-flex-content-center {
  align-content: center !important;
}

.h-flex-content-between {
  align-content: space-between !important;
}

.h-flex-content-around {
  align-content: space-around !important;
}

.h-flex-content-stretch {
  align-content: stretch !important;
}

.h-flex-self-auto {
  align-self: auto !important;
}

.h-flex-self-start {
  align-self: flex-start !important;
}

.h-flex-self-end {
  align-self: flex-end !important;
}

.h-flex-self-center {
  align-self: center !important;
}

.h-flex-self-baseline {
  align-self: baseline !important;
}

.h-flex-self-stretch {
  align-self: stretch !important;
}

.h-font-light {
  font-weight: 300;
}

.h-font-regular {
  font-weight: 400;
}

.h-font-medium {
  font-weight: 500;
}

.h-font-semibold {
  font-weight: 600;
}

.h-font-bold {
  font-weight: 700;
}

.clear::after,
.clear-fix::after,
.h-clear::after {
  content: '';
  display: table;
  clear: both;
}

.h-pull-right {
  float: right;
}

.h-pull-left {
  float: left;
}

.h-no-margin {
  margin: 0;
}

.h-rounded {
  border-radius: 50%;
}

.h-no-border {
  border: none;
}

.h-justify {
  width: 100%;
}

.h-text-center {
  text-align: center;
}

.h-vertical-middle {
  vertical-align: middle;
}

.h-vertical-top {
  vertical-align: top;
}

.h-vertical-bottom {
  vertical-align: top;
}

/*====================================================================================================================*/
/*                                                       PRINT                                                        */
/*====================================================================================================================*/
@media print {
  * {
    color: #000 !important;
  }
  .no-print,
  .header,
  .footer,
  .breadcrumbs,
  .pagination,
  .l-page-header,
  .l-page-sidebar,
  .icon,
  form,
  input,
  button {
    display: none !important;
    visibility: hidden !important;
  }
  /*********************** jivosite  ***********************/
  jdiv,
  .jivo_shadow,
  .globalClass_ET,
  #jivo-iframe-container,
  .jivo-iframe-container-bottomm #jivo-mouse-tracker,
  #jivo-mouse-tracker {
    display: none !important;
    visibility: hidden !important;
  }
  #jivo-iframe-container {
    visibility: hidden !important;
  }
  #jivo_container {
    visibility: hidden !important;
  }
  [class^="jivo"] {
    display: none !important;
    visibility: hidden !important;
  }
  [id^="jivo"] {
    display: none !important;
    visibility: hidden !important;
  }
}

/*====================================================================================================================*/
/*                                                      RTL Fix                                                       */
/*====================================================================================================================*/
/*
 @import "rtl";
 */
.toolbar {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 50%;
  margin-top: -120px;
  padding: 20px 0;
  width: 73px;
  background: #242830;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0px 10px 10px 0px;
}

.toolbar__btn-edit, .toolbar__btn-cache, .toolbar__btn-admin {
  display: block;
  margin-top: 20px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  padding: 25px 10px 0;
}

.toolbar__btn-edit:first-child, .toolbar__btn-cache:first-child, .toolbar__btn-admin:first-child {
  margin-top: 0;
}

.toolbar__btn-edit:hover, .toolbar__btn-cache:hover, .toolbar__btn-admin:hover {
  color: #49B2F6;
}

.toolbar__btn-edit {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.36411 11.9272H5.1034V8.4583L13.4675 0L17 3.49782L8.36411 11.9272ZM0 15.3094V17H17V15.3094H0Z' fill='%23778DA6'/%3E%3C/svg%3E%0A") center top no-repeat;
}

.toolbar__btn-edit:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.36411 11.9272H5.1034V8.4583L13.4675 0L17 3.49782L8.36411 11.9272ZM0 15.3094V17H17V15.3094H0Z' fill='%2349B2F6'/%3E%3C/svg%3E%0A");
}

.toolbar__btn-cache {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2C12.3936 2 14.4465 3.0787 15.8069 5H12V7H19V0H17V3.27035C15.2749 1.18251 12.8042 0 10 0C4.47715 0 0 4.47715 0 10H2C2 5.58172 5.58172 2 10 2ZM10 18C7.60638 18 5.55354 16.9213 4.19306 15H8V13H1V20H3V16.7297C4.72511 18.8175 7.19577 20 10 20C15.5228 20 20 15.5228 20 10H18C18 14.4183 14.4183 18 10 18Z' fill='%23778DA6'/%3E%3C/svg%3E%0A") center top no-repeat;
}

.toolbar__btn-cache:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2C12.3936 2 14.4465 3.0787 15.8069 5H12V7H19V0H17V3.27035C15.2749 1.18251 12.8042 0 10 0C4.47715 0 0 4.47715 0 10H2C2 5.58172 5.58172 2 10 2ZM10 18C7.60638 18 5.55354 16.9213 4.19306 15H8V13H1V20H3V16.7297C4.72511 18.8175 7.19577 20 10 20C15.5228 20 20 15.5228 20 10H18C18 14.4183 14.4183 18 10 18Z' fill='%2349B2F6'/%3E%3C/svg%3E%0A");
}

.toolbar__btn-admin {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7071 14.2929L9.41421 11L20 11L20 9L9.41421 9L12.7071 5.70711L11.2929 4.29289L5.58579 10L11.2929 15.7071L12.7071 14.2929ZM2 20L6 20L6 18L2 18L2 2L6 2L6 -6.11959e-07L2 -7.86805e-07C0.89543 -8.35087e-07 -3.91405e-08 0.89543 -8.74228e-08 2L-7.86805e-07 18C-8.35087e-07 19.1046 0.895429 20 2 20Z' fill='%23778DA6'/%3E%3C/svg%3E%0A") center top no-repeat;
}

.toolbar__btn-admin:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7071 14.2929L9.41421 11L20 11L20 9L9.41421 9L12.7071 5.70711L11.2929 4.29289L5.58579 10L11.2929 15.7071L12.7071 14.2929ZM2 20L6 20L6 18L2 18L2 2L6 2L6 -6.11959e-07L2 -7.86805e-07C0.89543 -8.35087e-07 -3.91405e-08 0.89543 -8.74228e-08 2L-7.86805e-07 18C-8.35087e-07 19.1046 0.895429 20 2 20Z' fill='%2349B2F6'/%3E%3C/svg%3E%0A");
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
.services-menu {
  margin-bottom: 185px;
}

@media (max-width: 980px) {
  .services-menu {
    margin-bottom: 105px;
  }
}

.main-menu {
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  width: 100%;
}

.main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template: repeat(2, 1fr)/24% 15% 24% 16% 16%;
  gap: 15px;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .main-menu ul {
    grid-template: repeat(3, 1fr)/repeat(3, 1fr);
  }
}

@media (max-width: 980px) {
  .main-menu ul {
    grid-template: auto/repeat(2, 1fr);
    gap: 10px;
  }
}

.main-menu ul li {
  margin: 0;
  position: relative;
  background-color: #282828;
  border-radius: 24px;
  padding: 24px;
  transition: all 0.3s ease;
}

@media (max-width: 980px) {
  .main-menu ul li {
    padding: 20px 10px;
  }
}

@media (max-width: 575px) {
  .main-menu ul li {
    border-radius: 12px;
  }
}

.main-menu ul li.-complex {
  background-color: #2ED876;
}

.main-menu ul li.-complex:hover {
  background-color: #33F297;
}

.main-menu ul li.-complex > a, .main-menu ul li.-complex > span {
  color: #212121 !important;
}

.main-menu ul li > a, .main-menu ul li > span {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease;
}

.main-menu ul li > a > span:first-child, .main-menu ul li > span > span:first-child {
  max-width: 50%;
}

@media (max-width: 980px) {
  .main-menu ul li > a > span:first-child, .main-menu ul li > span > span:first-child {
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.main-menu ul li > a .--child-services, .main-menu ul li > span .--child-services {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  opacity: .5;
}

@media (max-width: 980px) {
  .main-menu ul li > a .--child-services, .main-menu ul li > span .--child-services {
    margin-top: 0;
  }
}

.main-menu ul li > a:hover, .main-menu ul li > span:hover {
  text-decoration: none;
}

.main-menu ul li > a svg {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: auto;
}

.main-menu ul li:nth-child(1) > a > span:first-child, .main-menu ul li:nth-child(2) > a > span:first-child, .main-menu ul li:nth-child(3) > a > span:first-child {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(1), .main-menu ul li:nth-child(2), .main-menu ul li:nth-child(3) {
    grid-area: auto / 1 / auto / 3 !important;
  }
}

.main-menu ul li:nth-child(1) {
  grid-area: 1 / 1 / 3 / 2;
}

@media (max-width: 1200px) {
  .main-menu ul li:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(1) {
    order: 1;
  }
}

.main-menu ul li:nth-child(2) {
  grid-area: 1 / 2 / 3 / 3;
}

@media (max-width: 1200px) {
  .main-menu ul li:nth-child(2) {
    grid-area: 1 / 2 / 3 / 3;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(2) {
    order: 4;
  }
}

.main-menu ul li:nth-child(3) {
  grid-area: 1 / 3 / 3 / 4;
}

@media (max-width: 1200px) {
  .main-menu ul li:nth-child(3) {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(3) {
    order: 5;
  }
}

.main-menu ul li:nth-child(n+4) > a, .main-menu ul li:nth-child(n+4) > span {
  max-width: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1200px) {
  .main-menu ul li:nth-child(n+4) > a, .main-menu ul li:nth-child(n+4) > span {
    flex-direction: column;
    align-items: flex-start;
  }
}

.main-menu ul li:nth-child(n+4) > a > span:first-child, .main-menu ul li:nth-child(n+4) > span > span:first-child {
  max-width: 100%;
}

.main-menu ul li:nth-child(n+4) > a .--child-services, .main-menu ul li:nth-child(n+4) > span .--child-services {
  font-weight: 400;
  font-family: SA Long Beach, sans-serif;
  opacity: 1;
  display: inline-block;
  color: #2ED876;
  transform: rotate(-6deg);
  position: relative;
  top: -4px;
  left: 4px;
}

.main-menu ul li:nth-child(n+4) > a svg {
  margin: auto 0;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .main-menu ul li:nth-child(n+4) > a svg {
    position: static;
    margin: auto 0 0 0;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(4n+2), .main-menu ul li:nth-child(2n+7) {
    grid-area: auto;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(4) {
    order: 2;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(5) {
    order: 3;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(6) {
    order: 6;
  }
}

@media (max-width: 980px) {
  .main-menu ul li:nth-child(7) {
    order: 7;
  }
}

.main-menu ul li:hover {
  background-color: #2ED876;
}

.main-menu ul li:hover a, .main-menu ul li:hover span {
  color: #212121 !important;
}

.main-menu ul li:hover .main-menu__icon {
  filter: invert(1) brightness(0);
}

.main-menu__icon {
  position: absolute;
  top: 14px;
  height: 64px;
  right: 30%;
  transition: all 0.3s ease;
}

@media (max-width: 980px) {
  .main-menu__icon {
    top: 10%;
    right: 5%;
  }
}

.main-menu__icon img {
  display: block;
  flex: 0 0 auto;
  max-height: 64px;
  max-width: 64px;
}

.main-menu-header {
  z-index: 50;
  /**
	 *  Стили для десктопа
	 */
}

@media (min-width: 980px) {
  .main-menu-header {
    text-align: left;
    color: #fff;
    font-size: 15px;
    line-height: 120%;
    font-weight: 600;
    width: 100%;
  }
  .main-menu-header [data-menu-mobile--switcher-btn] {
    display: none;
  }
  .main-menu-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-menu-header > ul {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
  }
  .main-menu-header > ul > li {
    transition: color 0.3s;
    position: relative;
    display: flex;
    align-items: center;
  }
  .main-menu-header > ul > li.-has-dropdown {
    position: relative;
  }
  .main-menu-header > ul > li.-has-dropdown:nth-child(n+3):hover > div {
    left: auto;
    right: 0;
  }
  .main-menu-header > ul > li.-has-dropdown:nth-child(n+3) > div div {
    left: auto;
    right: calc(100% + 5px);
  }
  .main-menu-header > ul > li > a,
  .main-menu-header > ul > li > span {
    padding: 22px;
    display: flex;
    align-items: center;
  }
  .main-menu-header > ul > li > a > span,
  .main-menu-header > ul > li > span > span {
    display: block;
    color: #2ED876;
  }
  .main-menu-header > ul > li > a > span:after,
  .main-menu-header > ul > li > span > span:after {
    display: none !important;
  }
  .main-menu-header li {
    margin: 0;
    position: relative;
  }
  .main-menu-header li.-has-dropdown:hover > div {
    display: block;
  }
  .main-menu-header li.-hidden {
    display: none;
  }
  .main-menu-header li.is-active > a,
  .main-menu-header li.is-active > span, .main-menu-header li:hover > a,
  .main-menu-header li:hover > span {
    color: #2ED876;
  }
  .main-menu-header li.is-active > a > span,
  .main-menu-header li.is-active > span > span, .main-menu-header li:hover > a > span,
  .main-menu-header li:hover > span > span {
    color: #2ED876;
  }
  .main-menu-header li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .main-menu-header li:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .main-menu-header li.-extraBar {
    border-radius: 0 !important;
  }
  .main-menu-header li.-extraBar div {
    left: auto;
    right: 0;
  }
  .main-menu-header li.-extraBar div ul {
    overflow: hidden;
  }
  .main-menu-header li.-extraBar div li.-has-dropdown:before {
    display: none;
  }
  .main-menu-header li.-extraBar div li.-has-dropdown > a > span:after,
  .main-menu-header li.-extraBar div li.-has-dropdown > span > span:after {
    display: none !important;
  }
  .main-menu-header li.-extraBar div li.-has-dropdown div {
    display: none;
  }
  .main-menu-header li.-extraBar div li.-has-dropdown div li.-has-dropdown:before {
    display: none;
  }
  .main-menu-header li.-extraBar div li.-has-dropdown div div {
    display: none;
  }
  .main-menu-header li.-extraBar > button {
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 22px 17px;
    border: none;
    background: url(../images/icons/menu.svg) center center no-repeat;
    background-size: cover;
    font-size: 0;
    transition: all 0.3s ease;
    filter: invert(100%);
    cursor: pointer;
  }
  .main-menu-header li.-extraBar:hover > button {
    filter: invert(100%) brightness(0) invert(60%) sepia(95%) saturate(1509%) hue-rotate(110deg) brightness(94%) contrast(80%);
  }
  .main-menu-header a,
  .main-menu-header span {
    display: block;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    white-space: nowrap;
    color: currentColor;
  }
  .main-menu-header a > span,
  .main-menu-header span > span {
    display: block;
    padding: 0 !important;
  }
  .main-menu-header div {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    min-width: 340px;
    padding-top: 15px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    animation: menu-dropdown 0.4s ease-out;
  }
  .main-menu-header div div {
    left: calc(100% + 5px);
    top: 0;
    padding-top: 0;
  }
  .main-menu-header div > ul > li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    background: transparent;
    width: 5px;
  }
  .main-menu-header div ul {
    background: #282828;
    border-radius: 10px 10px;
  }
  .main-menu-header div li {
    margin-bottom: -1px;
  }
  .main-menu-header div li:last-child a::after,
  .main-menu-header div li:last-child span::after {
    display: none;
  }
  .main-menu-header div li.-has-dropdown:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/icons/arrow-dropdown.svg) center no-repeat;
    height: 100%;
    width: 50px;
    display: inline-block;
    transform: rotate(-90deg);
    height: 100%;
  }
  .main-menu-header div li.-has-dropdown a, .main-menu-header div li.-has-dropdown span {
    padding-right: 50px;
  }
  .main-menu-header div li.is-active, .main-menu-header div li:hover {
    background: #282828;
    color: #33F297;
  }
  .main-menu-header div a, .main-menu-header div span {
    white-space: normal;
    padding: 14px 25px 15px 25px;
  }
  .main-menu-header div a::after, .main-menu-header div span::after {
    content: '';
    display: block;
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 0;
    height: 1px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
  }
  .main-menu-header__icon {
    margin-right: 7px;
    max-height: 18px;
    max-width: 18px;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
.btn, .menu-mobile__btns button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .menu-mobile__btns button:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .menu-mobile__btns button:hover {
    background: #33F297;
  }
}

.btn:focus, .menu-mobile__btns button:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .menu-mobile__btns button:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .menu-mobile__btns button:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .menu-mobile__btns button.is-disabled, .btn[disabled], .menu-mobile__btns button[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .menu-mobile__btns button.is-error {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .menu-mobile__btns button.is-loading {
  cursor: progress;
}

.is-loading.btn::after, .menu-mobile__btns button.is-loading::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.menu-top {
  text-align: left;
  font-size: 15px;
  line-height: 15px;
  color: #FFFFFF;
  font-weight: 400;
  max-width: 100%;
  width: 100%;
  /**
     *  Стили для десктопа
     */
  /**
     *  Стили для адатпива
     */
}

@media (min-width: 980px) {
  .menu-top [data-menu-mobile--switcher-btn] {
    display: none;
  }
  .menu-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 11;
    position: relative;
  }
  .menu-top > ul {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
  }
  .menu-top > ul > li {
    flex: 0 0 auto;
    padding: 19px 20px;
  }
  .menu-top > ul > li > a,
  .menu-top > ul > li > span {
    white-space: nowrap;
  }
  .menu-top > ul > li:nth-last-child(1 of li:not(.-extraBar)) {
    padding-right: 0;
  }
  .menu-top > ul > li:first-of-type {
    padding-left: 0;
  }
  .menu-top li {
    margin: 0;
  }
  .menu-top li.-has-dropdown {
    position: relative;
  }
  .menu-top li.-has-dropdown:hover div {
    display: block;
  }
  .menu-top li.-has-dropdown:hover > a:after, .menu-top li.-has-dropdown:hover > span:after {
    transform: rotate(180deg);
    background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31301 3.14645C1.50827 2.95118 1.82486 2.95118 2.02012 3.14645L4.16656 5.29289L6.31301 3.14645C6.50827 2.95118 6.82486 2.95118 7.02012 3.14645C7.21538 3.34171 7.21538 3.65829 7.02012 3.85355L4.16656 6.70711L1.31301 3.85355C1.11775 3.65829 1.11775 3.34171 1.31301 3.14645Z' fill='%2333F297'/%3E%3C/svg%3E%0A") center no-repeat;
  }
  .menu-top li.-has-dropdown.is-active > a:after, .menu-top li.-has-dropdown.is-active > span:after {
    background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31301 3.14645C1.50827 2.95118 1.82486 2.95118 2.02012 3.14645L4.16656 5.29289L6.31301 3.14645C6.50827 2.95118 6.82486 2.95118 7.02012 3.14645C7.21538 3.34171 7.21538 3.65829 7.02012 3.85355L4.16656 6.70711L1.31301 3.85355C1.11775 3.65829 1.11775 3.34171 1.31301 3.14645Z' fill='%2333F297'/%3E%3C/svg%3E%0A") center no-repeat;
  }
  .menu-top li.-has-dropdown > a, .menu-top li.-has-dropdown > span {
    display: flex;
    align-items: center;
  }
  .menu-top li.-has-dropdown > a:after, .menu-top li.-has-dropdown > span:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.31301 3.14645C1.50827 2.95118 1.82486 2.95118 2.02012 3.14645L4.16656 5.29289L6.31301 3.14645C6.50827 2.95118 6.82486 2.95118 7.02012 3.14645C7.21538 3.34171 7.21538 3.65829 7.02012 3.85355L4.16656 6.70711L1.31301 3.85355C1.11775 3.65829 1.11775 3.34171 1.31301 3.14645Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 4px;
    transform: rotate(0deg);
    transition: all 0.3s ease;
  }
  .menu-top li.-hidden {
    display: none;
  }
  .menu-top li.is-active > a,
  .menu-top li:hover > a,
  .menu-top li.is-active > span,
  .menu-top li:hover > span {
    color: #33F297;
  }
  .menu-top li.-extraBar {
    padding: 15px 0 15px 20px;
  }
  .menu-top li.-extraBar div {
    left: auto;
    right: 0;
  }
  .menu-top li.-extraBar div li.-has-dropdown div {
    display: none;
  }
  .menu-top li.-extraBar div li.-has-dropdown > a:after,
  .menu-top li.-extraBar div li.-has-dropdown > span:after {
    display: none;
  }
  .menu-top li.-extraBar > button {
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    background: url(../images/icons/menu.svg) center center no-repeat;
    font-size: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    filter: invert(100%);
  }
  .menu-top li.-extraBar:hover > button {
    filter: invert(100%) brightness(0) invert(60%) sepia(95%) saturate(1509%) hue-rotate(110deg) brightness(94%) contrast(80%);
  }
  .menu-top a,
  .menu-top span {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 18px;
    transition: all 0.3s ease;
    cursor: pointer;
    color: currentColor;
  }
  .menu-top div {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    background: #282828;
    width: 100%;
    min-width: 220px;
    border-radius: 10px;
    overflow: hidden;
    animation: menu-dropdown 0.4s ease-out;
    color: #FFFFFF;
  }
  .menu-top div ul {
    padding: 10px 20px;
  }
  .menu-top div li {
    padding: 0;
  }
  .menu-top div li:last-child a::after,
  .menu-top div li:last-child span::after {
    display: none;
  }
  .menu-top div li.is-active > a,
  .menu-top div li:hover > a,
  .menu-top div li.is-active > span,
  .menu-top div li:hover > span {
    background: #282828;
    color: #33F297;
  }
  .menu-top div li.is-active > a a::after,
  .menu-top div li:hover > a a::after,
  .menu-top div li.is-active > span a::after,
  .menu-top div li:hover > span a::after {
    display: none;
  }
  .menu-top div a, .menu-top div span {
    display: block;
    padding: 10px 0;
  }
  .menu-top div a::after, .menu-top div span::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
  }
}

@media (max-width: 980px) {
  .menu-top [data-menu-mobile--switcher-btn] {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0;
    z-index: 250;
    padding: 0;
    border: none;
    font-size: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    background: none;
    margin-left: 20px;
  }
  .menu-top [data-menu-mobile--switcher-btn] span {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 27px;
    height: 3px;
    margin: -2px 0 0 0;
    background: #FFF;
    border: none;
    border-radius: 2px;
  }
  .menu-top [data-menu-mobile--switcher-btn] span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 27px;
    height: 3px;
    margin: -8px 0 0 0;
    background: #FFF;
    transition: .2s;
    border-radius: 2px;
  }
  .menu-top [data-menu-mobile--switcher-btn] span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 27px;
    height: 3px;
    margin: 8px 0 0 0;
    background: #FFF;
    transition: .2s;
    border-radius: 2px;
  }
  .menu-top [data-menu-mobile--switcher-btn].clicked span {
    background-color: transparent !important;
  }
  .menu-top [data-menu-mobile--switcher-btn].clicked span:before {
    transform: rotate(45deg) translate(5px, 5px);
    width: 24px;
  }
  .menu-top [data-menu-mobile--switcher-btn].clicked span:after {
    transform: rotate(-45deg) translate(6.5px, -6.5px);
    width: 24px;
  }
  .menu-top ul {
    display: none;
  }
}

.menu-mobile {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: #1B1B1B;
  box-sizing: border-box;
  overflow: auto;
  /* animations */
}

.menu-mobile.is-closed {
  display: none;
}

.menu-mobile__header {
  position: relative;
  display: block;
  width: 100%;
  height: calc( 60px + 15px );
  padding-bottom: 15px;
}

.menu-mobile__title {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 9px 10px 10px 10px;
}

.menu-mobile__title .header__lang {
  flex: 0 0 auto;
  margin-left: 20px;
}

.menu-mobile__title .header__lang .header__lang-link {
  display: block;
  font-size: 0;
  line-height: 0;
}

.menu-mobile__title-logo {
  display: block;
  flex: 0 1 145px;
  max-width: 145px;
  width: 145px;
  height: 38px;
  margin-right: auto;
  font-size: 0;
  line-height: 0;
  color: #fff;
  background: url(../images/logo_darvin-digital.svg) no-repeat center/cover;
}

.menu-mobile__title-btn {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  transition: all .25s ease;
  margin-right: 15px;
}

.menu-mobile__title-btn i {
  left: 0;
}

.menu-mobile__title-btn[data-node='0'] {
  width: 0;
  margin-right: 0;
}

.menu-mobile__title-btn[data-node='0'] i {
  display: none;
}

.menu-mobile__close-btn {
  position: relative;
  display: block;
  width: 27px;
  height: 60px;
  background: none;
  border: none;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 20px;
  padding: 0;
}

.menu-mobile__close-btn span {
  position: relative;
  display: block;
  width: 27px;
  height: 3px;
  margin: 0;
  background: none;
  border: none;
  pointer-events: none;
  border-radius: 2px;
}

.menu-mobile__close-btn span:before, .menu-mobile__close-btn span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 27px;
  height: 3px;
  margin: 0;
  transform: rotate(45deg);
  background: #FFFFFF;
  transition: .2s;
  border-radius: 2px;
}

.menu-mobile__close-btn span:before {
  transform: rotate(45deg);
}

.menu-mobile__close-btn span:after {
  transform: rotate(-45deg);
}

.menu-mobile__list {
  display: block;
  padding: 0 10px 0;
  list-style: none;
  height: auto;
  overflow-y: auto;
  margin: 0 0 40px;
}

.menu-mobile__item {
  display: block;
  position: relative;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-mobile__item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-mobile__item-name {
  position: relative;
  display: block;
  padding: 11px 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 600;
  line-height: 120%;
}

.menu-mobile__item-name.-nolink {
  pointer-events: none;
}

.menu-mobile__item-btn {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  pointer-events: none;
}

.menu-mobile__item-btn.hasChild {
  width: 100%;
  pointer-events: auto;
}

.menu-mobile__item-btn.hasChild .menu-mobile__icon-arrow-left {
  display: block;
  pointer-events: none;
}

.menu-mobile__item.mobile-menu-btn {
  border-bottom: none;
  padding: 11px 21px 13px;
}

.menu-mobile__contacts {
  display: none;
}

.menu-mobile__contacts.is-initialized {
  display: flex;
  flex-direction: column;
}

.menu-mobile__contacts a {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  text-decoration: none;
}

.menu-mobile__body {
  padding: 0 10px;
  margin-bottom: 40px;
}

.menu-mobile__btns {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu-mobile__btns button {
  padding: 14px 45px;
  font-size: 14px;
  font-weight: 700;
}

.menu-mobile__btns button.btn-material {
  background-color: #FEDC42;
}

.menu-mobile__icon {
  display: block;
}

.menu-mobile__icon-arrow-left, .menu-mobile__icon-arrow-right {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #FFFFFF;
}

.menu-mobile__icon-arrow-left svg, .menu-mobile__icon-arrow-right svg {
  width: 100%;
  height: 100%;
}

.menu-mobile__icon-arrow-left {
  display: none;
  right: 0px;
}

.menu-mobile__icon-arrow-right {
  display: none;
  left: 0px;
  transform: rotate(-180deg);
}

.menu-mobile__icon-more {
  width: 4px;
  height: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background: #FFFFFF;
}

.menu-mobile__icon-more:before, .menu-mobile__icon-more:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background: #FFFFFF;
}

.menu-mobile__icon-more:before {
  top: -7px;
}

.menu-mobile__icon-more:after {
  bottom: -7px;
}

.menu-mobile-toggle-enter-active {
  animation: menu-mobile-open 0.5s;
}

.menu-mobile-toggle-leave-active {
  animation: menu-mobile-close 0.3s;
}

.menu-mobile-header-toggle-enter, .menu-mobile-header-toggle-leave {
  opacity: 0;
}

.menu-mobile-header-toggle-enter-active, .menu-mobile-header-toggle-leave-active {
  transition: opacity .5s .2s;
}

.menu-mobile-item-show-enter {
  opacity: 0;
}

.menu-mobile-item-show-enter-active {
  opacity: 0;
  animation: menu-mobile-item-show 0.35s ease-out;
}

.menu-mobile-item-show-enter-active:nth-child(0) {
  animation-delay: 0.2s;
}

.menu-mobile-item-show-enter-active:nth-child(1) {
  animation-delay: 0.25s;
}

.menu-mobile-item-show-enter-active:nth-child(2) {
  animation-delay: 0.3s;
}

.menu-mobile-item-show-enter-active:nth-child(3) {
  animation-delay: 0.35s;
}

.menu-mobile-item-show-enter-active:nth-child(4) {
  animation-delay: 0.4s;
}

.menu-mobile-item-show-enter-active:nth-child(5) {
  animation-delay: 0.45s;
}

.menu-mobile-item-show-enter-active:nth-child(6) {
  animation-delay: 0.5s;
}

.menu-mobile-item-show-enter-active:nth-child(7) {
  animation-delay: 0.55s;
}

.menu-mobile-item-show-enter-active:nth-child(8) {
  animation-delay: 0.6s;
}

.menu-mobile-item-show-enter-active:nth-child(9) {
  animation-delay: 0.65s;
}

.menu-mobile-item-show-enter-active:nth-child(10) {
  animation-delay: 0.7s;
}

.menu-mobile-item-show-enter-active:nth-child(11) {
  animation-delay: 0.75s;
}

.menu-mobile-item-show-enter-active:nth-child(12) {
  animation-delay: 0.8s;
}

.menu-mobile-item-show-enter-active:nth-child(13) {
  animation-delay: 0.85s;
}

.menu-mobile-item-show-enter-active:nth-child(14) {
  animation-delay: 0.9s;
}

.menu-mobile-item-show-enter-active:nth-child(15) {
  animation-delay: 0.95s;
}

.menu-mobile-item-show-leave {
  opacity: 0;
}

.menu-mobile-item-show-leave-active {
  display: none;
  transition: opacity 0.1s ease-out;
  animation-delay: 0s !important;
}

.__menu-is-open.__not-root .menu-mobile__body {
  display: none;
}

.__menu-is-open.__not-root .menu-mobile__icon-arrow-right {
  display: block;
}

.__menu-is-open.__not-root .menu-mobile__list {
  padding: 0 10px 0;
}

@keyframes menu-mobile-open {
  0% {
    transform: scaleY(0);
    height: 0;
    opacity: 0;
    transform-origin: center top;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    height: auto;
    opacity: 1;
    transform-origin: center top;
  }
}

@keyframes menu-mobile-close {
  0% {
    top: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    top: -100vh;
  }
}

@keyframes menu-mobile-item-show {
  0% {
    transform: scale(1.1) translateY(-24px);
    opacity: 0;
    transform-origin: center top;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
    transform-origin: center top;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
.section-block {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  z-index: 50;
}

@media (max-width: 980px) {
  .section-block {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}

@media (max-width: 575px) {
  .section-block {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.section-title {
  color: #fff;
  line-height: 1.1;
  font-size: 50px;
  margin: 0 0 100px 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .section-title {
    font-size: 36px;
    margin: 0 0 60px 0;
  }
}

@media (max-width: 575px) {
  .section-title {
    font-size: 22px;
    margin: 0 0 30px 0;
  }
}

.section-title {
  text-align: center;
}

.section-title .highlight {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 980px) {
  .section-title .highlight {
    margin-top: 5px;
  }
}

.menu-footer {
  line-height: 1;
  text-align: left;
  position: relative;
}

.menu-footer ul,
.menu-footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-footer a, .menu-footer span {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
}

.menu-footer a:hover, .menu-footer span:hover {
  color: #2ED876;
}

.menu-footer > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 60px;
}

@media (max-width: 980px) {
  .menu-footer > ul {
    column-gap: 20px;
    row-gap: 40px;
  }
}

.menu-footer > ul li {
  display: block;
  font-size: 18px;
  line-height: normal;
}

@media (max-width: 980px) {
  .menu-footer > ul li {
    font-size: 15px;
  }
}

.menu-footer > ul > li {
  max-width: 263px;
}

.menu-footer__item.has-dropdown > .menu-footer__link {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}

@media (max-width: 980px) {
  .menu-footer__item.has-dropdown > .menu-footer__link {
    font-size: 18px;
  }
}

.menu-footer__dropdown {
  opacity: 0.8;
}

.menu-footer__dropdown ul li {
  margin-bottom: 10px;
}

.menu-footer__dropdown ul li:last-of-type {
  margin-bottom: 0;
}

.menu-footer__dropdown .menu-footer__link {
  font-weight: 400;
}

@charset "UTF-8";
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для  */
/* отступ по вертикали для  */
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
.quiz-modal {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
}

.quiz-modal.is-show {
  display: block;
}

.quiz-modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
}

.quiz-modal__bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.quiz-modal__btn-close {
  display: block;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  font-size: 0;
  border: none;
  background: #0087F9 url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.092 6.36396L6.36407 19.0919M19.092 19.0919L6.36407 6.36396' stroke='white' stroke-opacity='1' stroke-width='2'/%3E%3C/svg%3E%0A") center center no-repeat;
  border-radius: 4px;
  cursor: pointer;
  z-index: 20;
}

.quiz-modal__btn-close:hover {
  opacity: 0.9;
}

.quiz-modal__container {
  position: relative;
  width: 90%;
  max-width: 994px;
  background: #fff;
  padding: 0;
  animation: overlay__container-show 0.8s ease-in-out;
  border-radius: 10px;
}

.is-done .quiz-modal__container {
  max-width: 662px;
}

@media (max-width: 568px) {
  .quiz-modal__container {
    width: calc(100% - 30px);
  }
}

.quiz-modal__title {
  display: flex;
  justify-content: space-around;
  width: 100%;
  font-size: 15px;
  line-height: 25px;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0;
}

@media (max-width: 1024px) {
  .quiz-modal__title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}

.quiz-modal__title div {
  text-align: center;
}

.quiz-modal__title div strong {
  font-size: 25px;
}

.quiz-modal__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90dvh;
}

.quiz-modal__bonus-list {
  margin-top: 30px;
}

@media (max-width: 1073px) {
  .quiz-modal__bonus-list {
    display: none;
  }
}

.quiz-modal__bonus-item {
  margin-bottom: 30px;
}

@keyframes overlay-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes overlay-closing {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes overlay__container-show {
  from {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes overlay__container-closing {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }
}

.suggestion {
  margin-bottom: auto;
}

.suggestion__author {
  position: relative;
  padding: 0 0 0 72px;
  margin-bottom: 15px;
}

.suggestion__author-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 59px;
  height: 59px;
}

.suggestion__author-name {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #3F3F3F;
  margin-bottom: 5px;
}

.suggestion__author-position {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #5F5F5F;
}

.suggestion__text {
  padding: 15px 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #282828;
  background: #FFFFFF;
  border-radius: 5px;
}

.discount {
  display: flex;
  justify-content: space-between;
  background: rgba(132, 232, 154, 0.3);
  border: 2px solid #3EE56D;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 11px 20px;
  margin: auto 0 30px;
}

.discount__start {
  display: block;
}

.is-success .discount__start {
  display: none;
}

.discount__done {
  display: none;
}

.is-success .discount__done {
  display: block;
}

.quiz {
  display: flex;
  gap: 10px;
  padding: 10px;
  background-color: #323232;
  border-radius: 30px;
  font-family: 'Manrope', sans-serif;
}

@media (min-width: 1074px) {
  .quiz {
    min-height: 620px;
    overflow: hidden !important;
  }
}

@media (max-width: 1073px) {
  .quiz {
    padding: 0;
    gap: 0;
    background-color: #1b1b1b;
    border-radius: 0;
  }
}

@media (max-width: 599.98px) {
  .quiz {
    max-height: 100dvh;
    min-height: 100dvh;
  }
}

@media (min-width: 600px) and (max-width: 1073px) {
  .quiz {
    min-height: 665px;
    border-radius: 12px;
    overflow: hidden;
  }
}

.quiz.is-success .quiz__content {
  justify-content: center;
}

.quiz.is-success .quiz__content > [data-quiz-btn-prev] {
  display: none;
}

.quiz.is-success .quiz__screen {
  max-height: none !important;
  height: 100%;
  background-color: #1B1B1B;
  display: flex;
}

.quiz.is-success .quiz__sidebar {
  display: none;
}

.quiz.is-success .quiz__progress {
  display: none;
}

.quiz.is-success .quiz__btns {
  display: none;
}

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

.quiz__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px 42px;
}

@media (max-width: 1073px) {
  .quiz__content {
    width: 100%;
    height: auto;
    padding: 5px 10px 0;
  }
}

@media (min-width: 600px) and (max-width: 1073px) {
  .quiz__content {
    padding: 5px 20px 0;
  }
}

.quiz__sidebar {
  display: flex;
  flex-direction: column;
  width: 300px;
  min-width: 300px;
  padding: 30px;
  border-radius: 25px;
  background-color: #1B1B1B;
}

.is-done .quiz__sidebar {
  display: none;
}

@media (max-width: 1073px) {
  .quiz__sidebar {
    width: 100%;
    min-width: 100%;
    padding: 10px;
    order: 0;
    border: none;
    border-radius: 0;
  }
}

@media (min-width: 600px) and (max-width: 1073px) {
  .quiz__sidebar {
    padding: 20px 20px 10px;
  }
}

.quiz__main {
  padding: 0;
  width: 100%;
  border-radius: 25px;
  background-color: #1B1B1B;
}

@media (max-width: 1073px) {
  .quiz__main {
    display: flex;
    border-radius: 0;
    flex-grow: 1;
  }
}

.quiz__progress {
  width: auto;
  margin: 0;
  padding: 6px 0;
}

@media (max-width: 1073px) {
  .quiz__progress {
    padding: 0;
    z-index: 2;
    order: -1;
  }
}

.is-done .quiz__progress {
  display: none;
}

.quiz__progress-wrap {
  background: rgba(255, 255, 255, 0.47);
  border-radius: 29px;
  height: 5px;
}

@media (max-width: 1073px) {
  .quiz__progress-wrap {
    height: 4px;
  }
}

.quiz__progress-bar {
  width: 0;
  height: 5px;
  background: #2ed876;
  border-radius: 29px;
  transition: all 0.2s ease;
  max-width: 100%;
}

@media (max-width: 1073px) {
  .quiz__progress-bar {
    height: 4px;
  }
}

.quiz__progress-step {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 6px;
}

@media (max-width: 1073px) {
  .quiz__progress-step {
    justify-content: center;
    margin: 5px 0 10px 17px;
  }
}

.quiz__progress-step div {
  color: #2ed876;
  font-family: 'SA Long Beach', sans-serif;
  font-size: 18px;
  line-height: 1;
}

.quiz__progress-step div .-total {
  opacity: .32;
}

.quiz__progress-step img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1073px) {
  .quiz__progress-step img {
    display: none;
  }
}

@media (max-width: 599.98px) {
  .quiz__screen {
    overflow: auto;
  }
}

@media (min-width: 600px) {
  .quiz__screen {
    max-height: none !important;
  }
}

@media (max-width: 1073px) {
  .quiz__screen.one-step .question__answers {
    display: block;
  }
}

@media (max-width: 1073px) {
  .quiz__screen.one-step .question__answer {
    min-height: auto;
  }
  .quiz__screen.one-step .question__answer__img {
    display: none;
  }
  .quiz__screen.one-step .question__answer__radio {
    position: relative;
  }
  .quiz__screen.one-step .question__answer__text {
    display: flex;
  }
}

.quiz__screen.one-step .question__answer:last-child {
  background: none;
}

@media (max-width: 1073px) {
  .quiz__screen.one-step .question__answer:last-child {
    padding: 0;
    margin-bottom: 8px;
  }
}

.quiz__screen.two-step .question__answers {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  min-height: 378px;
}

@media (max-width: 1073px) {
  .quiz__screen.two-step .question__answers {
    display: block;
    min-height: auto;
  }
}

.quiz__screen.two-step .question__answers .question__answer {
  grid-column: span 1;
  max-height: none;
}

@media (max-width: 1073px) {
  .quiz__screen.two-step .question__answers .question__answer:last-child {
    margin-bottom: 8px;
  }
}

.quiz__screen.three-step .question__answers {
  display: flex;
  flex-direction: column;
}

.quiz__screen.three-step .question__answers .question__answer {
  background: none;
  background-color: transparent;
  padding: 0;
}

.quiz__screen.three-step .question__answers .question__answer .answer {
  width: -webkit-max-content;
  width: max-content;
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs {
    width: 100%;
    max-width: 438px;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__nav {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs__nav {
    margin-bottom: 20px;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__nav-item {
  min-width: 90px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 10px 15px;
  border-bottom: 2px solid rgba(46, 216, 118, 0.3);
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs__nav-item {
    width: 50%;
    font-weight: 500;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__nav-item.is-active {
  border-bottom: 2px solid #2ED876;
  pointer-events: none;
}

.quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number {
  display: flex;
  height: 46px;
  border-radius: 10px;
  background: rgba(46, 216, 118, 0.12);
  gap: 40px;
  align-items: center;
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number {
    max-width: 240px;
    height: 42px;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number input {
  max-width: 180px;
  background-color: transparent;
  color: #fff !important;
  font-family: 'Manrope', sans-serif;
  font-size: 22px;
  font-weight: 600;
  padding: 0;
  height: auto;
  border: none;
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number input {
    max-width: none;
    width: 100%;
    font-size: 20px;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__minus, .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__plus {
  width: 40px;
  height: 40px;
  background-color: #2ED876;
  border-radius: 10px;
  margin: 3px;
}

@media (max-width: 1073px) {
  .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__minus, .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__plus {
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }
}

.quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__minus.is-disabled, .quiz__screen.three-step .question__answers .question__answer .tabs__content .quiz-custom-number__plus.is-disabled {
  background-color: rgba(46, 216, 118, 0.52);
}

@media (max-width: 1073px) {
  .quiz__screen.four-step {
    margin-top: 5px;
  }
}

.quiz__screen.four-step .question__answers {
  display: flex;
  flex-direction: column;
  min-height: auto;
}

.quiz__screen.four-step .question__answers .question__answer {
  padding: 0;
}

@media (max-width: 1073px) {
  .quiz__screen.four-step .question__answers .question__answer .answer {
    width: 100%;
  }
}

.quiz__screen.four-step .question__answers .question__answer .custom-range__pin {
  position: relative;
  height: 5px;
  background: #29412f;
  border-radius: 10px;
  margin-top: 70px;
}

@media (max-width: 1073px) {
  .quiz__screen.four-step .question__answers .question__answer .custom-range__pin {
    margin-top: 64px;
  }
}

@media (max-width: 1073px) {
  .quiz__screen.four-step .question__answers .question__answer .custom-range__min, .quiz__screen.four-step .question__answers .question__answer .custom-range__max {
    font-size: 12px;
    line-height: 120%;
  }
}

.quiz__screen.four-step .question__answers .question__answer .custom-range input[type=range]::-webkit-slider-runnable-track {
  border-radius: 100px;
  background-color: #1F422E;
}

.quiz__screen.four-step .question__answers .question__answer .custom-range input[type=range]::-webkit-slider-thumb {
  border-radius: 100px;
  background: #2ED876;
  position: relative;
}

.quiz__screen.four-step .question__answers .question__answer .custom-range input[type=range]::-moz-range-track {
  border-radius: 100px;
  background-color: #1F422E;
}

.quiz__screen.four-step .question__answers .question__answer .custom-range input[type=range]::-moz-range-thumb {
  border-radius: 100px;
  background: #2ED876;
  position: relative;
}

.quiz__screen.four-step .question__answers .question__answer .custom-range__current {
  position: absolute;
  max-width: 180px;
  height: 100%;
  width: 70px;
  height: 45px !important;
  top: 0;
  left: 0;
  display: flex;
  padding: 8px 14px !important;
  justify-content: center;
  align-items: center;
  gap: 7.025px;
  border-radius: 14.05px 14.05px 14.05px 14px;
  background: #2ED876;
}

@media (max-width: 1073px) {
  .quiz__screen.four-step .question__answers .question__answer .custom-range__current {
    width: 64px;
    height: 40px !important;
  }
}

.quiz__screen.four-step .question__answers .question__answer .custom-range__current::after {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 23.5px;
  height: 26px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V26L2.88806 22.2562L2.5 23L6.89338 17.3514C8.55916 15.2096 11.0237 13.8367 13.7216 13.5477L23.5 12.5L11.0543 11.6703L13.5 8.5L0 0Z' fill='%232ED876'/%3E%3C/svg%3E") center center no-repeat;
}

.quiz__screen.four-step .question__answers .question__answer .custom-range__current input {
  height: inherit;
  padding: 0;
  background: transparent;
  border: none;
  font-family: 'Manrope', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #212121;
  text-align: center;
}

@media (max-width: 1073px) {
  .quiz__screen.four-step .question__answers .question__answer .custom-range__current input {
    font-size: 20px;
  }
}

.quiz__screen.five-step {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1073px) {
  .quiz__screen.five-step .question__answers {
    display: block;
  }
}

.quiz__screen.five-step .question__answer:last-child {
  background: none;
}

@media (max-width: 1073px) {
  .quiz__screen.five-step .question__answer:last-child {
    padding: 0;
    margin-bottom: 8px;
  }
}

.quiz__submit {
  display: block;
  width: 154px;
  height: 50px;
  margin: 0 0 40px 30px;
  background: linear-gradient(90deg, #00BAFF 7.33%, #0BC4FF 111.64%);
  border-radius: 50px;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.quiz__submit:hover {
  box-shadow: inset 0 50px rgba(0, 0, 0, 0.05);
}

.is-success .quiz__submit {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1073px) {
  .is-success .quiz__submit {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
}

.quiz__error {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #CF3E3E;
  padding: 0 10px 0;
  margin-top: 8px;
}

@media (max-width: 1073px) {
  .quiz__error {
    margin-top: 0;
    padding: 0 7px;
  }
}

.quiz__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

@media (max-width: 1073px) {
  .quiz__btns {
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 20px;
    background: #1b1b1b;
    margin-top: auto;
    position: sticky;
    bottom: 0;
  }
}

.is-success .quiz__btns {
  display: none;
}

.quiz__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  color: #2ED876;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s ease;
}

.quiz__btn:hover {
  color: #33F297;
}

.quiz__btn:active {
  color: #FFFFFF;
  transition-duration: 0.1s;
}

@media (max-width: 1073px) {
  .quiz__btn {
    width: 100%;
  }
}

.quiz__btn[data-quiz-btn-prev]:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L19 12M5 12L11 6M5 12L11 18' stroke='%232ED876' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
  transition: all 0.2s ease;
}

@media (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-prev]:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L19 12M5 12L11 6M5 12L11 18' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

@media (hover: hover) {
  .quiz__btn[data-quiz-btn-prev]:hover:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L19 12M5 12L11 6M5 12L11 18' stroke='%2333F297' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

.quiz__btn[data-quiz-btn-prev]:active:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L19 12M5 12L11 6M5 12L11 18' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition-duration: 0.1s;
}

@media (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-prev] {
    width: auto;
    position: absolute;
    top: 10px;
    left: 0;
    justify-content: flex-start;
    padding: 0 0 0 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    z-index: 2;
  }
  .quiz__btn[data-quiz-btn-prev]:active {
    color: #33F297;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
  .quiz__btn[data-quiz-btn-prev]:active:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12L19 12M5 12L11 6M5 12L11 18' stroke='%2333F297' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

@media (min-width: 600px) and (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-prev] {
    top: 20px;
    padding: 0 0 0 20px;
  }
}

.quiz__btn[data-quiz-btn-skip], .quiz__btn[data-quiz-btn-next], .quiz__btn[data-quiz-btn-submit], .quiz__btn[data-quiz-btn-entry] {
  min-width: 140px;
  height: 50px;
  padding: 0;
  border-radius: 55px;
}

@media (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-skip], .quiz__btn[data-quiz-btn-next], .quiz__btn[data-quiz-btn-submit], .quiz__btn[data-quiz-btn-entry] {
    min-width: auto;
    height: 40px;
    border-radius: 44px;
  }
}

.quiz__btn[data-quiz-btn-skip] {
  margin-left: auto;
  border: 2px solid currentColor;
  color: #fff;
}

@media (hover: hover) {
  .quiz__btn[data-quiz-btn-skip]:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.quiz__btn[data-quiz-btn-skip]:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-skip]:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.quiz__btn[data-quiz-btn-next], .quiz__btn[data-quiz-btn-submit], .quiz__btn[data-quiz-btn-entry] {
  background: #2ED876;
  box-shadow: 0px 10px 15px rgba(26, 93, 156, 0.05);
  color: #212121;
  outline: 4px solid #244A3800 !important;
}

@media (hover: hover) {
  .quiz__btn[data-quiz-btn-next]:hover, .quiz__btn[data-quiz-btn-submit]:hover, .quiz__btn[data-quiz-btn-entry]:hover {
    background: #33F297;
  }
}

.quiz__btn[data-quiz-btn-next]:active, .quiz__btn[data-quiz-btn-submit]:active, .quiz__btn[data-quiz-btn-entry]:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 1073px) {
  .quiz__btn[data-quiz-btn-next]:active, .quiz__btn[data-quiz-btn-submit]:active, .quiz__btn[data-quiz-btn-entry]:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.quiz__btn:disabled {
  display: none;
  opacity: 0 !important;
  cursor: auto;
}

.quiz__btn:disabled:hover {
  box-shadow: none;
}

.quiz-modal__bonus-list {
  margin-top: 40px;
}

.quiz-modal__bonus-list-text {
  margin-bottom: 26px;
  color: white;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
}

.quiz-modal__bonus-item {
  margin-bottom: 10px;
}

.quiz-modal__bonus-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1073px) {
  .quiz .suggestion {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
}

.quiz .suggestion__title {
  display: none;
  margin-bottom: 15px;
  color: #FFFFFF;
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

@media (max-width: 1073px) {
  .quiz .suggestion__title {
    display: block;
  }
}

.quiz .suggestion__author {
  margin-top: 8px;
  position: relative;
}

@media (max-width: 1073px) {
  .quiz .suggestion__author {
    padding: 12px 14px 0 70px;
    order: 1;
    background-color: #ffffff;
    margin-block: 0;
    border-radius: 12px 12px 0 0;
  }
}

.quiz .suggestion__author::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  background-color: #2ED876;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 41px;
}

@media (max-width: 1073px) {
  .quiz .suggestion__author::after {
    left: 48px;
    top: 57px;
    z-index: 2;
  }
}

.quiz .suggestion__author-img {
  width: 56px;
  height: 56px;
}

@media (max-width: 1073px) {
  .quiz .suggestion__author-img {
    width: 50px;
    height: 50px;
    left: 10px;
    top: 12px;
    z-index: 1;
  }
}

.quiz .suggestion__author-name {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1px;
}

@media (max-width: 1073px) {
  .quiz .suggestion__author-name {
    color: #212121;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 2px;
  }
}

.quiz .suggestion__author-position {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  opacity: .8;
}

@media (max-width: 1073px) {
  .quiz .suggestion__author-position {
    color: #212121;
    font-size: 12px;
    line-height: 120%;
    opacity: .8;
  }
}

.quiz .suggestion__text {
  position: relative;
  padding: 16px 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 19px;
  border-radius: 14px;
}

@media (max-width: 1073px) {
  .quiz .suggestion__text {
    order: 2;
    padding: 5px 14px 12px 70px;
    margin-bottom: 0;
    background-color: #ffffff;
    border-radius: 0 0 12px 0;
    font-size: 12px;
    line-height: 120%;
  }
}

.quiz .suggestion__text::after {
  position: absolute;
  content: '';
  bottom: -11px;
  left: 15px;
  width: 44px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg width='44' height='14' viewBox='0 0 44 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0566 14L7.02734 3H21.0859L14.0566 14Z' fill='white'/%3E%3Cpath d='M43.6799 2L17.069 1L16.5669 9L16.6199 8.87333C18.1192 5.29008 21.5578 2.89918 25.4388 2.74143L43.6799 2Z' fill='white' stroke='white'/%3E%3Cpath d='M0.500223 2H11.5462L12.0483 10L11.5394 8.78353C10.2844 5.78414 7.64955 3.58212 4.47499 2.8796L0.500223 2Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A") center center no-repeat;
}

@media (max-width: 1073px) {
  .quiz .suggestion__text::after {
    display: none;
  }
}

.quiz__entry {
  display: none;
  width: 100%;
  height: 100%;
  min-height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #1b1b1b;
  background-image: url(/assets/images/quiz/quiz-entry.svg);
  background-repeat: no-repeat;
  background-position: top -32px center;
  background-size: 675px;
  transition: all 0.4s ease;
}

@media (min-width: 600px) and (max-width: 1073px) {
  .quiz__entry {
    height: auto;
    min-height: 665px;
    border-radius: 25px;
    overflow: hidden;
  }
}

@media (max-width: 1073px) {
  .quiz__entry {
    display: flex;
    flex-direction: column;
  }
}

.quiz__entry--title {
  padding-inline: 20px;
  margin-top: 68px;
  color: #ffffff;
  font-family: 'Manrope', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

.quiz__entry .quiz__entry--btn {
  margin-inline: 10px;
}

@media (min-width: 600px) {
  .quiz__entry .quiz__entry--btn {
    margin-inline: 20px;
  }
}

.bonus {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  padding: 14px 15px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  text-align: left;
}

@media (max-width: 1073px) {
  .bonus {
    max-width: 100%;
  }
}

.bonus__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -16px;
}

.bonus__icon svg {
  display: block;
  width: 25px;
  height: 25px;
}

.bonus__img {
  display: flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.-unlocked .bonus__img img.lock {
  display: none;
}

.-unlocked .bonus__img img.check {
  display: block;
}

.bonus__img img.check {
  display: none;
}

.bonus__text {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-weight: 400;
  font-size: 15px;
  line-height: 109%;
  transition: all 0.2s ease;
  opacity: .5;
}

.-unlocked .bonus__text {
  opacity: 1;
}

.question__note {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 150%;
  color: #5F5F5F;
  margin-bottom: 10px;
}

.question__note.-center {
  text-align: center;
}

@media (min-width: 820px) and (max-width: 1600px) {
  .question__note {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 568px) {
  .question__note {
    font-size: 14px;
    line-height: 20px;
  }
}

.question__name {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 130%;
  color: white;
  font-size: 25px;
  font-weight: 600;
}

.question__name.-center {
  text-align: center;
}

@media (max-width: 1073px) {
  .question__name {
    display: none;
  }
}

.question__alternative {
  width: calc(100% - 30px);
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  color: #1E1E1E;
  margin-bottom: 30px;
}

.question__answers {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 126px 126px 102px;
  gap: 18px;
  min-height: 390px;
}

@media (max-width: 1073px) {
  .question__answers {
    min-height: auto;
  }
}

.question__answer {
  display: flex;
  flex-direction: row;
  position: relative;
  background: url("/assets/images/quiz/quiz-bg.png");
  background-size: cover;
  -webkit-backdrop-filter: blur(41.25657px);
          backdrop-filter: blur(41.25657px);
  border-radius: 14px;
  padding: 12px 12px 20px 20px;
  max-height: 126px;
  animation: quiz-show 0.5s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate3d(0, 15px, 0);
}

@media (max-width: 1073px) {
  .question__answer {
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 10px;
  }
}

.question__answer:nth-child(1), .question__answer:nth-child(2), .question__answer:nth-child(3) {
  grid-column: span 2;
}

.question__answer:nth-child(4), .question__answer:nth-child(5) {
  grid-column: span 3;
}

.question__answer:nth-child(6) {
  grid-column: span 6;
}

.question__answer.height-content {
  height: -webkit-max-content;
  height: max-content;
}

.question__answer.range {
  background: none !important;
}

.question__answer.range input[type="checkbox"]:checked + div,
.question__answer.range input[type="radio"]:checked + div {
  background: none !important;
}

.question__answer.alternative {
  height: -webkit-max-content;
  height: max-content;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(26, 93, 156, 0.05);
}

.question__answer.alternative input[type="checkbox"]:checked + div,
.question__answer.alternative input[type="radio"]:checked + div {
  background: #fff;
  color: #0087F9;
}

.question__answer.alternative input[type="checkbox"]:checked + div .answer__text,
.question__answer.alternative input[type="radio"]:checked + div .answer__text {
  color: #fff;
  background: #0087F9;
}

.question__answer.alternative input[type="checkbox"]:checked + div .answer__radio,
.question__answer.alternative input[type="radio"]:checked + div .answer__radio {
  background: #0087F9;
  border-color: #fff;
}

.question__answer.no-bg {
  background: none !important;
}

.question__answer.no-bg input[type="checkbox"]:checked + div,
.question__answer.no-bg input[type="radio"]:checked + div {
  background: none !important;
}

.question__answer.no-bg input[type="checkbox"]:checked + div .answer__text,
.question__answer.no-bg input[type="radio"]:checked + div .answer__text {
  background: none !important;
}

.question__answer input[type="checkbox"],
.question__answer input[type="radio"] {
  display: none;
}

.question__answer input[type="checkbox"]:checked + div .answer__text,
.question__answer input[type="radio"]:checked + div .answer__text {
  color: #fff;
}

.question__answer input[type="checkbox"]:checked + div .answer__radio,
.question__answer input[type="radio"]:checked + div .answer__radio {
  pointer-events: auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: absolute;
  right: 12px;
  top: 12px;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5 12.484L10 17.3718L20 7.59619' stroke='%232ED876' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  background-size: 16px;
  opacity: 1;
  z-index: 10;
}

@media (max-width: 1073px) {
  .question__answer input[type="checkbox"]:checked + div .answer__radio,
  .question__answer input[type="radio"]:checked + div .answer__radio {
    width: 18px;
    height: 18px;
    background-size: 14px;
    margin: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 10px;
  }
}

.question__answer input.custom-range__box {
  font-size: 22px;
}

@media (max-width: 1073px) {
  .question__answer input.custom-range__box {
    font-size: 20px;
  }
}

@keyframes quiz-show {
  from {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

[data-quiz-radio-site] {
  display: block;
  width: 100%;
  height: 54px;
  padding: 17px 20px;
  background: #FFFFFF;
  border: 1px solid #D3DEE9;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  color: #000000;
}

[data-quiz-radio-site-error] {
  display: none;
  color: #f00;
  font-size: 13px;
  padding: 0 10px;
}

@media (max-width: 1073px) {
  [data-quiz-radio-site-error] {
    padding: 0 7px;
  }
}

.error {
  padding: 0;
}

.answer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.height-100 .answer {
  height: 100px;
}

.answer__img {
  display: block;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1073px) {
  .answer__img {
    display: none;
  }
}

.answer__img img {
  display: block;
  width: 24px;
  height: 24px;
}

.answer__text {
  height: auto;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  text-wrap: balance;
}

@media (max-width: 1073px) {
  .answer__text {
    padding-left: 28px;
    line-height: 20px;
  }
}

@media (max-width: 1073px) {
  .answer__text br {
    display: none;
  }
}

.alternative .answer__text {
  color: #5F5F5F;
  border-radius: 5px;
  padding: 14px 20px 16px;
}

.answer__subtext {
  display: block;
  margin-bottom: 1px;
  color: #F4F4F1;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  opacity: .7;
}

@media (max-width: 1073px) {
  .answer__subtext {
    margin-bottom: 0;
    line-height: 120%;
    opacity: .8;
  }
}

.answer__radio {
  display: inline-block;
  content: '';
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: absolute;
  right: 12px;
  top: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='white'/%3E%3C/svg%3E") center center no-repeat;
  background-size: 24px;
  pointer-events: none;
}

@media (max-width: 1073px) {
  .answer__radio {
    width: 18px;
    height: 18px;
    background-size: 18px;
    margin: auto;
    top: 0;
    right: auto;
    bottom: 0;
    left: 10px;
  }
}

.alternative .answer__radio {
  width: 18px;
  height: 18px;
  position: relative;
  left: 0;
  top: 4px;
  margin-right: 10px;
  background: #fff;
  opacity: 1;
  border: 2px solid #DDDDDD;
}

.answer [data-quiz-radio-text] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 16px;
  border: none;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.answer [data-quiz-radio-text]::placeholder {
  color: #fff;
}

@media (max-width: 1073px) {
  .answer [data-quiz-radio-text] {
    position: relative;
    height: 45px;
    padding: 12px 10px;
    border-radius: 12px;
    font-weight: 500;
  }
  .answer [data-quiz-radio-text]::placeholder {
    color: #fff;
    opacity: .8;
  }
}

.quiz-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 18px;
  padding: 0;
  animation: quiz-show 0.5s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate3d(0, 15px, 0);
}

@media (max-width: 1073px) {
  .quiz-form {
    gap: 10px;
  }
}

.quiz-form__item {
  width: calc(50% - 9px);
  padding: 0 0 1px;
}

@media (max-width: 1073px) {
  .quiz-form__item {
    width: 100%;
  }
}

.quiz-form__item input, .quiz-form__item textarea {
  display: block;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid transparent;
  box-sizing: border-box;
  padding: 18px 20px;
  font: inherit;
  font-weight: 600;
  font-size: 15px;
  color: white;
  transition: all 0.2s ease;
  -webkit-appearance: none;
          appearance: none;
  height: 54px;
  width: 100%;
  margin: 0;
}

@media (max-width: 1073px) {
  .quiz-form__item input, .quiz-form__item textarea {
    height: 44px;
    padding: 12px 10px;
    border-radius: 12px;
    font-weight: 500;
  }
}

.quiz-form__item input:hover, .quiz-form__item textarea:hover {
  border-color: rgba(255, 255, 255, 0.3);
}

.quiz-form__item input:hover::placeholder, .quiz-form__item textarea:hover::placeholder {
  color: white;
}

.quiz-form__item input:focus, .quiz-form__item textarea:focus {
  border-color: rgba(255, 255, 255, 0.1);
}

.quiz-form__item input:focus::placeholder, .quiz-form__item textarea:focus::placeholder {
  color: white;
}

.quiz-form__item input.is-invalid, .quiz-form__item textarea.is-invalid {
  background-color: rgba(255, 106, 106, 0.1);
  border-color: rgba(236, 67, 67, 0.5) !important;
  margin-bottom: 8px;
}

.quiz-form__item input::placeholder, .quiz-form__item textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease;
}

.quiz-form__item textarea {
  min-height: 102px;
}

@media (max-width: 1073px) {
  .quiz-form__item textarea {
    min-height: 72px;
  }
}

.quiz-form__item .error {
  margin: 0;
}

.quiz-form__error {
  color: #f00;
  font-size: 13px;
  margin: 0;
  padding: 0 10px;
}

@media (max-width: 1073px) {
  .quiz-form__error {
    padding: 0 7px;
  }
}

.quiz-form__textarea {
  width: 100%;
}

.quiz-form__textarea textarea {
  background: #FFFFFF;
  border: 2px solid #D4D8DB;
  box-sizing: border-box;
  border-radius: 25px;
  transition: all 0.2s ease;
  height: 145px;
  width: 100%;
  margin: 0 auto 10px;
  resize: none;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 27px;
  color: #171818;
  font-family: "Open Sans", sans-serif;
}

.quiz-form__textarea textarea:hover, .quiz-form__textarea textarea:focus {
  border: 2px solid #0087F9;
}

.quiz-form__footer {
  width: 100%;
  display: block;
  margin-top: 15px;
}

@media (max-width: 1073px) {
  .quiz-form__footer {
    margin-top: 0;
    margin-bottom: 8px;
  }
}

.quiz-form__footer-info {
  width: auto;
}

.quiz-form__require {
  display: block;
  position: relative;
  padding-left: 20px;
  font-weight: 300;
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}

.quiz-form__require-icon {
  position: absolute;
  left: 0;
  top: 6px;
  height: 10px;
  width: 20px;
  font-size: 10px;
  color: #4a556e;
}

.quiz-form__require-icon .icon {
  display: block;
  position: absolute;
  font-size: 1em;
  left: 50%;
  top: 50%;
  margin-top: -.8em;
  margin-left: -.5em;
  height: 1em;
  width: 1em;
}

.quiz-form__privacy-police {
  min-height: 20px;
  font-weight: 500;
  font-size: 13px;
  line-height: normal;
  color: #F4F4F1;
  width: auto;
  text-align: left;
}

.quiz-form__privacy-police a {
  color: #2ED876;
  text-decoration: none;
}

.quiz-form__submit {
  border-radius: 40px;
  background: #2ED876;
  border: none;
  font-size: 16px;
  font-weight: normal;
  padding: 22px 53px;
  color: #fff;
  cursor: pointer;
  margin-top: 15px;
  width: 100%;
}

@media (min-width: 820px) {
  .quiz-form__submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    width: auto;
  }
}

.quiz-form__submit:hover {
  background-color: #4a556e;
}

.quiz-form-success {
  padding: 40px 0;
  text-align: center;
  margin: auto;
}

.quiz-form-success__icon {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 25px;
}

.quiz-form-success__title {
  margin-top: 20px;
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
  color: #ffffff;
}

@media (max-width: 414px) {
  .quiz-form-success__title {
    font-size: 20px;
    line-height: 120%;
  }
}

.quiz-form-success__msg {
  font-size: 18px;
  line-height: 130%;
  text-align: center;
}

.quiz-form-success__msg-btn {
  display: block;
  border: none;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 25px auto 0;
  cursor: pointer;
}

@media (max-width: 568px) {
  .quiz-form-success__msg {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 414px) {
  .quiz-form-success__msg {
    font-size: 14px;
  }
  .quiz-form-success__msg-btn {
    font-size: 16px !important;
    padding: 10px 30px !important;
  }
}

.quiz-custom-number {
  position: relative;
  width: 100%;
  height: 54px;
  overflow: hidden;
  border-radius: 5px;
}

.quiz-custom-number input {
  display: block;
  width: 100%;
  height: 54px;
  border: 1px solid #D3DEE9;
  padding: 0 64px;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  color: #737373;
}

.quiz-custom-number__minus, .quiz-custom-number__plus {
  display: block;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 0;
  background: #0087F9;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
  font-size: 0;
}

.quiz-custom-number__minus:hover, .quiz-custom-number__plus:hover {
  opacity: 0.9;
}

.quiz-custom-number__minus.is-disabled, .quiz-custom-number__plus.is-disabled {
  background-color: #DDDDDD;
}

.quiz-custom-number__minus.is-disabled:hover, .quiz-custom-number__plus.is-disabled:hover {
  opacity: 1;
}

.quiz-custom-number__minus {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='3' viewBox='0 0 14 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2.57812H0V0.578125H14V2.57812Z' fill='white'/%3E%3C/svg%3E%0A");
}

.quiz-custom-number__plus {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8.57812H0V6.57812H14V8.57812Z' fill='white'/%3E%3Cpath d='M6 14.5781L6 0.578125L8 0.578125L8 14.5781L6 14.5781Z' fill='white'/%3E%3C/svg%3E%0A");
}

.custom-range input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0 12px;
  width: 100%;
}

.custom-range input[type=range]:focus {
  outline: none;
}

.custom-range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: #DDDDDD;
  border-radius: 5px;
}

.custom-range input[type=range]::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1E1E1E;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

.custom-range input[type=range]:focus::-webkit-slider-runnable-track {
  background: #DDDDDD;
}

.custom-range input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: #DDDDDD;
  border-radius: 5px;
}

.custom-range input[type=range]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1E1E1E;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

.custom-range__value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.custom-range__min, .custom-range__max {
  font-size: 14px;
  line-height: 22px;
  color: #5F5F5F;
}

.custom-range__current {
  font-size: 18px;
  line-height: 22px;
  color: #5F5F5F;
  max-width: 120px;
  text-align: center !important;
  height: 34px !important;
  padding: 10px 10px !important;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
.btn, .modal.-quiz-banner .tariffs-content__quiz-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .modal.-quiz-banner .tariffs-content__quiz-btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .modal.-quiz-banner .tariffs-content__quiz-btn:hover {
    background: #33F297;
  }
}

.btn:focus, .modal.-quiz-banner .tariffs-content__quiz-btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .modal.-quiz-banner .tariffs-content__quiz-btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .modal.-quiz-banner .tariffs-content__quiz-btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .modal.-quiz-banner .is-disabled.tariffs-content__quiz-btn, .btn[disabled], .modal.-quiz-banner .tariffs-content__quiz-btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .modal.-quiz-banner .is-error.tariffs-content__quiz-btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .modal.-quiz-banner .is-loading.tariffs-content__quiz-btn {
  cursor: progress;
}

.is-loading.btn::after, .modal.-quiz-banner .is-loading.tariffs-content__quiz-btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small, .modal.-quiz-banner .btn--small.tariffs-content__quiz-btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white, .modal.-quiz-banner .btn--white.tariffs-content__quiz-btn {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover, .modal.-quiz-banner .btn--white.tariffs-content__quiz-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus, .modal.-quiz-banner .btn--white.tariffs-content__quiz-btn:focus {
  border-color: #4A556E;
}

.btn.btn--blue, .modal.-quiz-banner .btn--blue.tariffs-content__quiz-btn {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover, .modal.-quiz-banner .btn--blue.tariffs-content__quiz-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus, .modal.-quiz-banner .btn--blue.tariffs-content__quiz-btn:focus {
  border-color: #10477C;
}

.btn.btn--grey, .modal.-quiz-banner .btn--grey.tariffs-content__quiz-btn {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover, .modal.-quiz-banner .btn--grey.tariffs-content__quiz-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus, .modal.-quiz-banner .btn--grey.tariffs-content__quiz-btn:focus {
  border-color: #4A556E;
}

.btn.btn--dark, .modal.-quiz-banner .btn--dark.tariffs-content__quiz-btn {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover, .modal.-quiz-banner .btn--dark.tariffs-content__quiz-btn:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active, .modal.-quiz-banner .btn--dark.tariffs-content__quiz-btn:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active, .modal.-quiz-banner .btn--dark.tariffs-content__quiz-btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .modal.-quiz-banner .btn--block.tariffs-content__quiz-btn, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg, .modal.-quiz-banner .tariffs-content__quiz-btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.modal.-quiz-banner .tariffs-content__quiz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url("../images/landing-complex/quiz-bg.jpg") no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 60px 35px 60px 133px;
  position: relative;
}

@media (max-width: 1310px) {
  .modal.-quiz-banner .tariffs-content__quiz {
    padding: 50px 20px;
    justify-content: center;
  }
}

.modal.-quiz-banner .tariffs-content__quiz-text {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .modal.-quiz-banner .tariffs-content__quiz-text {
    flex-direction: column;
    align-items: center;
    flex: auto;
  }
}

.modal.-quiz-banner .tariffs-content__quiz-title {
  font-weight: 300;
  font-size: 26px;
  line-height: 1.2;
  color: #353535;
  max-width: 380px;
  margin-right: 50px;
}

@media (max-width: 768px) {
  .modal.-quiz-banner .tariffs-content__quiz-title {
    max-width: 100%;
    font-size: 24px;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}

.modal.-quiz-banner .tariffs-content__quiz-title p {
  margin-bottom: 0;
}

.modal.-quiz-banner .tariffs-content__quiz-img {
  position: absolute;
  right: 35px;
  bottom: 0;
}

@media (max-width: 1310px) {
  .modal.-quiz-banner .tariffs-content__quiz-img {
    display: none;
  }
}

.modal.-quiz-banner .tariffs-content__quiz-img img {
  display: block;
  object-fit: contain;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container, .text-banner__content {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container, .text-banner__content {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth, .text-banner__container {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/*==========================================================================================*/
/*  Сетка миксинами  */
/*==========================================================================================*/
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
.btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover {
    background: #33F297;
  }
}

.btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn {
  cursor: progress;
}

.is-loading.btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.text-banner {
  margin: 20px 0;
  padding: 1px 0;
}

@media (min-width: 1024px) {
  .text-banner {
    margin: 40px 0;
  }
}

.text-banner__container {
  background: linear-gradient(351.15deg, #0565BB -34.03%, #11177C 99.82%), linear-gradient(339.75deg, #66526A -11.88%, #362535 91.51%);
  background-color: #0565BB;
}

@media (min-width: 1024px) {
  .text-banner__container {
    background: #0565BB url(../images/text-banner-bg.jpg) center center no-repeat;
    background-size: cover;
  }
}

.text-banner__content {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (min-width: 1024px) {
  .text-banner__content {
    padding-top: 55px;
    padding-bottom: 51px;
  }
}

.text-banner__content-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -30px;
  margin-right: -30px;
}

.text-banner__content-center > * {
  margin-left: 30px;
  margin-right: 30px;
}

.text-banner__img {
  width: calc(100% - 60px);
  order: 2;
  position: relative;
}

@media (min-width: 1200px) {
  .text-banner__img {
    width: calc(50% - 60px);
    order: 1;
  }
}

.text-banner__img img {
  display: block;
  width: 123.64%;
  max-width: none;
  margin: -6% -5% -28%;
}

@media (min-width: 1200px) {
  .text-banner__img img {
    margin: -18% -5% -25%;
  }
}

.text-banner__text {
  width: calc(100% - 60px);
  order: 1;
  font-weight: 500;
  font-size: 21px;
  line-height: 33px;
  color: #FFFFFF;
}

@media (min-width: 1200px) {
  .text-banner__text {
    width: calc(50% - 60px);
    order: 2;
  }
}

@media (min-width: 1024px) {
  .text-banner__text {
    font-size: 33px;
    line-height: 53px;
  }
}

.text-banner__text span {
  color: #FFA15C;
}

.text-banner .btn {
  background: #FF3366;
  border-color: #FF3366;
}

.text-banner .btn:hover {
  background: #FF3366c9;
  border-color: #FF3366c9;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
.btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover {
    background: #33F297;
  }
}

.btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn {
  cursor: progress;
}

.is-loading.btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.cookies {
  max-width: 233px;
  padding: 24px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  border-radius: 0px 24px 24px 0px;
  position: fixed;
  left: 0;
  bottom: 35px;
  z-index: 999;
  transform: translateX(-100%);
  transition: all 0.3s ease;
}

@media (max-width: 574px) {
  .cookies {
    max-width: 100%;
    padding: 16px 10px;
    border-radius: 12px 12px 0px 0px;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
  }
}

.cookies._showen {
  transform: translateX(0);
}

@media (max-width: 574px) {
  .cookies._showen {
    transform: translateY(0);
  }
}

@media (max-width: 429px) {
  .cookies._showen + .scroll-top {
    bottom: 140px;
  }
}

.cookies *:last-child {
  margin-bottom: 0;
}

.cookies__text {
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 120%;
  color: #FFFFFF;
}

@media (max-width: 574px) {
  .cookies__text {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 19px;
  }
}

@media (min-width: 430px) and (max-width: 574px) {
  .cookies__text br {
    display: none;
  }
}

.cookies__text--link {
  color: inherit;
  text-decoration: underline;
  text-transform: lowercase;
}

.cookies__text--link:hover, .cookies__text--link:focus-visible {
  color: #2ED876;
}

.cookies__accept.btn {
  width: 100%;
  padding: 14.5px 36px;
  font-size: 16px;
  line-height: 100%;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/*==========================================================================================*/
/*  Сетка миксинами  */
/*==========================================================================================*/
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
.recommend__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 980px) {
  .recommend__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.recommend__item {
  border-radius: 24px;
  background: #282828;
  padding: 35px;
  position: relative;
  transition: all 0.3s ease;
}

@media (max-width: 575px) {
  .recommend__item {
    border-radius: 12px;
    padding: 20px 10px;
  }
}

.recommend__item:hover {
  filter: brightness(1.15);
}

.recommend__item:hover > img {
  transform: scale(1.1);
}

.recommend__item:hover.--price {
  filter: brightness(1.05);
}

.recommend__item:hover.--price::before {
  transform: rotate(0deg);
  right: 0;
  top: 0;
}

.recommend__item > img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 25px;
  transition: all 0.3s ease;
}

@media (max-width: 575px) {
  .recommend__item > img {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
  }
}

.recommend__item > p {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

@media (max-width: 575px) {
  .recommend__item > p {
    font-size: 14px;
    font-weight: 500;
  }
}

.recommend__item.--price {
  background: #2ED876;
  color: #212121;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 500;
  z-index: 1;
  min-height: 250px;
}

@media (max-width: 575px) {
  .recommend__item.--price {
    font-size: 15px;
    min-height: 238px;
  }
}

.recommend__item.--price > img {
  position: absolute;
  right: 0;
  top: 0;
  width: 96px;
  height: 96px;
}

@media (max-width: 575px) {
  .recommend__item.--price > img {
    width: 76px;
    height: 76px;
    top: 6px;
  }
}

.recommend__item.--price > span {
  margin-bottom: 18px;
}

.recommend__item.--price > p {
  margin-top: auto;
}

.recommend__item.--price > div {
  display: inline-flex;
  flex-direction: column;
}

.recommend__item.--price > div .--num {
  position: relative;
  display: flex;
  font-size: 50px;
  line-height: 120%;
  font-weight: 700;
  margin-top: -5px;
  margin-bottom: 18px;
}

.recommend__item.--price > div .--num::after {
  content: "₽/мес";
  font-size: 0.5em;
  line-height: 0.4em;
  margin-left: 4px;
  margin-top: 0.6em;
}

@media (max-width: 575px) {
  .recommend__item.--price > div .--num {
    font-size: 40px;
  }
}

.recommend__item.--price::before {
  content: '';
  z-index: -1;
  width: 100%;
  height: 90%;
  position: absolute;
  right: -8px;
  top: -10px;
  border-radius: 24px;
  opacity: 0.3;
  background: #2ED876;
  transform: rotate(3deg);
  transition: all 0.3s ease;
}

@media (max-width: 980px) {
  .recommend__item.--price::before {
    display: none;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/*==========================================================================================*/
/*  Сетка миксинами  */
/*==========================================================================================*/
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
.options__title.__desktop {
  margin-bottom: 0;
  text-align: left;
}

.options__title.__mobile {
  text-align: center;
  display: none;
}

@media (max-width: 980px) {
  .options__title.__desktop {
    display: none;
  }
  .options__title.__mobile {
    display: block;
  }
}

.options__inner {
  border-radius: 24px;
  background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  padding: 35px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}

@media (max-width: 980px) {
  .options__inner {
    background: transparent;
    padding: 0;
  }
}

.options__inner.js-animated-observe .options__item {
  opacity: 0;
  transform: translateY(-200px);
}

.options__inner.--animate .options__item {
  opacity: 1;
  transform: translateY(0px);
}

.options__head {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
  flex: 1 1 40%;
  max-width: 485px;
}

@media (max-width: 980px) {
  .options__head {
    display: none;
  }
}

.options__row {
  font-size: 15px;
  line-height: 120%;
}

.options__th {
  padding-bottom: 27px;
}

.options__td {
  padding: 11px 0;
}

.options__td:first-of-type {
  padding-top: 0;
}

.options__td:last-of-type {
  padding-bottom: 0;
}

.options__body {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 60%;
  max-width: 60%;
  gap: 20px;
  overflow: hidden;
}

@media (max-width: 980px) {
  .options__body {
    flex: 1;
    max-width: 100%;
  }
}

.options__item {
  border-radius: 14px;
  background: #F4F4F1;
  color: #1B1B1B;
  transition: all .4s ease;
}

@media (min-width: 981px) {
  .options__item:nth-child(1) {
    transition-delay: 0s;
  }
  .options__item:nth-child(2) {
    transition-delay: 0.4s;
  }
  .options__item:nth-child(3) {
    transition-delay: 0.8s;
  }
}

.options__item.--blue {
  background: #0047FF;
  color: #FFFFFF;
}

.options__item.--violet {
  background: #6A47CF;
  color: #FFFFFF;
  flex: 1;
}

@media (max-width: 980px) {
  .options__item.--violet {
    flex: auto;
  }
}

.options__item-row {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 980px) {
  .options__item-row {
    padding: 0 10px;
  }
}

.options__item-th {
  padding: 25px 35px;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

@media (max-width: 980px) {
  .options__item-th {
    padding: 30px 35px 24px;
  }
}

@media (max-width: 575px) {
  .options__item-th {
    padding: 20px 10px 24px;
  }
}

.options__item-td {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 11px 0;
  gap: 7px;
}

.options__item-td svg {
  width: 16px;
  height: 16px;
  color: #2ED876;
}

.options__item-td:first-of-type {
  padding-top: 0;
}

.options__item-td:last-of-type {
  padding-bottom: 33px;
}

@media (max-width: 980px) {
  .options__item-td {
    padding: 12px 0;
  }
  .options__item-td:last-of-type {
    padding-bottom: 30px;
  }
}

.options__item-td-title {
  display: none;
}

@media (max-width: 980px) {
  .options__item-td-title {
    display: inline-block;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
.btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover {
    background: #33F297;
  }
}

.btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn {
  cursor: progress;
}

.is-loading.btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.complex-tariffs {
  position: relative;
  z-index: 100 !important;
}

.complex-tariffs__content-item.is-inactive {
  display: none;
}

.complex-tariffs__content-item.is-active {
  display: block;
  animation: tariffs-tab 0.4s;
}

@media (max-width: 1310px) {
  .complex-tariffs__nav {
    position: relative;
    z-index: 100;
  }
}

@keyframes tariffs-tab {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
.btn, .tariffs-content__quiz-btn, .tariffs-content__banner-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .tariffs-content__quiz-btn:hover, .tariffs-content__banner-btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .tariffs-content__quiz-btn:hover, .tariffs-content__banner-btn:hover {
    background: #33F297;
  }
}

.btn:focus, .tariffs-content__quiz-btn:focus, .tariffs-content__banner-btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .tariffs-content__quiz-btn:active, .tariffs-content__banner-btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .tariffs-content__quiz-btn:active, .tariffs-content__banner-btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .is-disabled.tariffs-content__quiz-btn, .is-disabled.tariffs-content__banner-btn, .btn[disabled], .tariffs-content__quiz-btn[disabled], .tariffs-content__banner-btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .is-error.tariffs-content__quiz-btn, .is-error.tariffs-content__banner-btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .is-loading.tariffs-content__quiz-btn, .is-loading.tariffs-content__banner-btn {
  cursor: progress;
}

.is-loading.btn::after, .is-loading.tariffs-content__quiz-btn::after, .is-loading.tariffs-content__banner-btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small, .btn--small.tariffs-content__quiz-btn, .btn--small.tariffs-content__banner-btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white, .btn--white.tariffs-content__quiz-btn, .btn--white.tariffs-content__banner-btn {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover, .btn--white.tariffs-content__quiz-btn:hover, .btn--white.tariffs-content__banner-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus, .btn--white.tariffs-content__quiz-btn:focus, .btn--white.tariffs-content__banner-btn:focus {
  border-color: #4A556E;
}

.btn.btn--blue, .btn--blue.tariffs-content__quiz-btn, .btn--blue.tariffs-content__banner-btn {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover, .btn--blue.tariffs-content__quiz-btn:hover, .btn--blue.tariffs-content__banner-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus, .btn--blue.tariffs-content__quiz-btn:focus, .btn--blue.tariffs-content__banner-btn:focus {
  border-color: #10477C;
}

.btn.btn--grey, .btn--grey.tariffs-content__quiz-btn, .btn--grey.tariffs-content__banner-btn {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover, .btn--grey.tariffs-content__quiz-btn:hover, .btn--grey.tariffs-content__banner-btn:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus, .btn--grey.tariffs-content__quiz-btn:focus, .btn--grey.tariffs-content__banner-btn:focus {
  border-color: #4A556E;
}

.btn.btn--dark, .btn--dark.tariffs-content__quiz-btn, .btn--dark.tariffs-content__banner-btn {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover, .btn--dark.tariffs-content__quiz-btn:hover, .btn--dark.tariffs-content__banner-btn:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active, .btn--dark.tariffs-content__quiz-btn:active, .btn--dark.tariffs-content__banner-btn:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active, .btn--dark.tariffs-content__quiz-btn:active, .btn--dark.tariffs-content__banner-btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--block.tariffs-content__quiz-btn, .btn--block.tariffs-content__banner-btn, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg, .tariffs-content__quiz-btn svg, .tariffs-content__banner-btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.section-block, .tariffs-content__quiz, .tariffs-content__sales, .tariffs-content__audience, .tariffs-content__services, .tariffs-content__benefits, .tariffs-content__steps, .tariffs-content__banner {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  z-index: 50;
}

@media (max-width: 980px) {
  .section-block, .tariffs-content__quiz, .tariffs-content__sales, .tariffs-content__audience, .tariffs-content__services, .tariffs-content__benefits, .tariffs-content__steps, .tariffs-content__banner {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}

@media (max-width: 575px) {
  .section-block, .tariffs-content__quiz, .tariffs-content__sales, .tariffs-content__audience, .tariffs-content__services, .tariffs-content__benefits, .tariffs-content__steps, .tariffs-content__banner {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.section-title {
  color: #fff;
  line-height: 1.1;
  font-size: 50px;
  margin: 0 0 100px 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .section-title {
    font-size: 36px;
    margin: 0 0 60px 0;
  }
}

@media (max-width: 575px) {
  .section-title {
    font-size: 22px;
    margin: 0 0 30px 0;
  }
}

.section-title {
  text-align: center;
}

.section-title .highlight {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 980px) {
  .section-title .highlight {
    margin-top: 5px;
  }
}

.tariffs-content__quiz-inner {
  display: flex;
  align-items: center;
  border-radius: 24px;
  background-color: #282828;
  position: relative;
  padding: 45px;
  overflow: hidden;
  gap: 20px;
}

.tariffs-content__quiz-inner::after {
  content: '';
  width: 620px;
  height: 620px;
  background: url(../images/landing-complex/background-quiz.png) no-repeat right/cover;
  position: absolute;
  right: -310px;
  bottom: calc(-310px + 50%);
}

@media (max-width: 980px) {
  .tariffs-content__quiz-inner {
    padding: 25px 20px;
  }
}

@media (max-width: 768px) {
  .tariffs-content__quiz-inner {
    flex-direction: column;
  }
  .tariffs-content__quiz-inner::after {
    right: calc(-310px + 42%);
    bottom: calc(-310px - 10%);
  }
}

@media (max-width: 575px) {
  .tariffs-content__quiz-inner {
    padding: 20px 10px;
  }
  .tariffs-content__quiz-inner::after {
    right: calc(-310px + 40%);
  }
}

.tariffs-content__quiz-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  max-width: 55%;
}

@media (max-width: 1310px) {
  .tariffs-content__quiz-title {
    font-size: 31px;
  }
  .tariffs-content__quiz-title .highlight {
    font-size: 31px;
  }
}

@media (max-width: 980px) {
  .tariffs-content__quiz-title {
    font-size: 28px;
    max-width: 100%;
    flex: 1;
  }
  .tariffs-content__quiz-title .highlight {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .tariffs-content__quiz-title {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .tariffs-content__quiz-title {
    font-size: 20px;
  }
  .tariffs-content__quiz-title .highlight {
    font-size: 20px;
  }
}

.tariffs-content__quiz-btn {
  font-weight: 600;
  z-index: 3;
}

@media (max-width: 768px) {
  .tariffs-content__quiz-btn {
    width: 100%;
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .tariffs-content__quiz-btn {
    padding: 12px;
  }
}

.tariffs-content__banner {
  border-radius: 24px;
  background-color: #282828;
  padding: 45px;
  overflow: hidden;
}

.tariffs-content__banner::after {
  content: '';
  width: 428px;
  height: 428px;
  background: url(../images/capabilities/background-circle-2.png) no-repeat right/contain;
  position: absolute;
  right: -175px;
  bottom: calc(-214px + 50%);
}

@media (max-width: 980px) {
  .tariffs-content__banner {
    padding: 25px 20px;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner {
    padding: 20px 10px;
  }
  .tariffs-content__banner::after {
    bottom: -80%;
  }
}

.tariffs-content__banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 20px;
}

.tariffs-content__banner-inner.js-animated-observe .tariffs-content__banner-message > div.__text {
  transform: scale(0);
  transform-origin: right bottom;
  transition: transform .5s ease-out .3s;
}

.tariffs-content__banner-inner.--animate .tariffs-content__banner-message > div.__text {
  transform: scale(1);
}

@media (max-width: 980px) {
  .tariffs-content__banner-inner {
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-inner {
    width: 100%;
  }
}

.tariffs-content__banner-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  max-width: 45%;
}

@media (max-width: 1310px) {
  .tariffs-content__banner-title {
    font-size: 31px;
    max-width: 29%;
  }
  .tariffs-content__banner-title .highlight {
    font-size: 31px;
  }
}

@media (max-width: 980px) {
  .tariffs-content__banner-title {
    font-size: 28px;
    max-width: 100%;
    flex: 1;
    text-align: center;
  }
  .tariffs-content__banner-title .highlight {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-title {
    font-size: 20px;
  }
  .tariffs-content__banner-title .highlight {
    font-size: 20px;
  }
}

.tariffs-content__banner-btn {
  font-weight: 600;
  z-index: 3;
}

@media (max-width: 980px) {
  .tariffs-content__banner-btn {
    width: 100%;
    font-size: 16px;
    order: 3;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-btn {
    padding: 12px;
  }
}

.tariffs-content__banner-message {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}

@media (max-width: 980px) {
  .tariffs-content__banner-message {
    order: 2;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-message {
    gap: 10px;
  }
}

@media (max-width: 414px) {
  .tariffs-content__banner-message {
    width: 100%;
  }
}

.tariffs-content__banner-message > div.__text {
  border-radius: 24px 24px 2px 24px;
  background: #FFFFFF;
  padding: 24px 32px;
  font-size: 20px;
  font-weight: 500;
  color: #212121;
  line-height: normal;
  max-width: 235px;
  position: relative;
  flex: 1;
}

.tariffs-content__banner-message > div.__text:after {
  content: '16:05';
  position: absolute;
  bottom: 24px;
  right: 32px;
  font-size: 15px;
  line-height: 133%;
  color: rgba(33, 33, 33, 0.45);
}

@media (max-width: 980px) {
  .tariffs-content__banner-message > div.__text {
    font-size: 16px;
    padding: 14px 25px;
    flex: 1 1 60%;
  }
  .tariffs-content__banner-message > div.__text:after {
    bottom: 10px;
    right: 20px;
    font-size: 11px;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-message > div.__text {
    font-size: 14px;
    padding: 14px 14px 25px;
  }
  .tariffs-content__banner-message > div.__text:after {
    bottom: 6px;
    right: 10px;
  }
}

@media (max-width: 414px) {
  .tariffs-content__banner-message > div.__text {
    text-align: center;
    max-width: 100%;
  }
}

.tariffs-content__banner-message > div.__icon {
  position: relative;
}

.tariffs-content__banner-message > div.__icon img {
  width: 100px;
  height: 100px;
}

.tariffs-content__banner-message > div.__icon::after, .tariffs-content__banner-message > div.__icon::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #2ED876;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.tariffs-content__banner-message > div.__icon::after {
  animation: footer-contact-pulse 2s ease-out infinite;
}

@media (max-width: 980px) {
  .tariffs-content__banner-message > div.__icon img {
    width: 70px;
    height: 70px;
  }
  .tariffs-content__banner-message > div.__icon::after, .tariffs-content__banner-message > div.__icon::before {
    width: 12px;
    height: 12px;
    left: 20%;
  }
}

@media (max-width: 575px) {
  .tariffs-content__banner-message > div.__icon img {
    width: 54px;
    height: 54px;
  }
  .tariffs-content__banner-message > div.__icon::after, .tariffs-content__banner-message > div.__icon::before {
    width: 9px;
    height: 9px;
    left: 15%;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
.btn, .tariffs-alternative__item-submit {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .tariffs-alternative__item-submit:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .tariffs-alternative__item-submit:hover {
    background: #33F297;
  }
}

.btn:focus, .tariffs-alternative__item-submit:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .tariffs-alternative__item-submit:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .tariffs-alternative__item-submit:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .is-disabled.tariffs-alternative__item-submit, .btn[disabled], .tariffs-alternative__item-submit[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .is-error.tariffs-alternative__item-submit {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .is-loading.tariffs-alternative__item-submit {
  cursor: progress;
}

.is-loading.btn::after, .is-loading.tariffs-alternative__item-submit::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.tariffs-alternative__inner {
  background-color: #282828;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 24px;
  overflow: hidden;
}

@media (max-width: 980px) {
  .tariffs-alternative__inner {
    background-color: transparent;
    display: block;
    border-radius: 0;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative__inner {
    overflow: visible;
  }
}

.tariffs-alternative__head {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
  flex: 0 0 34%;
  max-width: 430px;
}

.tariffs-alternative__head-empty {
  border-bottom: 1px solid #1B1B1B;
  display: flex;
  align-items: center;
  padding-left: 35px;
  font-size: 25px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .tariffs-alternative__head {
    display: none;
  }
  .tariffs-alternative__head-empty {
    display: none;
  }
}

.tariffs-alternative__body {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  max-width: calc(100% - 34%);
}

.tariffs-alternative__body .owl-dots {
  z-index: -1;
}

@media (max-width: 980px) {
  .tariffs-alternative__body {
    max-width: 100%;
  }
}

.tariffs-alternative__th, .tariffs-alternative__td, .tariffs-alternative__item-th, .tariffs-alternative__item-td {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 20px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

.tariffs-alternative__th p, .tariffs-alternative__td p, .tariffs-alternative__item-th p, .tariffs-alternative__item-td p {
  margin: 0;
}

.tariffs-alternative__th, .tariffs-alternative__item-th {
  font-size: 18px;
  line-height: normal;
}

.tariffs-alternative__td, .tariffs-alternative__item-td {
  font-size: 14px;
  line-height: 120%;
  border-bottom: 1px solid #1B1B1B;
}

.tariffs-alternative__td {
  transition: all 0.3s ease;
}

.tariffs-alternative__td:not(.is-disabled) {
  background: rgba(79, 244, 196, 0.2);
}

.tariffs-alternative__item {
  position: relative;
  border-radius: 20px;
  flex: 1 0 33.3%;
  max-width: 33.3%;
  margin: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

@media (max-width: 980px) {
  .tariffs-alternative__item {
    flex: auto;
    max-width: 100%;
    background: #282828;
  }
}

@media (min-width: 980px) {
  .tariffs-alternative__item.is-inactive {
    opacity: 0.7;
  }
  .tariffs-alternative__item.is-inactive:after {
    border-color: rgba(46, 216, 118, 0.12);
  }
  .tariffs-alternative__item:hover:after {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .tariffs-alternative__item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: calc(100% - 8px);
    background: transparent;
    border: 4px solid #2ED876;
    box-shadow: 0px 0px 80px 0px rgba(27, 27, 27, 0.5);
    border-radius: 20px;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
  }
  .tariffs-alternative__item.is-active::after {
    transition: all 0.3s ease;
    opacity: 1;
    border-color: #2ed876;
  }
}

.tariffs-alternative__item.is-active .tariffs-alternative__item-td:not(.is-disabled) {
  background: rgba(79, 244, 196, 0.2);
}

.tariffs-alternative__item-head {
  position: relative;
  z-index: 5;
  padding: 26px 19px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #1B1B1B;
  background-color: #282828;
  cursor: pointer;
}

.tariffs-alternative__item-head.has-sticky {
  animation: fadeIn .5s forwards;
}

.tariffs-alternative__item-head.has-sticky .tariffs-alternative__item-desc svg {
  opacity: 0;
}

@media (max-width: 575px) {
  .tariffs-alternative__item-head {
    padding: 25px 10px 15px;
  }
}

.tariffs-alternative__item-title {
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
}

@media (max-width: 1200px) {
  .tariffs-alternative__item-title {
    font-size: 16px;
  }
}

@media (max-width: 980px) {
  .tariffs-alternative__item-title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

.tariffs-alternative__item-desc svg {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  width: 18px;
  height: 18px;
  opacity: .3;
  transition: opacity .3s ease;
}

@media (max-width: 768px) {
  .tariffs-alternative__item-desc svg {
    width: 20px;
    height: 20px;
    top: 26px;
    right: 19px;
  }
}

@media (max-width: 575px) {
  .tariffs-alternative__item-desc svg {
    top: 25px;
    right: 10px;
  }
}

.tariffs-alternative__item-desc svg:hover {
  opacity: 1;
}

.tariffs-alternative__item-desc svg:hover ~ div.--tooltip {
  opacity: 1;
}

.tariffs-alternative__item-desc > div.--tooltip {
  opacity: 0;
  pointer-events: none;
  height: -webkit-max-content;
  height: max-content;
  padding: 22px;
  border-radius: 12px;
  background: #212121;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 100;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 85%;
  margin: auto;
  font-size: 15px;
  line-height: 120%;
  transition: opacity .2s ease;
}

.tariffs-alternative__item-desc > div.--tooltip p:last-of-type {
  margin: 0;
}

@media (max-width: 768px) {
  .tariffs-alternative__item-desc > div.--tooltip {
    top: 50px;
  }
}

@media (max-width: 575px) {
  .tariffs-alternative__item-desc > div.--tooltip {
    padding: 10px;
    border-radius: 12px;
    margin: 0 auto 0 0;
    font-size: 14px;
  }
}

.tariffs-alternative__item-price {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: auto;
}

.tariffs-alternative__item-price span {
  color: #FFFFFF;
  font-size: 35px;
  line-height: 120%;
  font-weight: 700;
}

.tariffs-alternative__item-price span::after {
  content: "₽/мес";
  font-size: 0.7em;
  margin-left: 4px;
}

@media (max-width: 1300px) {
  .tariffs-alternative__item-price {
    font-size: 16px;
  }
  .tariffs-alternative__item-price span {
    font-size: 30px;
  }
}

@media (max-width: 980px) {
  .tariffs-alternative__item-price span {
    font-size: 40px;
    margin-left: 6px;
  }
  .tariffs-alternative__item-price span::after {
    font-size: 0.5em;
  }
}

.tariffs-alternative__item-footer {
  margin-top: 20px;
  text-align: center;
}

.tariffs-alternative__item-submit {
  margin: 0 auto;
  padding: 10px 30px;
  width: 100%;
}

@media (max-width: 980px) {
  .tariffs-alternative__item-submit {
    padding: 12px;
  }
}

@media (max-width: 575px) {
  .tariffs-alternative__item-submit {
    font-size: 16px;
  }
}

.tariffs-alternative__item-icon, .tariffs-alternative__item-disabled {
  line-height: normal;
}

.tariffs-alternative__item-icon svg, .tariffs-alternative__item-disabled svg {
  height: 28px;
  width: 28px;
}

@media (max-width: 980px) {
  .tariffs-alternative__item-icon svg, .tariffs-alternative__item-disabled svg {
    height: 20px;
    width: 20px;
  }
}

.tariffs-alternative__item-disabled {
  opacity: 0.12;
}

.tariffs-alternative__item-th {
  font-size: 0;
  border-bottom: 1px solid #1B1B1B;
}

@media (max-width: 980px) {
  .tariffs-alternative__item-th {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .tariffs-alternative__item-th {
    font-size: 14px;
    padding: 20px 10px 10px;
  }
}

.tariffs-alternative__item-td {
  justify-content: center;
}

@media (max-width: 980px) {
  .tariffs-alternative__item-td {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
  }
  .tariffs-alternative__item-td span:last-of-type {
    font-weight: 700;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative__item-td {
    padding: 10px;
  }
}

.tariffs-alternative__item-td-title {
  display: none;
}

@media (max-width: 980px) {
  .tariffs-alternative__item-td-title {
    display: inline-block;
    font-size: 16px;
    line-height: normal;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative__item-td-title {
    font-size: 14px;
  }
}

.tariffs-alternative__item-spoiler-btn {
  display: none;
}

@media (max-width: 768px) {
  .tariffs-alternative__item-spoiler-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 0;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: normal;
  }
  .tariffs-alternative__item-spoiler-btn svg {
    width: 24px;
    height: 24px;
    margin-left: 6px;
  }
  .tariffs-alternative__item-spoiler-btn.-bottom {
    display: none;
    margin: 15px 0;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative__item-body {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    height: 0;
    transition: all 0.3s ease;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative.spoiler-show .tariffs-alternative__item-body {
    opacity: 1;
    transform: scaleY(1);
    height: auto;
    transition: all 0.3s ease;
  }
  .tariffs-alternative.spoiler-show .tariffs-alternative__item-spoiler-btn svg {
    transform: rotate(180deg);
  }
  .tariffs-alternative.spoiler-show .tariffs-alternative__item-spoiler-btn.-bottom {
    display: flex;
  }
}

.tariffs-alternative .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.tariffs-alternative .owl-carousel .owl-nav button {
  position: absolute;
  bottom: -10px;
}

.tariffs-alternative .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.tariffs-alternative .owl-carousel .owl-nav button.owl-next {
  right: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container, .tariffs-alternative-bar__container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container, .tariffs-alternative-bar__container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/**
 * MIXINS LIST:
 * @mixin block-full
 * @mixin block-ratio
 * @mixin img-full
 * @mixin fullwidth
 * @mixin cfix-after
 * @mixin cfix-before
 * @mixin cfix
 * @mixin container( $maxWidth: 1280px)
 * @mixin media-max($resolution)
 * @mixin media-min($resolution)
 * @mixin media-interval($resolution-min, $resolution-max)
 * @mixin smooth-drop-down-hide
 * @mixin smooth-drop-down-show
 */
/**
 * Блок на 100vw
 */
/**
 * Отменяем обтекание ( float )
 */
/**
 * Центрированый контейнер
 */
/**
 * Миксины для работы с медиазапросами
 */
/**
 * Появление выпадашки
 */
.btn, .tariffs-alternative-bar__btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #2ED876;
  outline: 4px solid #244A3800 !important;
  color: #212121;
  border: none;
  font-size: 18px;
  line-height: 120%;
  padding: 20px 45px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  transition: background-color 0.3s, color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn:hover, .tariffs-alternative-bar__btn:hover {
  background: #2ED876;
  text-decoration: none;
}

@media (hover: hover) {
  .btn:hover, .tariffs-alternative-bar__btn:hover {
    background: #33F297;
  }
}

.btn:focus, .tariffs-alternative-bar__btn:focus {
  border-color: #d3dee9;
  text-decoration: none;
}

.btn:active, .tariffs-alternative-bar__btn:active {
  background: #2ED876;
  outline: 4px solid #244A38 !important;
}

@media (max-width: 980px) {
  .btn:active, .tariffs-alternative-bar__btn:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn, .is-disabled.tariffs-alternative-bar__btn, .btn[disabled], .tariffs-alternative-bar__btn[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.is-error.btn, .is-error.tariffs-alternative-bar__btn {
  animation: error 0.3s ease-in-out;
}

.is-loading.btn, .is-loading.tariffs-alternative-bar__btn {
  cursor: progress;
}

.is-loading.btn::after, .is-loading.tariffs-alternative-bar__btn::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn--secondary {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  padding: 11px 13px;
  border-radius: 55px;
  border: 2px solid currentColor;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
  text-decoration: none;
}

@media (hover: hover) {
  .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.btn--secondary:active {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .btn--secondary:active {
    color: #212121;
    background: #F4F4F1;
    border-color: #F4F4F1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.is-disabled.btn--secondary, .btn--secondary[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  filter: grayscale(1);
}

.is-error.btn--secondary {
  border-color: #d94848;
  animation: error 0.3s ease-in-out;
}

.is-loading.btn--secondary {
  cursor: progress;
}

.is-loading.btn--secondary::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.85) url("../images/loader.svg") center center no-repeat;
  background-size: 1em 1em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.btn.btn--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn--white {
  background: #fff;
  color: #0087F9;
}

.btn.btn--white:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--white:focus {
  border-color: #4A556E;
}

.btn.btn--blue {
  background: #DEE6EC;
  border-color: #DEE6EC;
  color: #10477C;
}

.btn.btn--blue:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--blue:focus {
  border-color: #10477C;
}

.btn.btn--grey {
  background: #E7E7E7;
  border-color: #E7E7E7;
  color: #333333;
}

.btn.btn--grey:hover {
  background-color: #4A556E;
  border-color: #4A556E;
  color: #fff;
}

.btn.btn--grey:focus {
  border-color: #4A556E;
}

.btn.btn--dark {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  border: 4px solid #212121;
  border-radius: 41px;
  padding: 12px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
}

@media (hover: hover) {
  .btn.btn--dark:hover {
    background-color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}

.btn.btn--dark:active {
  background-color: #212121;
  border-color: #333333;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn.btn--dark:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
            user-select: none;
  }
}

.btn.btn--block, .btn--fullwidth {
  display: block;
  width: 100%;
}

.btn-hamburger {
  display: block;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-size: 1em;
  width: 1.2em;
  height: 1em;
  color: currentColor;
}

.btn-hamburger span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 100%;
  background: currentColor;
  left: 0;
  top: 50%;
  margin-top: -0.1em;
  border-radius: 0.1em;
  transition: opacity 0.3s, transform 0.3s;
}

.btn-hamburger span:first-child {
  margin-top: -0.5em;
}

.btn-hamburger span:last-child {
  margin-top: 0.3em;
}

.btn-hamburger.is-active span:nth-child(1) {
  transform: translate(0, 50%) scale(0.5);
  opacity: 0;
}

.btn-hamburger.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.btn-hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.btn-hamburger.is-active span:nth-child(4) {
  transform: translate(0, -50%) scale(0.5);
  opacity: 0;
}

.btn svg {
  width: 24px;
  height: 24px;
}

.btn--fullwidth {
  max-width: unset;
}

.bubbly-button {
  width: 270px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
  outline: 0;
}

.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: '';
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -2;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
}

.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 20%, #bf3185 20%, transparent 30%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 5% 10%, 10% 20%, 7% 14%, 10% 20%, 9% 18%, 5% 10%, 7% 14%, 5% 10%, 9% 18%;
}

.bubbly-button:after {
  display: none;
  bottom: -75%;
  transition: all ease-in-out 0.5s;
  background-image: radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, transparent 10%, #bf3185 15%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%), radial-gradient(circle, #bf3185 20%, transparent 20%);
  background-size: 7% 14%, 10% 20%, 9% 18%, 10% 20%, 7% 14%, 5% 10%, 10% 20%;
}

@media (max-width: 1000px) {
  .bubbly-button:before {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f42c77 20%, transparent 30%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
  .bubbly-button:after {
    background-image: radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f42c77 15%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%), radial-gradient(circle, #f42c77 20%, transparent 20%);
  }
}

.bubbly-button:active {
  transform: scale(0.9);
  background-color: #ab2c77;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

.button {
  position: relative;
  width: 270px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 10px;
  text-decoration: none;
  background: linear-gradient(to right, #f51094, #f42c77);
  cursor: pointer;
  border-radius: 27px;
  border: none;
}

.button span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 27px;
  background: linear-gradient(to right, #bf3185, #bf3185);
  text-align: center;
  padding: 14px 10px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1000px) {
  .button:hover span {
    opacity: 1;
  }
}

.tariffs-alternative-bar {
  transform: translateY(100%);
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
}

.tariffs-alternative-bar.is-active {
  display: block;
  animation: bar-fixed 1.5s;
  transform: translateY(0);
  opacity: 1;
}

.tariffs-alternative-bar__note {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 980px) {
  .tariffs-alternative-bar__note {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative-bar__note {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .tariffs-alternative-bar__note {
    font-size: 12px;
  }
}

.tariffs-alternative-bar__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 18px 18px 45px;
  border-radius: 24px 24px 0px 0px;
  background: #282828;
  gap: 20px;
}

@media (max-width: 980px) {
  .tariffs-alternative-bar__container {
    flex-direction: column;
    gap: 12px;
    padding: 12px 10px 16px;
    box-shadow: 0px 4px 82.4px 0px rgba(0, 0, 0, 0.25);
  }
}

@media (max-width: 768px) {
  .tariffs-alternative-bar__container {
    border-radius: 12px 12px 0px 0px;
    margin: 0;
  }
}

.tariffs-alternative-bar__btns {
  display: flex;
  border-radius: 178px;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px;
  gap: 10px;
}

@media (max-width: 768px) {
  .tariffs-alternative-bar__btns {
    background: transparent;
    padding: 0;
    border-radius: 0;
    gap: 0;
    width: 100%;
  }
}

.tariffs-alternative-bar__btn {
  position: relative;
  flex: 1;
  padding: 13px 30px;
  line-height: normal;
  background-color: transparent;
  transition: all 0.3s ease;
  color: #FFFFFF;
}

.tariffs-alternative-bar__btn:hover, .tariffs-alternative-bar__btn.is-active {
  background-color: #2ED876;
  color: #212121;
}

@media (max-width: 980px) {
  .tariffs-alternative-bar__btn {
    font-size: 16px;
    padding: 8px 20px;
  }
}

@media (max-width: 768px) {
  .tariffs-alternative-bar__btn {
    font-weight: 400;
    color: #2ED876;
    opacity: .5;
    padding: 0;
    text-align: center;
  }
  .tariffs-alternative-bar__btn span {
    padding: 0 8px;
    font-size: 14px;
  }
  .tariffs-alternative-bar__btn::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #2ED876;
    display: block;
    margin-top: 6px;
  }
  .tariffs-alternative-bar__btn:hover, .tariffs-alternative-bar__btn.is-active {
    background-color: transparent;
    color: #2ED876;
    opacity: 1;
  }
}

@keyframes bar-fixed {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.landing-sales__notice {
  border-radius: 24px;
  background: url(../images/landing-complex/bg-block-sales.png) center center no-repeat, #282828;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  padding: 45px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.landing-sales__notice.js-animated-observe .landing-sales__notice-message > div.__text {
  transform: scale(0);
  transform-origin: right bottom;
  transition: transform .5s ease-out .3s;
}

.landing-sales__notice.--animate .landing-sales__notice-message > div.__text {
  transform: scale(1);
}

@media (max-width: 980px) {
  .landing-sales__notice {
    font-size: 22px;
    padding: 25px 20px;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 575px) {
  .landing-sales__notice {
    gap: 20px;
    font-size: 16px;
    padding: 20px 10px;
  }
}

.landing-sales__notice p {
  margin: 0;
}

.landing-sales__notice-text {
  max-width: 45%;
}

@media (max-width: 980px) {
  .landing-sales__notice-text {
    max-width: 100%;
  }
}

.landing-sales__notice-message {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}

@media (max-width: 575px) {
  .landing-sales__notice-message {
    gap: 10px;
  }
}

.landing-sales__notice-message > div.__text {
  border-radius: 24px 24px 2px 24px;
  background: #FFFFFF;
  padding: 24px 32px;
  font-size: 20px;
  font-weight: 500;
  color: #212121;
  line-height: normal;
  max-width: 400px;
  position: relative;
}

.landing-sales__notice-message > div.__text:after {
  content: '15:02';
  position: absolute;
  bottom: 24px;
  right: 32px;
  font-size: 15px;
  line-height: 133%;
  color: rgba(33, 33, 33, 0.45);
}

@media (max-width: 980px) {
  .landing-sales__notice-message > div.__text {
    font-size: 16px;
    padding: 14px 25px;
    flex: 1 1 60%;
  }
  .landing-sales__notice-message > div.__text:after {
    bottom: 10px;
    right: 20px;
    font-size: 11px;
  }
}

@media (max-width: 575px) {
  .landing-sales__notice-message > div.__text {
    font-size: 14px;
    padding: 14px 14px 25px;
  }
  .landing-sales__notice-message > div.__text:after {
    bottom: 6px;
    right: 10px;
  }
}

.landing-sales__notice-message > div.__icon {
  background: url(../images/form-online-meetings-bg-2-2.png) no-repeat center center/contain;
  width: 100px;
  height: 100px;
  position: relative;
}

.landing-sales__notice-message > div.__icon::after, .landing-sales__notice-message > div.__icon::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #2ED876;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.landing-sales__notice-message > div.__icon::after {
  animation: footer-contact-pulse 2s ease-out infinite;
}

@media (max-width: 980px) {
  .landing-sales__notice-message > div.__icon {
    width: 70px;
    height: 70px;
  }
  .landing-sales__notice-message > div.__icon::after, .landing-sales__notice-message > div.__icon::before {
    width: 12px;
    height: 12px;
    left: 20%;
  }
}

@media (max-width: 575px) {
  .landing-sales__notice-message > div.__icon {
    width: 54px;
    height: 54px;
  }
  .landing-sales__notice-message > div.__icon::after, .landing-sales__notice-message > div.__icon::before {
    width: 9px;
    height: 9px;
    left: 15%;
  }
}

.landing-sales__body {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.landing-sales__body.js-animated-observe .landing-sales__item {
  opacity: 0;
  transform: translateY(200px);
}

.landing-sales__body.--animate .landing-sales__item {
  opacity: 1;
  transform: translateY(0px);
}

@media (max-width: 980px) {
  .landing-sales__body {
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .landing-sales__body {
    margin-top: 30px;
  }
}

.landing-sales__item {
  position: relative;
  width: 96%;
  min-height: 152px;
  transition: all .4s ease;
}

@media (max-width: 980px) {
  .landing-sales__item {
    width: 100% !important;
    height: auto !important;
    min-height: 120px;
  }
  .landing-sales__item .landing-sales__item-bg {
    transform: none;
  }
}

@media (max-width: 768px) {
  .landing-sales__item {
    min-height: 50px;
  }
}

.landing-sales__item:nth-child(2) {
  width: 91%;
}

.landing-sales__item:nth-child(1) {
  z-index: 7;
  transition-delay: 0s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(1) {
    width: calc(97% - 0%);
  }
}

.landing-sales__item:nth-child(0) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0;
}

.landing-sales__item:nth-child(2) {
  z-index: 6;
  transition-delay: 0.4s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(2) {
    width: calc(97% - 4%);
  }
}

.landing-sales__item:nth-child(1) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.05;
}

.landing-sales__item:nth-child(3) {
  z-index: 5;
  transition-delay: 0.8s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(3) {
    width: calc(97% - 8%);
  }
}

.landing-sales__item:nth-child(2) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.1;
}

.landing-sales__item:nth-child(4) {
  z-index: 4;
  transition-delay: 1.2s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(4) {
    width: calc(97% - 12%);
  }
}

.landing-sales__item:nth-child(3) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.15;
}

.landing-sales__item:nth-child(5) {
  z-index: 3;
  transition-delay: 1.6s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(5) {
    width: calc(97% - 16%);
  }
}

.landing-sales__item:nth-child(4) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.2;
}

.landing-sales__item:nth-child(6) {
  z-index: 2;
  transition-delay: 2s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(6) {
    width: calc(97% - 20%);
  }
}

.landing-sales__item:nth-child(5) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.25;
}

.landing-sales__item:nth-child(7) {
  z-index: 1;
  transition-delay: 2.4s;
}

@media (min-width: 981px) {
  .landing-sales__item:nth-child(7) {
    width: calc(97% - 24%);
  }
}

.landing-sales__item:nth-child(6) .landing-sales__item-bg {
  background-color: #4FF4C4;
  opacity: 0.3;
}

.landing-sales__item-content {
  width: 100%;
  padding: 35px 30px;
  display: flex;
  font-size: 15px;
  line-height: 120%;
}

@media (max-width: 980px) {
  .landing-sales__item-content {
    padding: 25px 20px;
  }
}

@media (max-width: 575px) {
  .landing-sales__item-content {
    padding: 20px 10px;
    flex-direction: column;
    font-size: 14px;
    line-height: normal;
  }
}

.landing-sales__item-content--name {
  font-size: 20px;
  line-height: normal;
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.landing-sales__item-content--name span {
  max-width: 80%;
}

.landing-sales__item-content--name.disabled span:not(.--step) {
  opacity: 0.3;
}

.landing-sales__item-content--name span.--step {
  display: none;
}

@media (max-width: 575px) {
  .landing-sales__item-content--name span.--step {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 2px;
    opacity: 0.7;
  }
}

@media (max-width: 980px) {
  .landing-sales__item-content--name {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .landing-sales__item-content--name {
    font-weight: 700;
    line-height: 120%;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .landing-sales__item-content--name span {
    max-width: 100%;
  }
}

.landing-sales__item-content--features {
  width: 60%;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px;
}

@media (max-width: 575px) {
  .landing-sales__item-content--features {
    width: 100%;
  }
}

.landing-sales__item-content--features > div {
  border-radius: 36px;
  background: rgba(119, 255, 177, 0.05);
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media (max-width: 768px) {
  .landing-sales__item-content--features > div {
    font-size: 14px;
    padding: 5px 8px;
  }
}

.landing-sales__item-content--features > div.disabled span, .landing-sales__item-content--features > div.disabled svg {
  opacity: 0.3;
}

.landing-sales__item-content--features > div > div {
  display: flex;
}

.landing-sales__item-content--features > div > div .--tooltip {
  opacity: 0;
  pointer-events: none;
  height: -webkit-max-content;
  height: max-content;
  padding: 22px;
  border-radius: 12px;
  background: #282828;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: -webkit-max-content;
  width: max-content;
  max-width: calc(100% + 100px);
  margin: auto;
  font-size: 15px;
  line-height: 120%;
  transition: all .4s ease;
}

.landing-sales__item-content--features > div > div .--tooltip p:last-of-type {
  margin: 0;
}

.landing-sales__item-content--features > div > div .--tooltip.-left {
  right: auto;
}

@media (max-width: 768px) {
  .landing-sales__item-content--features > div > div .--tooltip {
    top: 50px;
  }
}

@media (max-width: 575px) {
  .landing-sales__item-content--features > div > div .--tooltip {
    padding: 10px;
    border-radius: 12px;
    margin: 0;
    font-size: 14px;
    max-width: -webkit-min-content;
    max-width: min-content;
  }
}

.landing-sales__item-content--features > div svg {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  opacity: .3;
  transition: opacity .3s ease;
  cursor: pointer;
}

@media (max-width: 768px) {
  .landing-sales__item-content--features > div svg {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
}

.landing-sales__item-content--features > div svg:hover {
  opacity: 1;
}

.landing-sales__item-content--features > div svg:hover ~ div.--tooltip {
  opacity: 1;
  top: 100%;
}

.landing-sales__item-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(79, 244, 196, 0.05);
  transform: perspective(80px) rotateX(-1deg);
  border-radius: 10px;
  z-index: -1;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.landing-audience__title .highlight {
  margin-top: 15px;
}

@media (max-width: 575px) {
  .landing-audience__title .highlight {
    margin-top: 5px;
  }
}

.landing-audience__list {
  display: flex;
  width: 100%;
  gap: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .landing-audience__list {
    margin-bottom: 28px;
  }
}

.landing-audience__item {
  padding: 30px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  flex: 1;
  transition: all 0.3s ease;
}

.landing-audience__item:hover {
  filter: brightness(1.1);
}

.landing-audience__item:hover > img {
  transform: scale(1.1);
}

.landing-audience__item-img {
  max-width: 70px;
  margin-bottom: 30px;
  object-fit: contain;
  transition: all 0.3s ease;
}

.landing-audience__item-title {
  font-size: 18px;
  line-height: normal;
}

@media (max-width: 1200px) {
  .landing-audience__item {
    height: 100%;
  }
}

@media (max-width: 980px) {
  .landing-audience__item {
    padding: 20px;
    border-radius: 12px;
  }
  .landing-audience__item-img {
    max-width: 55px;
  }
  .landing-audience__item-title {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .landing-audience__item {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
  .landing-audience__item-img {
    margin-bottom: 0px;
  }
  .landing-audience__item-title {
    font-weight: 500;
  }
}

@media (max-width: 575px) {
  .landing-audience__item {
    padding: 10px;
  }
  .landing-audience__item-title {
    font-size: 14px;
  }
}

.landing-audience__text {
  border-radius: 24px;
  background: #282828;
  padding: 35px 30px;
  font-size: 18px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.landing-audience__text::after {
  content: '';
  width: 620px;
  height: 620px;
  background: url(../images/capabilities/background-circle-2.png) no-repeat right/contain;
  position: absolute;
  right: -310px;
  bottom: calc(-310px + 50%);
}

.landing-audience__text span {
  display: inline-block;
  max-width: 65%;
}

.landing-audience__text p:last-of-type {
  margin: 0;
}

@media (max-width: 980px) {
  .landing-audience__text {
    padding: 25px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .landing-audience__text span {
    max-width: 100%;
  }
  .landing-audience__text::after {
    width: 274px;
    height: 274px;
    right: -137px;
    bottom: -100%;
  }
}

@media (max-width: 575px) {
  .landing-audience__text {
    padding: 20px 10px;
    border-radius: 12px;
    font-size: 14px;
  }
}

.landing-audience .owl-carousel .owl-stage {
  display: flex;
}

.landing-audience .owl-carousel .owl-item {
  flex: 1;
}

.landing-audience .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.landing-audience .owl-carousel .owl-nav button {
  position: absolute;
  bottom: -15px;
}

@media (max-width: 575px) {
  .landing-audience .owl-carousel .owl-nav button {
    bottom: -8px;
  }
}

.landing-audience .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.landing-audience .owl-carousel .owl-nav button.owl-next {
  right: 0;
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

/*==========================================================================================*/
/*  Сетка миксинами  */
/*==========================================================================================*/
/* миксины элементов сетки */
/* миксины устанавливающие стандартный размер блоков и отступов*/
/* миксины устанавливающие размер блоков и отступов по медиазапросам + можно вставлять дополнительные свойства*/
.landing-services__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

@media (max-width: 980px) {
  .landing-services__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .landing-services__list {
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.landing-services__item {
  border-radius: 24px;
  background-color: #282828;
  flex: 1 1 32%;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
}

.landing-services__item:hover {
  filter: brightness(1.15);
}

.landing-services__item-content {
  display: flex;
  flex-direction: column;
  padding: 35px 35px 200px;
  gap: 20px;
}

.landing-services__item:nth-of-type(4), .landing-services__item:nth-of-type(5) {
  flex: 1 1 49%;
}

.landing-services__item:nth-of-type(4) .landing-services__item-content, .landing-services__item:nth-of-type(5) .landing-services__item-content {
  padding: 35px;
  width: 63%;
}

.landing-services__item-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 120%;
}

.landing-services__item-text {
  font-size: 18px;
  line-height: normal;
  opacity: 0.8;
}

.landing-services__item-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  object-fit: contain;
  object-position: bottom right;
}

@media (max-width: 980px) {
  .landing-services__item:nth-of-type(4) .landing-services__item-content, .landing-services__item:nth-of-type(5) .landing-services__item-content {
    width: 100%;
  }
  .landing-services__item-content {
    padding: 25px 20px 35% !important;
  }
  .landing-services__item-title {
    font-size: 22px;
  }
  .landing-services__item-text {
    font-size: 16px;
  }
  .landing-services__item-img {
    height: 100%;
  }
}

@media (max-width: 575px) {
  .landing-services__item {
    border-radius: 12px;
  }
  .landing-services__item-content {
    padding: 20px 10px 40% !important;
  }
  .landing-services__item-title {
    font-size: 18px;
  }
  .landing-services__item-text {
    font-size: 14px;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.landing-benefits__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 80px;
}

@media (max-width: 980px) {
  .landing-benefits__head {
    margin-bottom: 50px;
  }
}

@media (max-width: 575px) {
  .landing-benefits__head {
    margin-bottom: 30px;
    justify-content: center;
  }
}

.landing-benefits__title {
  margin: 0 !important;
  max-width: 90%;
  text-align: left !important;
}

.landing-benefits__title .highlight {
  margin-top: 15px;
}

@media (max-width: 575px) {
  .landing-benefits__title {
    max-width: 100%;
    text-align: center !important;
  }
  .landing-benefits__title .highlight {
    margin-top: 5px;
  }
}

@media (max-width: 575px) {
  .landing-benefits__nav button {
    position: absolute !important;
    bottom: -8px;
  }
  .landing-benefits__nav button.owl-prev {
    left: 0;
  }
  .landing-benefits__nav button.owl-next {
    right: 0;
  }
}

.landing-benefits__list.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.landing-benefits__list .owl-stage {
  display: flex;
  align-items: stretch;
}

.landing-benefits__list .owl-stage .owl-item {
  flex: 1;
  display: flex;
}

@media (min-width: 981px) {
  .landing-benefits__list .owl-item:not(.active) {
    opacity: 0.2;
    transition: all 0.3s ease;
  }
  .landing-benefits__list .owl-dots {
    display: none;
  }
}

.landing-benefits__item {
  border-radius: 24px;
  background: radial-gradient(93.46% 92.59% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #2F2E2E;
  padding: 35px 35px 65px;
  transition: all 0.3s ease;
}

.landing-benefits__item:hover {
  filter: brightness(1.15);
}

.landing-benefits__item:hover img {
  transform: scale(1.1);
}

.landing-benefits__item-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.landing-benefits__item-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 120%;
}

.landing-benefits__item-img {
  width: 40px !important;
  height: 40px;
  object-fit: contain;
  transition: all 0.3s ease;
}

.landing-benefits__item-text {
  font-size: 18px;
  line-height: normal;
  opacity: .8;
}

@media (max-width: 980px) {
  .landing-benefits__item {
    padding: 25px 20px 55px;
  }
  .landing-benefits__item-head {
    gap: 16px;
    margin-bottom: 15px;
  }
  .landing-benefits__item-title {
    font-size: 21px;
  }
  .landing-benefits__item-text {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .landing-benefits__item {
    border-radius: 12px;
    padding: 20px 10px 50px;
    width: 100%;
  }
  .landing-benefits__item-title {
    font-size: 18px;
  }
  .landing-benefits__item-text {
    font-size: 14px;
  }
}

@charset "UTF-8";
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
:root {
  --scrollbarWidth: 0;
  --viewportWidth: calc(100vw - var(--scrollbarWidth));
}

/* ширина контена */
/* боковой отступ контента ( на адаптиве ) */
/* отступ по вертикали для inline-grid */
/* отступ по вертикали для inline-grid  */
/* iphone X в портретной ориентации */
/* iphone plus в портретной ориентации */
/*  */
/* планшеты в портретной ориентации / телефоны в альбомной */
/* планшеты в альбомной ориентации */
/* ширина контента широкого сайта ( 1170 например )  */
/* ширина контента широкого сайта ( 1170 например )  */
/* основной шрифт */
/* дополнительный шрифт */
/* базовый размер шрифта */
/* базовый междустрочный интервал */
/* отступ между элементами в тексте */
/* базовый цвет текста */
/* инвертированый цвет текста */
/* цвет для активных состояний */
/* дополнительный цвет для активных состояний */
/* цвет нективных */
/* ошибки, для подтверждения деструктивных действий */
/* для предупреждений */
/* положительные действия  */
.section-block {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 200px;
  z-index: 50;
}

@media (max-width: 980px) {
  .section-block {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}

@media (max-width: 575px) {
  .section-block {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.section-title, .landing-steps__title {
  color: #fff;
  line-height: 1.1;
  font-size: 50px;
  margin: 0 0 100px 0;
  font-weight: 700;
}

@media (max-width: 980px) {
  .section-title, .landing-steps__title {
    font-size: 36px;
    margin: 0 0 60px 0;
  }
}

@media (max-width: 575px) {
  .section-title, .landing-steps__title {
    font-size: 22px;
    margin: 0 0 30px 0;
  }
}

.section-title {
  text-align: center;
}

.section-title .highlight {
  display: inline-block;
  margin-top: 15px;
}

@media (max-width: 980px) {
  .section-title .highlight {
    margin-top: 5px;
  }
}

/**
 * LAYOUT
 */
.l-wrapper,
.l-main,
.l-header,
.l-footer {
  width: 100%;
  position: relative;
}

.l-wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.publication-page .l-wrapper,
.page-publication-show .l-wrapper {
  overflow: unset;
}

.l-header {
  z-index: 200;
}

.l-main {
  flex: 1 0 auto;
  z-index: 5;
  padding: 0;
}

.l-footer {
  overflow: hidden;
  z-index: 4;
  transform: none !important;
}

.l-container {
  width: auto;
  max-width: 100%;
  margin: 0 10px;
}

@media (min-width: 1316px) {
  .l-container {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-container-landing {
  width: auto;
  max-width: 100%;
  margin: 0 20px;
}

@media (min-width: 1316px) {
  .l-container-landing {
    width: 100%;
    max-width: 1276px;
    margin: 0 auto;
  }
}

.l-fullwidth {
  width: var(--viewportWidth);
  margin-left: calc((var(--viewportWidth) - 100%) / 2 * -1);
}

.l-content {
  display: block;
  padding: 0 0 60px;
}

@media (min-width: 980px) {
  .page-traffic-promotion .l-wrapper, .page-vacancies .l-wrapper {
    overflow: initial;
  }
}

.owl-carousel {
  touch-action: manipulation;
}

.scroll-top {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  background: transparent;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-top svg {
  width: 32px;
  height: 32px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .scroll-top {
    padding: 10px;
    border-radius: 15px;
  }
}

@media (max-width: 768px) {
  .scroll-top {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .scroll-top svg {
    width: 24px;
    height: 24px;
  }
}

.scroll-top:hover {
  background-color: #fff;
}

.scroll-top:hover svg {
  color: #282828;
}

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

.floating-btns {
  position: fixed;
  right: 0;
  top: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
}

@media (max-width: 1600px) {
  .floating-btns {
    top: 200px;
  }
}

@media (max-width: 1520px) {
  .floating-btns {
    top: auto;
    bottom: 18%;
    gap: 16px;
  }
}

.floating-btns > div {
  background-color: #2ED876;
  text-align: center;
  border: none;
  padding: 31px 20px;
  border-radius: 10px 0px 0px 10px;
  max-width: 120px;
  position: relative;
  transition: all .4s ease;
}

.floating-btns > div button {
  background-color: transparent;
  border: none;
  padding: 0;
  font-family: SA Long Beach, sans-serif;
  color: #212121;
  font-size: 14px;
  line-height: 107%;
  cursor: pointer;
}

@media (min-width: 1521px) {
  .floating-btns > div:not(.btn-social):hover {
    padding-right: 60px;
    max-width: 160px;
  }
  .floating-btns > div.btn-social:hover {
    padding-right: 20px;
    max-width: 100%;
    right: -5px;
  }
}

.floating-btns > div::after {
  content: '';
  background-color: inherit;
  filter: brightness(0.85);
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  top: -10px;
  left: 15px;
  border-radius: 10px;
}

.floating-btns > div::before {
  content: '';
  display: none;
  width: 23px;
  height: 31px;
  background: url(../images/icon-strategy.svg) no-repeat center;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all .4s ease;
}

.floating-btns > div.btn-material {
  background-color: #FFE675;
}

.floating-btns > div.btn-material .-loading {
  color: #FFE675;
}

.floating-btns > div.btn-material .-loading::before {
  background-color: #FFE675;
}

.floating-btns > div.btn-enquiry .-loading {
  color: #2ED876;
}

.floating-btns > div.btn-enquiry .-loading::before {
  background-color: #2ED876;
}

.floating-btns > div.btn-material .-loading, .floating-btns > div.btn-enquiry .-loading {
  position: relative;
}

.floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/loader.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

@media (max-width: 1520px) {
  .floating-btns > div.btn-material .-loading::before, .floating-btns > div.btn-enquiry .-loading::before {
    background-position: left center;
    background-size: 23px 23px;
  }
}

.floating-btns > div.btn-social {
  display: none;
}

@media (max-width: 1520px) {
  .floating-btns > div {
    padding: 10px;
    border: 1px solid #FFF;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    display: flex;
    align-items: center;
    right: -92px;
    max-width: 100%;
  }
  .floating-btns > div.__opened {
    right: 0;
  }
  .floating-btns > div button {
    max-width: 80px;
    text-align: left;
  }
  .floating-btns > div::after {
    top: -8px;
    left: 13px;
  }
  .floating-btns > div::before {
    display: block;
  }
  .floating-btns > div.btn-material::before {
    background: url(../images/icon-gift.svg) no-repeat center;
    height: 27px;
  }
  .floating-btns > div.btn-material .-loading {
    min-height: 27px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-material:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-enquiry .-loading {
    min-height: 32px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading {
    margin-left: -2px;
  }
  .floating-btns > div.btn-enquiry:not(.__opened) .-loading::before {
    background-position: left 1px center;
  }
  .floating-btns > div.btn-social {
    display: flex;
    background-color: #F4F4F1;
    transition: width 0.4s ease, height 0.4s ease;
  }
  .floating-btns > div.btn-social.__opened {
    padding: 10px 10px 10px 46px;
  }
  .floating-btns > div.btn-social::before {
    background: url('data:image/svg+xml,<svg width="23" height="30" viewBox="0 0 23 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.36318 6.375C8.51665 6.375 8.66002 6.44913 8.75435 6.57019C9.08494 6.99446 9.46978 7.39305 9.89513 7.77778L16.1723 13.6913C16.3565 13.8648 16.6439 13.8652 16.8285 13.6922L22.1259 8.72853C22.3588 8.51031 22.7364 8.57797 22.8307 8.88289C22.9419 9.24247 23 9.62137 23 10.0066V22.1118C23 23.075 22.6365 23.9987 21.9895 24.6798C21.3425 25.3608 20.465 25.7434 19.55 25.7434H7.5325C7.31054 25.7344 7.09086 25.7933 6.9 25.9129L1.7365 29.2055C1.55899 29.3164 1.35641 29.3749 1.15 29.375C0.952443 29.3744 0.758374 29.3202 0.5865 29.2176C0.408864 29.1125 0.260949 28.9596 0.157896 28.7746C0.0548421 28.5895 0.00035116 28.379 0 28.1645V10.0066C0 9.04342 0.363481 8.11972 1.01048 7.43866C1.65748 6.75761 2.535 6.375 3.45 6.375H8.36318Z" fill="%23282828"/><path d="M21.05 7.06713C22.0185 6.21208 23 5.1872 23 3.84607C23 2.99179 22.6234 2.1725 21.9529 1.56843C21.2825 0.964361 20.3731 0.625 19.425 0.625C18.4121 0.625 17.6642 0.854542 16.8294 1.51686C16.6372 1.66936 16.3628 1.66936 16.1706 1.51686C15.3358 0.854542 14.5879 0.625 13.575 0.625C12.6269 0.625 11.7175 0.964361 11.0471 1.56843C10.3767 2.1725 10 2.99179 10 3.84607C10 5.19306 10.975 6.21794 11.95 7.06713L16.1601 11.3038C16.3475 11.4924 16.6525 11.4924 16.8399 11.3038L21.05 7.06713Z" fill="%23282828"/><circle cx="6.229" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="11.979" cy="16.4375" r="1.4375" fill="%23F4F4F1"/><circle cx="17.729" cy="16.4375" r="1.4375" fill="%23F4F4F1"/></svg>') no-repeat center;
    height: 28px;
  }
}

@media (max-width: 1520px) {
  .floating-btns > div {
    position: relative;
    right: auto;
    width: 43px;
    height: 60px;
    transition: width 0.4s ease;
  }
  .floating-btns > div button:not(.-loading), .floating-btns > div .social-mobile__list {
    display: none;
  }
  .floating-btns > div::before {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .floating-btns > div.__opened {
    width: 135px;
  }
  .floating-btns > div.__opened button {
    display: block;
    padding-left: 33px;
    max-width: none;
  }
  .floating-btns > div.__opened .social-mobile__list {
    display: flex;
  }
  .floating-btns > div.__opened::before {
    left: 10px;
    transform: translate(0, -50%);
    transition: none;
  }
  .floating-btns > div.btn-social.__opened {
    width: 270px;
    height: calc(60px + var(--scrollbarWidth));
  }
}

.social-widget {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 1000;
  transform: translateY(calc(-100% - 36px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1520px) {
  .social-widget {
    display: none;
  }
}

.social-box {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 8px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
}

.social-box.-left-radius {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.social-box:hover {
  animation: animation-social-widget 0.3s linear forwards;
  animation-delay: 0.15s;
}

.social-box:hover .social-box__img {
  color: #282828;
  opacity: 1;
}

.social-box button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.social-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.social-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}

.social-list {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 8px;
  grid-auto-flow: column;
  transform: translateX(calc(100% - 46px));
  transition: all 0.5s ease-out;
}

.social-list.is-open {
  transform: translateX(0);
}

.social-mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
}

.social-mobile__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}

.social-mobile__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.social-mobile__list-item {
  width: 44px;
  min-width: 44px;
  height: 40px !important;
}

.social-mobile-box {
  width: 44px;
  min-width: 44px;
  height: 40px;
  overflow: hidden;
  border-radius: 12px;
  background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  transition: all 0.4s ease;
}

.social-mobile-box__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.social-mobile-box__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-out;
}

.social-mobile-box__img:hover {
  opacity: 1;
}

@keyframes animation-social-widget {
  0% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #2F2E2E, #2F2E2E);
  }
  10% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }
  20% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #515151, #515151);
  }
  30% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #666666, #666666);
  }
  40% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #797979, #797979);
  }
  50% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #8c8c8c, #8c8c8c);
  }
  60% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #a2a29f, #a2a29f);
  }
  70% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #b7b7b7, #b7b7b7);
  }
  80% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #cbcbcb, #cbcbcb);
  }
  90% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #dddddd, #dddddd);
  }
  100% {
    background: radial-gradient(91.73% 91.73% at 80.68% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #f4f4f1, #f4f4f1);
  }
}

.case-content p {
  font-size: 18px !important;
}

.case-content img {
  border-radius: 25px;
}

.case-content__img {
  margin-block: 60px 80px;
}

@media (max-width: 575px) {
  .case-content__img {
    margin-block: 40px 60px;
  }
}

.workspace {
  margin-bottom: 30px;
}

.workspace img {
  width: 200px;
}

.workspace a {
  transition: all 0.3s ease;
}

.workspace a:hover {
  filter: invert(1) grayscale(1) brightness(1.4);
}

@media (max-width: 768px) {
  .workspace {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .workspace img {
    width: 130px;
  }
}

.page-subscribe-mail .breadcrumbs {
  display: none;
}

@media (max-width: 575px) {
  .page-subscribe-mail .form-blog__wrapper {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.landing-steps__head {
  display: flex;
  flex-direction: column;
  max-width: 60%;
}

@media (max-width: 980px) {
  .landing-steps__head {
    max-width: 100%;
    text-align: center;
  }
}

.landing-steps__title {
  margin: 0 0 40px 0;
}

.landing-steps__title .highlight {
  margin-top: 15px;
}

@media (max-width: 575px) {
  .landing-steps__title {
    margin: 0 0 30px 0;
  }
  .landing-steps__title .highlight {
    margin-top: 5px;
  }
}

.landing-steps__text {
  font-size: 18px;
  line-height: normal;
  opacity: 0.8;
}

@media (max-width: 980px) {
  .landing-steps__text {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .landing-steps__text {
    font-size: 14px;
  }
}

.landing-steps__steps {
  position: relative;
}

.landing-steps__steps.js-animated-observe .landing-steps__item {
  opacity: 0;
  transform: translateY(-100px);
}

.landing-steps__steps.--animate .landing-steps__item {
  opacity: 1;
  transform: translateY(0px);
}

@media (max-width: 1276px) {
  .landing-steps__steps {
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 10;
    margin-right: -10px;
    /* W3C standard сейчас только для Firefox */
    /* для Chrome/Edge/Safari */
  }
  .landing-steps__steps::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .landing-steps__steps::-webkit-scrollbar-track {
    background-color: #282828;
    border-radius: 44px;
  }
  .landing-steps__steps::-webkit-scrollbar-thumb {
    background-color: #2ED876;
    border-radius: 44px;
  }
}

.landing-steps__img {
  width: 1276px;
}

@media (max-width: 1276px) {
  .landing-steps__img img {
    margin-right: 10px;
  }
}

@media (max-width: 980px) {
  .landing-steps__img {
    width: 980px;
  }
}

.landing-steps__list {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-height: 318px;
}

.landing-steps__item {
  position: absolute;
  max-width: calc(16.66667% - 17px);
  border-color: #2ED872;
  background-color: #2ED872;
  border-radius: 12px;
  z-index: 1;
  cursor: pointer;
}

.landing-steps__item:hover {
  z-index: 10 !important;
}

.landing-steps__item:hover svg {
  opacity: 1;
}

.landing-steps__item:hover div.--tooltip {
  opacity: 1;
  top: 100%;
  pointer-events: all;
}

.landing-steps__item::before {
  content: '';
  height: 1px;
  width: 100%;
  transform: rotate(90deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: -125px;
  right: 0;
  left: 0;
  margin: auto;
}

@media (max-width: 980px) {
  .landing-steps__item::before {
    bottom: -105px;
  }
}

@media (max-width: 575px) {
  .landing-steps__item::before {
    bottom: -92px;
  }
}

.landing-steps__item:nth-child(1) {
  z-index: 6;
  left: calc(16.66667% * 0);
  transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
}

.landing-steps__item:nth-child(2) {
  z-index: 5;
  left: calc(16.66667% * 1);
  transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
}

.landing-steps__item:nth-child(3) {
  z-index: 4;
  left: calc(16.66667% * 2);
  transition: opacity 0.5s ease 0.6s, transform 0.5s ease 0.6s;
}

.landing-steps__item:nth-child(4) {
  z-index: 3;
  left: calc(16.66667% * 3);
  transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
}

.landing-steps__item:nth-child(5) {
  z-index: 2;
  left: calc(16.66667% * 4);
  transition: opacity 0.5s ease 1.2s, transform 0.5s ease 1.2s;
}

.landing-steps__item:nth-child(6) {
  z-index: 1;
  left: calc(16.66667% * 5);
  transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
}

.landing-steps__item::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 4px solid;
  border-color: inherit;
  background-color: #1B1B1B;
  position: absolute;
  bottom: -48px;
  right: 0;
  left: 0;
  margin: auto;
}

@media (max-width: 980px) {
  .landing-steps__item::after {
    width: 12px;
    height: 12px;
    bottom: -40px;
  }
}

.landing-steps__item-inner {
  position: relative;
  background-color: inherit;
  padding: 16px 22px;
  border-radius: 12px;
}

.landing-steps__item-inner::before {
  content: '';
  background-color: inherit;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -7px;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(-45deg);
}

@media (max-width: 980px) {
  .landing-steps__item-inner {
    padding: 12px 18px;
  }
}

@media (max-width: 575px) {
  .landing-steps__item-inner {
    padding: 12px 10px;
  }
}

.landing-steps__item:nth-child(1) {
  bottom: 54%;
}

@media (max-width: 980px) {
  .landing-steps__item:nth-child(1) {
    word-wrap: break-word;
  }
}

.landing-steps__item:nth-child(2) {
  bottom: 59%;
  background-color: #38FA91;
  border-color: #38FA91;
}

.landing-steps__item:nth-child(3) {
  bottom: 69%;
  background-color: #4AF0AA;
  border-color: #4AF0AA;
}

.landing-steps__item:nth-child(4) {
  bottom: 75%;
  background-color: #4AF0AA;
  border-color: #4AF0AA;
}

.landing-steps__item:nth-child(5) {
  bottom: 91%;
  background-color: #4FF4C4;
  border-color: #4FF4C4;
}

@media (max-width: 980px) {
  .landing-steps__item:nth-child(5) .--tooltip {
    right: 0;
    left: auto;
  }
}

.landing-steps__item:nth-child(6) {
  bottom: 101%;
  background-color: #4FF4C4;
  border-color: #4FF4C4;
  right: 0;
  left: auto;
}

@media (max-width: 980px) {
  .landing-steps__item:nth-child(6) .--tooltip {
    right: 0;
    left: auto;
  }
}

.landing-steps__item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: rgba(33, 33, 33, 0.8);
  text-align: center;
  cursor: default;
}

@media (max-width: 980px) {
  .landing-steps__item-title {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .landing-steps__item-title {
    font-size: 14px;
  }
}

.landing-steps__item-text svg {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 3px;
  top: 3px;
  filter: invert(1);
  opacity: .3;
  transition: opacity .3s ease;
}

@media (max-width: 980px) {
  .landing-steps__item-text svg {
    width: 15px;
    height: 15px;
  }
}

.landing-steps__item-text .--tooltip {
  opacity: 0;
  pointer-events: none;
  height: -webkit-max-content;
  height: max-content;
  padding: 22px;
  border-radius: 12px;
  background: #282828;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: -webkit-max-content;
  width: max-content;
  max-width: 200%;
  margin: auto;
  font-size: 15px;
  line-height: 120%;
  transition: all .4s ease;
  cursor: default;
}

.landing-steps__item-text .--tooltip p:last-of-type {
  margin: 0;
}

.landing-steps__item-text .--tooltip.-right {
  left: auto;
  right: 0;
}

@media (max-width: 980px) {
  .landing-steps__item-text .--tooltip {
    overflow-y: auto;
    max-width: 50vw;
  }
}

@media (max-width: 575px) {
  .landing-steps__item-text .--tooltip {
    max-width: calc(100vw - 50px);
    padding: 10px;
    margin: 0 auto 0 0;
    font-size: 14px;
  }
}