@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/**
* Селекторы для таргетинга на конкретные браузеры без влияния на специфику или
* ограничение использования в медиа-запросах
*
* Плюсы:
* - Работает с медиа-запросами
*
* Минусы:
* - Не может использоваться с @extend, так как это приведет к недействительности других селекторов
*/
/**
* Целевой Internet Explorer, но не Edge
*
* @demo
*	div {
*		@include browser-ie () {
*			// ...
*		}
*	}
*/
/**
* Target IE-Edge
*/
/**
* Target Firefox
*/
/**
* Target Safari
*/
/**
* Target all WebKit browsers
*/
/**
* Remove the unit of a length
*
* @param {Number} $number - Number to remove unit from
* @return {Number} - Unitless number
*/
/**
* Returns nth property from css property list
*
* @property {map} $list List
* @property {number} $index Item index
*
* @example
*	$bottom-margin: css-nth(10px 20px 30px 40px, 3); // 30px
*	$bottom-margin: css-nth(10px 20px, 3); // 10px
*/
/**
* Remove nth elements from the list
*
* @property {map} $list List
* @property {number} $index Item index
*
* @example
*	$list: remove-nth(10px 20px 30px 40px, 3); // 10px 20px 40px
*/
/**
* In each $list pair of $breakpoint: $value replaces all values with 'inherit'
* except for one in $index position
*
* 'inherit' value when used with 'margins' or 'paddings' mixin will not produce any output
*
* @example
*	$spacer: (xs: 10px 11px 12px 13px, md: 20px 0);
*
*	$spacer-top-only: breakpointPickCssNth($spacer, 1);
* => (xs: 10px inherit inherit inherit, md: 20px inherit inherit inherit)
*	@include margins($spacer-top-only);
*
*	$spacer-bottom-only: breakpointPickCssNth($spacer, 3);
* => (xs: inherit inherit 12px inherit, md: inherit inherit 20px inherit)
*	@include paddings($spacer-bottom-only);
*/
/**
* In each $list pair of $breakpoint: $value replaces all values with 'inherit'
* except for top (first) and bottom (third) properties
*
* @example
*	$spacer: (xs: 10px 11px 12px 13px, md: 20px 0);
*
*	$spacer-top-bottom: breakpoint-pick-top-bottom($spacer);
* => (xs: 10px inherit 12px inherit, md: 20px inherit 20px inherit)
*	@include margins($spacer-top-bottom);
*/
/**
* In each $list pair of $breakpoint: $value replaces all values with 'inherit'
* except for right (second) and left (fourth) properties
*
* @example
*	$spacer: (xs: 10px 11px 12px 13px, md: 20px 0);
*
*	$spacer-left-right: breakpoint-pick-top-bottom($spacer);
* => (xs: inherit 11px inherit 13px, md: inherit 0 inherit 0)
*	@include margins($spacer-left-right);
*/
/**
* In each $list pair of $breakpoint: $value merges all values skipping 'inherit'
*
* @example
*	$list-a: (xs: 10px inherit 20px inherit, md: 30px inherit);
*	$list-b: (xs: 40px inherit inherit inherit, md: inherit 50px);
*
*	$list-result: breakpointMapMerge($list-a, $list-b);
*	// (xs: 40px inherit 20px inherit, md: 30px 50px);
*/
/**
* Returns deeply nested property from a map
*
* @function mapGetDeep Deep get for sass maps
* @author https://css-tricks.com/snippets/sass/deep-getset-maps/
* @param {Map} $map - Map
* @param {Arglist} $keys - Key chain
*
* @example
*	$paddings: mapGetDeep($grid-containers, default, paddings, xs);
*/
/**
* Mixin for object-fit plugin
*
* @see https://github.com/bfred-it/object-fit-images
* @see components/_background.scss
* @example
*	@include object-fit(contain);
*	@include object-fit(cover, top);
*/
/**
* Split string into a list
*
* @property {string} $string String
* @property {string} $separator Separator
*
* @example
*	$list: str-split("hello+world", "+"); // (hello, world)
*/
/**
* Converts SVG into data url so that this SVG could be used as a
* background image
*
* @example
*	background-image: svgtodataurl("<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">...</svg>");
*/
/**
* Remove keys from the map
*
* @param {Map} $map - Map from which to remove items
* @param {List} $keys - List of keys which to remove
* @return {Map} - Map without the specified keys
*/
/**
* Качество рендеринга изображений
* В Chrome качество фонового изображения не самое лучшее при использовании background-size
*/
@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-Black.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-Black.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 900;
  font-style: normal; }

@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-ExtraBold.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-ExtraBold.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 800;
  font-style: normal; }

@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-Bold.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-Bold.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 700;
  font-style: normal; }

@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-SemiBold.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-SemiBold.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 600;
  font-style: normal; }

@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-Regular.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-Regular.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 400;
  font-style: normal; }

@font-face {
  src: url("../fonts/ZonaPro/ZonaPro-Light.woff2") format("woff2"), url("../fonts/ZonaPro/ZonaPro-Light.woff") format("woff");
  font-family: "ZonaPro";
  font-weight: 300;
  font-style: normal; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * 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 size in all browsers.
 */
small {
  font-size: 80%; }

p > a {
  color: #0C73FE;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * 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; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  padding-left: 0.5vw!important;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

.modal-success-block {
  position: relative;
  top: -30px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html {
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  scroll-behavior: smooth; }
  html.has-cursor,
  html.has-cursor * {
    cursor: none !important; }
  html.is-lock-scroll,
  html.is-lock-scroll body {
    overflow: hidden; }

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "ZonaPro";
  color: #09101D; }

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

p {
  margin: 0; }

a,
button {
  outline: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer; }

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

svg {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
  fill: currentColor; }

figure,
picture {
  display: inline-block;
  margin: 0;
  line-height: 0; }
  figure img,
  picture img {
    width: 100%; }

img {
  vertical-align: top;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

img[draggable="false"] {
  pointer-events: none;
  -webkit-user-drag: none; }

fieldset {
  margin: 0;
  border: 0;
  padding: 0; }

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0; }

video {
  outline: none;
  width: 100%;
  height: 100%; }

iframe {
  display: block; }

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background-color: transparent;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .btn__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100%;
    color: currentColor;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }

.js-lazy-load:not(.is-loaded) {
  max-height: 50vh; }
.reviews .container {
  width: 80%;
}
.container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  max-width: 83.33333vw; }
  @media (min-width: 1800px) {
    .container {
      max-width: 1200px; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%;
      padding-left: 3.125vmin;
      padding-right: 3.125vmin; } }

input {
  outline: none; }

.site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: var(--vh); }

/* stylelint-disable */
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    -webkit-animation-duration: 0.001s !important;
            animation-duration: 0.001s !important;
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-transition-duration: 0.001s !important;
         -o-transition-duration: 0.001s !important;
            transition-duration: 0.001s !important;
    -webkit-transition-delay: 0s !important;
         -o-transition-delay: 0s !important;
            transition-delay: 0s !important; } }

/* stylelint-enable */
.is-hidden {
  display: none !important; }

.is-hide {
  opacity: 0; }

@media (max-width: 1024px) {
  .for-desktop {
    display: none !important; } }

@media (min-width: 1025px) {
  .for-tablet {
    display: none !important; } }

@media (max-width: 991px) {
  .for-tablet {
    display: none !important; } }

@media (min-width: 1025px) {
  .for-mobile {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1024px) {
  .for-mobile {
    display: none !important; } }

@media (min-width: 1025px) {
  .for-devices {
    display: none !important; } }

.clearfix {
  overflow: auto; }
  .clearfix::after {
    content: "";
    display: table;
    clear: both; }

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0); }

/* stylelint-disable */
.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

/* stylelint-enable */
.header {
  padding-top: 2.22222vw; }
  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header__logo {
    width: 13.125vw;
    height: 2.5vw; }
    @media (min-width: 1800px) {
      .header__logo {
        width: 189px;
        height: 36px; } }
    @media (max-width: 1024px) {
      .header__logo {
        width: 50vmin;
        height: 9.375vmin; }
    }

  .header__store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .header__store a {
      margin-left: 0.69444vw; }
      .header__store a:hover {
        opacity: 0.7; }
      @media (min-width: 1800px) {
        .header__store a {
          margin-left: 10px; } }
      @media (max-width: 1024px) {
        .header__store a {
          margin-left: 0;
          margin-right: 3.125vmin; } }
    .header__store img {
      height: 2.91667vw; }
      @media (min-width: 1800px) {
        .header__store img {
          height: 42px; } }
      @media (max-width: 1024px) {
        .header__store img {
          height: 11.25vmin; } }
    @media (max-width: 1024px) {
      .header__store {
        margin-top: 21.875vmin; } }
  .header__btn {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  @media (min-width: 1800px) {
    .header {
      padding-top: 32px; } }
  @media (max-width: 1024px) {
    .header {
      padding-top: 4.375vmin; } }

.nav {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  background-color: #fff;
  padding-top: 17.5vmin;
  padding-left: 4.0625vmin;
  padding-bottom: 12.5vmin;
  display: none; }
  .nav ul li {
    margin-bottom: 11.5625vmin; }
    .nav ul li a {
      color: #628DB4;
      font-size: 5.625vmin; }
    .nav ul li:last-child {
      margin-bottom: 0; }

.btn-nav {
  padding: 0;
  border: none;
  background: none;
  width: 6.25vmin;
  height: 5vmin;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .btn-nav svg {
    width: 6.25vmin;
    height: 5vmin; }
  .btn-nav__open {
    display: none; }
    .btn-nav__open svg {
      width: 9.375vmin;
      height: 9.375vmin; }
  .btn-nav.is-active .btn-nav__close {
    display: none; }
  .btn-nav.is-active .btn-nav__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 1.5625vmin; }

.footer {
  padding: 6.94444vw 0;
  font-size: 1.25vw;
  color: #628DB4; }
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1024px) {
      .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        align-items: inherit;
      } }
  @media (max-width: 1024px) {
    .footer__copyright {
      margin-bottom: 6vmin; } }
  .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .footer__menu a {
      margin-left: 1.25vw;
      margin-right: 1.25vw; }
      @media (min-width: 1800px) {
        .footer__menu a {
          margin-left: 18px;
          margin-right: 18px; } }
      @media (max-width: 1024px) {
        .footer__menu a {
          margin-left: 0;
          margin-right: 0; } }
    @media (max-width: 1024px) {
      .footer__menu {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        flex-direction: column;
        width: 100%;
        /*padding: 0 3.75vmin;*/
        margin-bottom: 15.625vmin; }
      .footer__menu a {
        padding-bottom: 10px;
      }
    }
  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .footer__social a {
      margin-left: 1.94444vw; }
      .footer__social a:first-child {
        margin-left: 0; }
      .footer__social a svg {
        width: 1.52778vw;
        height: 1.52778vw; }
        @media (min-width: 1800px) {
          .footer__social a svg {
            width: 22px;
            height: 22px; } }
        @media (max-width: 1024px) {
          .footer__social a svg {
            width: 6.25vmin;
            height: 6.25vmin; } }
      @media (min-width: 1800px) {
        .footer__social a {
          margin-left: 28px; } }
      @media (max-width: 1024px) {
        .footer__social a {
          margin-left: 3.4375vmin;
          margin-right: 3.4375vmin; } }
  @media (min-width: 1800px) {
    .footer {
      padding: 100px 0;
      font-size: 18px; } }
  @media (max-width: 1024px) {
    .footer {
      padding: 18.75vmin 0;
      font-size: 4.6875vmin;
    }
    .header__btn.for-devices {
      position: relative;
      top: 9px;
    }
}

.form.is-send .form__progress {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
height: auto; }

.form.is-send .form__progress-span span {
width: 100%; }

.form__progress {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
height: 0; }
.form__progress-title {
text-align: center;
font-size: 0.97222vw;
margin-bottom: 0.27778vw; }
@media (min-width: 1800px) {
  .form__progress-title {
    font-size: 14px;
    margin-bottom: 4px; } }
@media (max-width: 1024px) {
  .form__progress-title {
    font-size: 4.375vmin;
    margin-bottom: 1.25vmin; } }
.form__progress-span {
display: block;
width: 100%;
height: 0.34722vw;
position: relative;
background-color: rgba(98, 141, 180, 0.3); }
.form__progress-span span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #0C73FE;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease; }
@media (min-width: 1800px) {
  .form__progress-span {
    height: 5px; } }
@media (max-width: 1024px) {
  .form__progress-span {
    height: 1.5625vmin; } }

.form__btn .form__btn-circle-progress {
width: 4.16667vw;
height: 4.16667vw;
background: url(../images/circle-loader.svg) no-repeat center center;
background-size: cover;
-webkit-animation: rotate-center 1.5s linear infinite both;
      animation: rotate-center 1.5s linear infinite both;
display: none; }
@media (min-width: 1800px) {
.form__btn .form__btn-circle-progress {
  width: 60px;
  height: 60px; } }
@media (max-width: 1024px) {
.form__btn .form__btn-circle-progress {
  width: 9.375vmin;
  height: 9.375vmin; } }

@-webkit-keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
        transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
        transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

.form__btn.hide-text .form__btn-text {
display: none; }

.form__btn.hide-text .form__btn-circle-progress {
display: block; }

.form__done {
text-align: center;
font-size: 1.11111vw;
font-weight: 600; }
@media (min-width: 1800px) {
.form__done {
  font-size: 16px; } }
@media (max-width: 1024px) {
.form__done {
  font-size: 4.375vmin; } }

.form__error {
border-bottom: 1px solid #E31235 !important; }

.form__error::-webkit-input-placeholder {
color: #E31235 !important; }

.form__error::-moz-placeholder {
color: #E31235 !important; }

.form__error:-ms-input-placeholder {
color: #E31235 !important; }

.form__error::-ms-input-placeholder {
color: #E31235 !important; }

.form__error::placeholder {
color: #E31235 !important; }

.overlay-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
background: rgba(0, 25, 63, 0.67);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
-webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center; }
.overlay-modal__window {
position: relative;
margin: 0 auto;
max-width: 40.97222vw;
width: 100%;
height: 27.77778vw;
background: #fff url(../images/bg-done-modal.png) no-repeat center center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
z-index: 9999;
border-radius: 2.08333vw;
text-align: center; }
.overlay-modal__window h3 {
  margin-top: 0;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.38889vw; }
  @media (min-width: 1800px) {
    .overlay-modal__window h3 {
      font-size: 36px;
      margin-bottom: 20px; } }
  @media (max-width: 1024px) {
    .overlay-modal__window h3 {
      font-size: 7.5vmin;
      margin-bottom: 3.125vmin; } }
.overlay-modal__window p {
  font-size: 1.25vw;
  line-height: 170%; }
  @media (min-width: 1800px) {
    .overlay-modal__window p {
      font-size: 18px; } }
  @media (max-width: 1024px) {
    .overlay-modal__window p {
      font-size: 4.375vmin; } }
@media (min-width: 1800px) {
  .overlay-modal__window {
    max-width: 590px;
    height: 400px;
    border-radius: 30px; } }
@media (max-width: 1024px) {
  .overlay-modal__window {
    max-width: 100%;
    height: auto;
    padding: 12.5vmin 7.8125vmin;
    border-radius: 3.125vmin; } }
@media (max-width: 1024px) {
.overlay-modal {
  padding-left: 4.375vmin;
  padding-right: 4.375vmin; } }

.bg {
background: url(../images/bg-main1440_2024.png) no-repeat center top;
background-size: 100%; }
@media (min-width: 1800px) {
.bg {
  background: url(../images/bg-main_2024.png) no-repeat center top;
  background-size: 100%; } }
@media (max-width: 1024px) {
.bg {
  background: none;
  /*background-size: 100%; */
} }

.bg-inside {
background: url(../images/bg-inside-desktop.png) no-repeat center top;
background-size: 100%; }
@media (min-width: 1800px) {
.bg-inside {
  background: url(../images/bg-inside.png) no-repeat center top;
  background-size: 100%; } }
@media (max-width: 1024px) {
.bg-inside {
  background: url(../images/bg-inside-mobile.png) no-repeat center top;
  background-size: 100%; } }

.first-screen {
padding-bottom: 5.97222vw; }
.first-screen__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -1.04167vw;
margin-right: -1.04167vw; }
@media (min-width: 1800px) {
  .first-screen__container {
    margin-left: -15px;
    margin-right: -15px; } }
@media (max-width: 1024px) {
  .first-screen__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.first-screen__image {
margin-left: 1.04167vw;
margin-right: 1.04167vw;
padding-top: 6.52778vw;
padding-left: 6.52778vw;
-ms-flex-preferred-size: calc(50% - 2.08333vw);
    flex-basis: calc(50% - 2.08333vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; }
.first-screen__image img {
  width: 28.33333vw;
  height: 56.52778vw; }
  @media (min-width: 1800px) {
    .first-screen__image img {
      width: 408px;
      height: 814px; } }
  @media (max-width: 1024px) {
    .first-screen__image img {
      width: 73.125vmin;
      height: auto; } }
@media (min-width: 1800px) {
  .first-screen__image {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 94px;
    padding-left: 94px;
    -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px); } }
@media (max-width: 1024px) {
  .first-screen__image {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10vmin;
    padding-left: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }
.first-screen__content {
margin-left: 1.04167vw;
margin-right: 1.04167vw;
padding-top: 11.18056vw;
-ms-flex-preferred-size: calc(50% - 2.08333vw);
    flex-basis: calc(50% - 2.08333vw);
font-size: 1.25vw; }
.first-screen__content ul {
  max-width: 29.86111vw; }
  .first-screen__content ul li {
    position: relative;
    padding-left: 1.04167vw;
    margin-bottom: 0.83333vw;
    line-height: 160%; }
    .first-screen__content ul li:after {
      content: "";
      width: 0.41667vw;
      height: 0.41667vw;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0.69444vw;
      background-color: #0C73FE; }
      @media (min-width: 1800px) {
        .first-screen__content ul li:after {
          width: 6px;
          height: 6px;
          top: 10px; } }
      @media (max-width: 1024px) {
        .first-screen__content ul li:after {
          width: 1.875vmin;
          height: 1.875vmin;
          top: 2.8125vmin; } }
    @media (min-width: 1800px) {
      .first-screen__content ul li {
        padding-left: 15px;
        margin-bottom: 12px; } }
    @media (max-width: 1024px) {
      .first-screen__content ul li {
        padding-left: 4.6875vmin;
        margin-bottom: 3.125vmin;
        line-height: 8.125vmin; } }
  @media (min-width: 1800px) {
    .first-screen__content ul {
      max-width: 430px; } }
  @media (max-width: 1024px) {
    .first-screen__content ul {
      max-width: 100%; } }
@media (min-width: 1800px) {
  .first-screen__content {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 161px;
    -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    font-size: 18px; } }
@media (max-width: 1024px) {
  .first-screen__content {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10.625vmin;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-size: 4.6875vmin;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }
.first-screen__title {
margin-top: 0;
font-weight: 700;
font-size: 2.5vw;
line-height: 140%;
max-width: 25.90278vw;
margin-bottom: 1.80556vw; }
@media (min-width: 1800px) {
  .first-screen__title {
    font-size: 36px;
    max-width: 373px;
    margin-bottom: 26px; } }
@media (max-width: 1024px) {
  .first-screen__title {
    font-size: 6.95437vmin;
    max-width: 100%;
    margin-bottom: 1.875vmin; } }
@media (min-width: 1800px) {
.first-screen {
  padding-bottom: 86px; } }
@media (max-width: 1024px) {
.first-screen {
  padding-bottom: 16.875vmin; } }

.title-h2 {
text-align: center;
margin-top: 0;
font-size: 2.5vw;
font-weight: 700;
line-height: 140%;
margin-bottom: 2.77778vw; }
@media (min-width: 1800px) {
.title-h2 {
  font-size: 36px;
  margin-bottom: 40px; } }
@media (max-width: 1024px) {
.title-h2 {
  font-size: 6.875vmin;
  margin-bottom: 6.25vmin; } }

.how-work {
margin-bottom: 4.16667vw; }
.how-work__steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.69444vw;
margin-right: -0.69444vw; }
@media (min-width: 1800px) {
  .how-work__steps {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1024px) {
  .how-work__steps {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.how-work__step {
margin-left: 0.69444vw;
margin-right: 0.69444vw;
margin-bottom: 0.69444vw;
-ms-flex-preferred-size: calc(33.333% - 1.38889vw);
    flex-basis: calc(33.333% - 1.38889vw); }
@media (min-width: 1800px) {
  .how-work__step {
    -ms-flex-preferred-size: calc(33.333% - 20px);
        flex-basis: calc(33.333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; } }
@media (max-width: 1024px) {
  .how-work__step {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; } }

.marketplaces {
background: url(../images/circles-left.png) no-repeat left 1.59722vw center, url(../images/circles-right_2024.png) no-repeat right 1.59722vw center;
background-size: contain; }
.marketplaces .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; }

.vk-video {
background-size: contain; }
.vk-video .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; }


.video-container iframe {
  width: 853px;
  height: 480px;
}

@media (max-width: 1024px) {
  .video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 аспектное соотношение */
    height: 0;
    overflow: hidden;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: 0;
  }
}

@media (max-width: 1024px) {
  .marketplaces .container {
    display: block; } }
.marketplaces .title-h2 {
margin-bottom: 2.08333vw; }
@media (min-width: 1800px) {
  .marketplaces .title-h2 {
    margin-bottom: 30px; } }
@media (max-width: 1024px) {
  .marketplaces .title-h2 {
    margin-bottom: 3.125vmin; } }
.marketplaces__wrapper {
max-width: 45.34722vw;
font-size: 1.11111vw;
line-height: 150%;
text-align: center;
margin-top: 9.51389vw;
margin-bottom: 8.47222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center; }
.marketplaces__wrapper p {
  max-width: 38.47222vw; }
  @media (min-width: 1800px) {
    .marketplaces__wrapper p {
      max-width: 554px; } }
  @media (max-width: 1024px) {
    .marketplaces__wrapper p {
      max-width: 100%; } }
@media (min-width: 1800px) {
  .marketplaces__wrapper {
    max-width: 653px;
    font-size: 16px;
    margin-top: 137px;
    margin-bottom: 122px; } }
@media (max-width: 1024px) {
  .marketplaces__wrapper {
    max-width: 100%;
    font-size: 4.375vmin;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12.5vmin;
    padding-bottom: 12.5vmin; } }
.marketplaces__bg img {
width: 100%; }
@media (max-width: 1024px) {
.marketplaces__bg--top {
  margin-bottom: 2.5vmin; } }
@media (max-width: 1024px) {
.marketplaces__bg--bottom {
  margin-top: 3.125vmin; } }
@media (min-width: 1800px) {
.marketplaces {
  background: url(../images/circles-left.png) no-repeat left 23px center, url(../images/circles-right_2024.png) no-repeat right 23px center;
  background-size: contain; } }
@media (max-width: 1024px) {
.marketplaces {
  background: none; } }

.advantage {
padding-top: 8.68056vw;
padding-bottom: 4.58333vw; }
.advantage__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.69444vw;
margin-right: -0.69444vw; }
@media (min-width: 1800px) {
  .advantage__container {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1024px) {
  .advantage__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
@media (min-width: 1800px) {
.advantage {
  padding-top: 125px;
  padding-bottom: 66px; } }
@media (max-width: 1024px) {
.advantage {
  padding-top: 0;
  padding-bottom: 18.75vmin; } }
.advantage--marketplace {
padding-top: 5.55556vw; }
@media (min-width: 1800px) {
  .advantage--marketplace {
    padding-top: 80px; } }
@media (max-width: 1024px) {
  .advantage--marketplace {
    padding-top: 15vmin; } }

.advant {
margin-left: 0.69444vw;
margin-right: 0.69444vw;
-ms-flex-preferred-size: calc(25% - 1.38889vw);
  flex-basis: calc(25% - 1.38889vw);
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(rgba(244, 248, 255, 0)));
background: -o-linear-gradient(top, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
background: linear-gradient(180deg, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
border-radius: 2.08333vw 2.08333vw 2.08333vw 0px;
padding: 2.08333vw;
padding-right: 1.38889vw; }
.advant__ico {
margin-bottom: 1.25vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
height: 3.33333vw; }
.advant__ico img {
  width: 2.77778vw; }
  @media (min-width: 1800px) {
    .advant__ico img {
      width: 40px; } }
  @media (max-width: 1024px) {
    .advant__ico img {
      width: 10.625vmin; } }
@media (min-width: 1800px) {
  .advant__ico {
    margin-bottom: 18px;
    height: 48px; } }
@media (max-width: 1024px) {
  .advant__ico {
    margin-bottom: 0;
    margin-right: 5.625vmin;
    height: 15vmin;
    -ms-flex-negative: 0;
        flex-shrink: 0; } }
.advant__title {
margin-bottom: 5px;
font-weight: 700;
font-size: 1.11111vw;
line-height: 140%;
}
@media (min-width: 1800px) {
  .advant__title {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .advant__title {
    font-size: 4.375vmin;
    line-height: 6.875vmin;
    margin-top: 1.875vmin; } }
.advant__txt {
font-size: 1.11111vw;
line-height: 150%;
color: #00193F; }
@media (min-width: 1800px) {
  .advant__txt {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .advant__txt {
    font-size: 3.75vmin; } }
@media (min-width: 1800px) {
.advant {
  margin-left: 10px;
  margin-right: 10px;
  -ms-flex-preferred-size: calc(25% - 20px);
      flex-basis: calc(25% - 20px);
  border-radius: 30px 30px 30px 0px;
  padding: 30px;
  padding-right: 20px; } }
@media (max-width: 1024px) {
.advant {
  margin-left: 3.125vmin;
  margin-right: 3.125vmin;
  -ms-flex-preferred-size: calc(25% - 6.25vmin);
      flex-basis: calc(25% - 6.25vmin);
  border-radius: 9.375vmin 9.375vmin 9.375vmin 0px;
  padding: 5.9375vmin;
  padding-right: 12.5vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; } }

.slick-prev:before, .slick-next:before{
  color:#0C73FE;
}

.reviews {
padding-bottom: 5.55556vw; }
.articles {
padding-bottom: 5.55556vw; }
.reviews__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-left: -0.69444vw;
margin-right: -0.69444vw;
justify-content: space-between; }
.articles__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-left: -0.69444vw;
margin-right: -0.69444vw; }
@media (min-width: 1800px) {
  .reviews__container {
    margin-left: -10px;
    margin-right: -10px; }
  .articles__container {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1024px) {
  .reviews__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .articles__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.articles__col {
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
@media (min-width: 1800px) {
  .articles__col {
    margin-left: 10px;
    margin-right: 10px; } }
@media (max-width: 1024px) {
  .articles__col {
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 1800px) {
.reviews {
  padding-bottom: 80px; }
.articles {
  padding-bottom: 80px; }
.reviews {
  padding-bottom: 80px; } }
@media (max-width: 1024px) {
.reviews {
  padding-bottom: 15.625vmin; }
.articles {
  padding-bottom: 15.625vmin; }
.reviews {
  padding-bottom: 15.625vmin; } }
@media (max-width: 1024px) {
.articles--partners {
  padding-bottom: 9.375vmin; } }
.review_item{
  padding-left: 0.69444vw;
  padding-right: 0.69444vw;
  flex: 0 0 auto;
  width: 33%;
  margin-bottom: 20px;
}
.article_item{
  padding-left: 0.69444vw;
  padding-right: 0.69444vw;
  flex: 0 0 auto;
  width: 50%;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .article_item {
    width: 100%; }
  .review_item {
    width: 100%; } }
.review {
border-radius: 2.08333vw;
padding: 2.08333vw;
/*padding-right: 0.69444vw;*/
height: 100%;
  border: 1px solid #E6F0FF;
}
.review__head{
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
  margin-top: 10px;
  align-items: center;
}
.article {
border: 1px solid #E6F0FF;
border-radius: 2.08333vw;
padding: 2.08333vw;
/*padding-right: 0.69444vw;*/
height: 100%;
}
.review__logo {
margin-bottom: 0.69444vw;  max-height: 186px; text-align: center;}
.article__logo {
margin-bottom: 0.69444vw; max-height: 186px; min-height: 186px; text-align: center;}
@media (min-width: 1800px) {
  .review__logo {
    margin-bottom: 10px; }
  .article__logo {
    margin-bottom: 10px; } }
@media (max-width: 1024px) {
  .review__logo {
    margin-bottom: 3.125vmin;
    img {

    }
  }
  .article__logo {
    margin-bottom: 3.125vmin; } }
.review__title {
font-size: 1.11111vw;
color: #00193F;
line-height: 150%;
margin-bottom: 5px;}
.review__stars {
  img {
    margin-left: 4px;
  }
}
.review__stars {
display: flex;
font-size: 1.11111vw;
color: #00193F;
line-height: 150%;
margin-bottom: 5px;}
.article__title {
font-weight: 700;
font-size: 1.11111vw;
color: #00193F;
line-height: 150%;
margin-bottom: 15px;}
@media (min-width: 1800px) {
  .article__title {
    font-size: 16px; }
  .review__title {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .article__title {
    font-size: 4.375vmin; }
  .review__title {
    font-size: 3.75vmin;; } }
.review__link {
display: flex;
align-content: center;
align-items: center;
padding-top: 15px;
color: #0C73FE;
font-size: 0.9vw;
line-height: 150%; }
.review__numbers {
align-items: center;
align-content: center;
text-align: center;
font-weight: bold;
margin-bottom: 8px; }
.review__count {
display: flex;
align-content: center;
align-items: center;
font-size: 0.9vw;
line-height: 150%; }
.review__intro {
  margin-top: 10px;
font-size: 0.9vw;
line-height: 150%; }
.article__intro {
font-size: 1.11111vw;
line-height: 150%; }
@media (min-width: 1800px) {
  .review__numbers {
    font-size: 16px; }
  .review__count {
    font-size: 16px; }
  .review__link {
    font-size: 16px; }
  .review__intro {
    font-size: 16px; }
  .article__intro {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .review__numbers {
    font-size: 3.75vmin; }
  .review__count {
    font-size: 3.75vmin; }
  .review__link {
    font-size: 3.75vmin;
    img {
      width: 8vmin;
    }
  }
  .review__intro {
    font-size: 3.75vmin; }
  .article__intro {
    font-size: 3.75vmin; } }
@media (min-width: 1800px) {
.review {

  border-radius: 30px;
  padding: 30px;
  height: 100%;
  /*padding-right: 10px;*/ }
.article {
  border-radius: 30px;
  padding: 30px;
  height: 100%;
  /*padding-right: 10px;*/ } }

@media (max-width: 374px) {
  .review {
    min-height: 420px;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .review {
    min-height: 440px;
  }
}
@media (min-width: 425px) and (max-width: 768px) {
  .review {
    min-height: 480px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .review {
    min-height: 480px;
  }
}
@media (max-width: 1024px) {
.review {
  position: relative;
  border-radius: 6.25vmin;
  padding: 7.5vmin;
}
.review__block {
  position: absolute;
  bottom: 10px;
  margin-right: 15px;
}
  .review__text {
    margin-bottom: 35px;
  }
  .article {
  border-radius: 6.25vmin;
  padding: 7.5vmin;
  margin-bottom: 3.125vmin; } }
.review__text{
  background-color: white;
  margin-top: 5px;
  border-radius: 1.38333vw;
}
.stores .title-h2 {
text-align: left;
max-width: 41.66667vw;
margin-bottom: 1.94444vw; }
@media (min-width: 1800px) {
.stores .title-h2 {
  max-width: 600px;
  margin-bottom: 28px; } }
@media (max-width: 1024px) {
.stores .title-h2 {
  max-width: 100%;
  margin-bottom: 2.5vmin; } }

.stores__container {
background: url(../images/banner_2024.png) no-repeat right center;
background-size: contain;
height: 26.11111vw;
padding-left: 6.94444vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
-webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center; }
@media (min-width: 1800px) {
.stores__container {
  height: 376px;
  padding-left: 100px; } }
@media (max-width: 1024px) {
.stores__container {
  height: auto;
  padding-left: 0;
  padding: 12.5vmin 8.75vmin;
  border-radius: 6.25vmin;
  background: #F4F8FF; } }

.stores__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.stores__links a {
margin-right: 0.69444vw; }
.stores__links a img {
  height: 2.91667vw; }
  @media (min-width: 1800px) {
    .stores__links a img {
      height: 42px; } }
  @media (max-width: 1024px) {
    .stores__links a img {
      height: 11.875vmin; } }
@media (min-width: 1800px) {
  .stores__links a {
    margin-right: 10px; } }
@media (max-width: 1024px) {
  .stores__links a {
    margin-right: 3.125vmin; } }

.step {
padding: 2.01389vw 1.66667vw;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(rgba(244, 248, 255, 0)));
background: -o-linear-gradient(top, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
background: linear-gradient(180deg, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
border-radius: 2.08333vw; }
.step__title {
font-size: 1.11111vw;
line-height: 140%;
font-weight: 700;
margin-bottom: 1.73611vw; }
@media (min-width: 1800px) {
  .step__title {
    font-size: 16px;
    margin-bottom: 25px; } }
@media (max-width: 1024px) {
  .step__title {
    font-size: 5vmin;
    margin-bottom: 7.8125vmin; } }
.step__input {
height: 3.19444vw;
border-radius: 1.04167vw;
border: 1px solid #E6F0FF;
text-indent: 3.125vw;
width: 100%;
font-size: 1.04167vw;
background: #fff url(../images/search-input.png) no-repeat left 0.97222vw center;
background-size: 0.97222vw; }
@media (min-width: 1800px) {
  .step__input {
    height: 46px;
    border-radius: 15px;
    text-indent: 45px;
    font-size: 15px;
    background: #fff url(../images/search-input.png) no-repeat left 14px center;
    background-size: 14px; } }
@media (max-width: 1024px) {
  .step__input {
    height: 14.375vmin;
    border-radius: 4.6875vmin;
    text-indent: 11.5625vmin;
    font-size: 4.6875vmin;
    background: #fff url(../images/search-input.png) no-repeat left 4.375vmin center;
    background-size: 4.375vmin; } }
.step__hint {
background: #fff;
padding: 0.69444vw 0.83333vw;
margin-top: -0.69444vw;
border-radius: 0 0 1.04167vw 1.04167vw;
border: 1px solid #E6F0FF; }
.step__hint-item {
  padding: 1.04167vw 0;
  padding-left: 2.01389vw;
  font-size: 1.11111vw;
  background: url(../images/search-input.png) no-repeat left top 1.11111vw;
  background-size: 0.97222vw;
  border-bottom: 1px solid #E6F0FF; }
  .step__hint-item--clock {
    background: url(../images/time.png) no-repeat left top 1.11111vw;
    background-size: 0.97222vw; }
    @media (min-width: 1800px) {
      .step__hint-item--clock {
        background-size: 14px; } }
    @media (max-width: 1024px) {
      .step__hint-item--clock {
        background: url(../images/time.png) no-repeat left top 5vmin;
        background-size: 4.375vmin; } }
  .step__hint-item span {
    color: #C4C4C4; }
  .step__hint-item small {
    display: block;
    color: #C4C4C4;
    font-size: 0.83333vw;
    margin-top: 0.41667vw; }
    @media (min-width: 1800px) {
      .step__hint-item small {
        font-size: 12px;
        margin-top: 6px; } }
    @media (max-width: 1024px) {
      .step__hint-item small {
        font-size: 3.75vmin;
        margin-top: 1.875vmin; } }
  .step__hint-item:last-child {
    border-bottom: none; }
  @media (min-width: 1800px) {
    .step__hint-item {
      padding: 15px 0;
      padding-left: 29px;
      font-size: 16px;
      background: url(../images/search-input.png) no-repeat left top 16px;
      background-size: 14px; } }
  @media (max-width: 1024px) {
    .step__hint-item {
      padding: 4.6875vmin 0;
      padding-left: 9.0625vmin;
      font-size: 5vmin;
      background: url(../images/search-input.png) no-repeat left top 5vmin;
      background-size: 4.375vmin; } }
@media (min-width: 1800px) {
  .step__hint {
    padding: 10px 12px;
    margin-top: -10px;
    border-radius: 0 0 15px 15px; } }
@media (max-width: 1024px) {
  .step__hint {
    padding: 3.125vmin 3.75vmin;
    margin-top: -3.125vmin;
    border-radius: 0 0 4.6875vmin 4.6875vmin; } }
.step__search-wrapper {
position: relative; }
.step__search .step__input {
text-indent: 2.5vw; }
@media (min-width: 1800px) {
  .step__search .step__input {
    text-indent: 36px; } }
@media (max-width: 1024px) {
  .step__search .step__input {
    text-indent: 11.25vmin; } }
.step__search-btn {
position: absolute;
top: 0.34722vw;
right: 0.27778vw;
background-color: #0C73FE;
color: #fff;
border: none;
border-radius: 0.83333vw;
height: 2.5vw;
width: 5.41667vw;
font-size: 0.83333vw; }
@media (min-width: 1800px) {
  .step__search-btn {
    top: 5px;
    right: 4px;
    border-radius: 12px;
    height: 36px;
    width: 78px;
    font-size: 12px; } }
@media (max-width: 1024px) {
  .step__search-btn {
    top: 1.5625vmin;
    right: 1.25vmin;
    border-radius: 3.75vmin;
    height: 11.25vmin;
    width: 24.375vmin;
    font-size: 3.75vmin; } }
.step__search-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding-top: 1.38889vw; }
@media (min-width: 1800px) {
  .step__search-tags {
    padding-top: 20px; } }
@media (max-width: 1024px) {
  .step__search-tags {
    padding-top: 6.25vmin; } }
.step__search-tag {
background-color: #F4F8FF;
border-radius: 0.83333vw;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
text-align: center;
padding: 0 1.11111vw;
height: 2.5vw;
margin-right: 0.27778vw;
margin-bottom: 0.27778vw;
color: #0C73FE;
font-size: 0.90278vw; }
@media (min-width: 1800px) {
  .step__search-tag {
    border-radius: 12px;
    padding: 0 16px;
    height: 36px;
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 13px; } }
@media (max-width: 1024px) {
  .step__search-tag {
    border-radius: 3.75vmin;
    padding: 0 5vmin;
    height: 11.25vmin;
    margin-right: 1.25vmin;
    margin-bottom: 1.25vmin;
    font-size: 4.0625vmin; } }
.step__product {
background-color: #fff;
position: relative;
z-index: 2;
border-radius: 2.08333vw; }
.step__product:after {
  content: "";
  position: absolute;
  left: 1.04167vw;
  right: 1.04167vw;
  background-color: #fff;
  border: 1px solid #E6F0FF;
  border-radius: 1.04167vw;
  bottom: -0.69444vw;
  top: 0;
  z-index: -1; }
  @media (min-width: 1800px) {
    .step__product:after {
      left: 15px;
      right: 15px;
      border-radius: 15px;
      bottom: -10px; } }
  @media (max-width: 1024px) {
    .step__product:after {
      left: 4.6875vmin;
      right: 4.6875vmin;
      border-radius: 4.6875vmin;
      bottom: -3.125vmin; } }
.step__product:before {
  content: "";
  position: absolute;
  left: 2.77778vw;
  right: 2.77778vw;
  background-color: #fff;
  border: 1px solid #E6F0FF;
  border-radius: 1.04167vw;
  bottom: -1.25vw;
  top: 0;
  z-index: -2; }
  @media (min-width: 1800px) {
    .step__product:before {
      left: 40px;
      right: 40px;
      border-radius: 15px;
      bottom: -18px; } }
  @media (max-width: 1024px) {
    .step__product:before {
      left: 12.5vmin;
      right: 12.5vmin;
      border-radius: 4.6875vmin;
      bottom: -5.625vmin; } }
.step__product-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #E6F0FF;
  border-radius: 1.04167vw 1.04167vw 0 0;
  padding: 0.69444vw;
  position: relative;
  z-index: 1;
  background-color: #fff; }
  @media (min-width: 1800px) {
    .step__product-header {
      padding: 10px;
      border-radius: 15px 15px 0 0; } }
  @media (max-width: 1024px) {
    .step__product-header {
      padding: 3.125vmin;
      border-radius: 4.6875vmin 4.6875vmin 0 0; } }
.step__product-price {
  font-size: 1.11111vw;
  color: #0C73FE;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .step__product-price svg {
    width: 0.41667vw;
    height: 1.11111vw;
    margin-left: 0.69444vw; }
    @media (min-width: 1800px) {
      .step__product-price svg {
        width: 6px;
        height: 16px;
        margin-left: 10px; } }
    @media (max-width: 1024px) {
      .step__product-price svg {
        width: 1.875vmin;
        height: 5vmin;
        margin-left: 3.125vmin; } }
  @media (min-width: 1800px) {
    .step__product-price {
      font-size: 16px; } }
  @media (max-width: 1024px) {
    .step__product-price {
      font-size: 5vmin; } }
.step__product-wrapper {
  padding: 0.69444vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 0 0 1.04167vw 1.04167vw;
  border: 1px solid #E6F0FF;
  border-top: none; }
  @media (min-width: 1800px) {
    .step__product-wrapper {
      padding: 10px;
      border-radius: 0 0 15px 15px; } }
  @media (max-width: 1024px) {
    .step__product-wrapper {
      padding: 3.125vmin;
      border-radius: 0 0 4.6875vmin 4.6875vmin; } }
.step__product-image {
  width: 8.33333vw;
  height: 8.33333vw;
  background-color: #fff;
  border: 1px solid #E6F0FF;
  border-radius: 1.04167vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.90278vw; }
  .step__product-image img {
    width: 5.41667vw; }
    @media (min-width: 1800px) {
      .step__product-image img {
        width: 78px; } }
    @media (max-width: 1024px) {
      .step__product-image img {
        width: 24.375vmin; } }
  @media (min-width: 1800px) {
    .step__product-image {
      width: 120px;
      height: 120px;
      border-radius: 15px;
      margin-right: 13px; } }
  @media (max-width: 1024px) {
    .step__product-image {
      width: 37.5vmin;
      height: 37.5vmin;
      border-radius: 4.6875vmin;
      margin-right: 4.0625vmin; } }
.step__product-title {
  font-size: 1.11111vw;
  line-height: 150%;
  margin-bottom: 0.34722vw; }
  @media (min-width: 1800px) {
    .step__product-title {
      font-size: 16px;
      margin-bottom: 5px; } }
  @media (max-width: 1024px) {
    .step__product-title {
      font-size: 4.375vmin;
      margin-bottom: 1.5625vmin; } }
.step__product-subtitle {
  font-size: 1.52778vw;
  line-height: 140%;
  font-weight: 600; }
  @media (min-width: 1800px) {
    .step__product-subtitle {
      font-size: 22px; } }
  @media (max-width: 1024px) {
    .step__product-subtitle {
      font-size: 5.625vmin; } }
@media (min-width: 1800px) {
  .step__product {
    border-radius: 30px; } }
@media (max-width: 1024px) {
  .step__product {
    border-radius: 6.25vmin; } }
@media (min-width: 1800px) {
.step {
  padding: 29px 24px;
  border-radius: 30px; } }
@media (max-width: 1024px) {
.step {
  padding: 6.25vmin 5vmin;
  border-radius: 6.25vmin; } }

.feedback {
padding-top: 5.83333vw;
padding-bottom: 6.94444vw; }
.feedback__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-left: -0.69444vw;
margin-right: -0.69444vw; }
@media (min-width: 1800px) {
  .feedback__container {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1024px) {
  .feedback__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.feedback .title-h2 {
text-align: left;
margin-bottom: 2.22222vw; }
@media (min-width: 1800px) {
  .feedback .title-h2 {
    margin-bottom: 32px; } }
@media (max-width: 1024px) {
  .feedback .title-h2 {
    margin-bottom: 3.75vmin; } }
.feedback__wrap {
max-width: 34.02778vw; }
@media (min-width: 1800px) {
  .feedback__wrap {
    max-width: 490px; } }
@media (max-width: 1024px) {
  .feedback__wrap {
    max-width: 100%; } }
.feedback__text {
font-size: 1.11111vw;
line-height: 150%; }
@media (min-width: 1800px) {
  .feedback__text {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .feedback__text {
    font-size: 4.375vmin;
    line-height: 6.5625vmin; } }
.feedback__content {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
    flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
@media (min-width: 1800px) {
  .feedback__content {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px; } }
@media (max-width: 1024px) {
  .feedback__content {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 8.125vmin; } }
.feedback__form {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
    flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
@media (min-width: 1800px) {
  .feedback__form {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px; } }
@media (max-width: 1024px) {
  .feedback__form {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
@media (min-width: 1800px) {
.feedback {
  padding-top: 84px;
  padding-bottom: 100px; } }
@media (max-width: 1024px) {
.feedback {
  padding-top: 12.5vmin;
  padding-bottom: 5.625vmin; } }

.form--box {
padding: 4.51389vw 6.94444vw;
background: #FFFFFF;
-webkit-box-shadow: 0 0.27778vw 7.63889vw rgba(0, 91, 255, 0.1);
      box-shadow: 0 0.27778vw 7.63889vw rgba(0, 91, 255, 0.1);
border-radius: 2.08333vw; }
@media (min-width: 1800px) {
.form--box {
  padding: 65px 100px;
  -webkit-box-shadow: 0 4px 110px rgba(0, 91, 255, 0.1);
          box-shadow: 0 4px 110px rgba(0, 91, 255, 0.1);
  border-radius: 30px; } }
@media (max-width: 1024px) {
.form--box {
  padding: 7.8125vmin 7.8125vmin;
  padding-bottom: 13.75vmin;
  -webkit-box-shadow: 0 1.25vmin 34.375vmin rgba(0, 91, 255, 0.1);
          box-shadow: 0 1.25vmin 34.375vmin rgba(0, 91, 255, 0.1);
  border-radius: 9.375vmin; } }

.form ::-webkit-input-placeholder {
color: #747B84; }

.form ::-moz-placeholder {
color: #747B84; }

.form :-ms-input-placeholder {
color: #747B84; }

.form ::-ms-input-placeholder {
color: #747B84; }

.form ::placeholder {
color: #747B84; }

.form__input {
width: 100%;
border: none;
border-bottom: 1px solid #0C73FE;
font-size: 1.11111vw;
margin-bottom: 1.45833vw;
padding: 1.11111vw 0.5vw;
}
@media (min-width: 1800px) {
.form__input {
  font-size: 16px;
  margin-bottom: 21px;
  padding: 16px 6px; } }
@media (max-width: 1024px) {
.form__input {
  font-size: 4.375vmin;
  margin-bottom: 1.875vmin;
  padding: 4.6875vmin 0; } }

.form__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
-webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
text-align: center;
font-size: 1.11111vw;
font-weight: 700;
background-color: #0C73FE;
border-radius: 1.25vw;
height: 5vw;
width: 100%;
border: none;
color: #fff;
margin-top: 3.05556vw; }
.form__btn:hover {
background-color: #015cd6; }
@media (min-width: 1800px) {
.form__btn {
  font-size: 16px;
  border-radius: 18px;
  height: 72px;
  margin-top: 44px; } }
@media (max-width: 1024px) {
.form__btn {
  font-size: 4.375vmin;
  border-radius: 5.625vmin;
  height: 19.375vmin;
  margin-top: 6.25vmin; } }

.with-us__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
margin-left: -0.69444vw;
margin-right: -0.69444vw;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(rgba(244, 248, 255, 0)));
background: -o-linear-gradient(top, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
background: linear-gradient(180deg, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
border: 1px solid #E6F0FF;
border-radius: 2.08333vw;
padding: 3.47222vw 6.94444vw; }
@media (min-width: 1800px) {
.with-us__container {
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 30px;
  padding: 50px 100px; } }
@media (max-width: 1024px) {
.with-us__container {
  margin-left: 0;
  margin-right: 0;
  border-radius: 6.25vmin;
  padding: 12.5vmin 7.5vmin;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; } }

.with-us .title-h2 {
text-align: left; }
@media (max-width: 1024px) {
.with-us .title-h2 {
  margin-bottom: 3.125vmin; } }

.with-us__image {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
  flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
.with-us__image img {
height: 27.08333vw; }
@media (min-width: 1800px) {
  .with-us__image img {
    height: 390px; } }
@media (max-width: 1024px) {
  .with-us__image img {
    height: auto;
    width: 100%; } }
@media (min-width: 1800px) {
.with-us__image {
  -ms-flex-preferred-size: calc(50% - 20px);
      flex-basis: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px; } }
@media (max-width: 1024px) {
.with-us__image {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; } }

.with-us__content {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
  flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
@media (min-width: 1800px) {
.with-us__content {
  -ms-flex-preferred-size: calc(50% - 20px);
      flex-basis: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px; } }
@media (max-width: 1024px) {
.with-us__content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; } }

.with-us__text {
font-size: 1.11111vw;
line-height: 150%; }
@media (min-width: 1800px) {
.with-us__text {
  font-size: 16px; } }
@media (max-width: 1024px) {
.with-us__text {
  font-size: 4.375vmin; } }

.faq {
padding-bottom: 3.47222vw; }
@media (min-width: 1800px) {
.faq {
  padding-bottom: 50px; } }
@media (max-width: 1024px) {
.faq {
  padding-bottom: 15.625vmin; } }

.accordeon dt {
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(rgba(244, 248, 255, 0)));
background: -o-linear-gradient(top, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
background: linear-gradient(180deg, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
font-size: 1.11111vw;
font-weight: 700;
padding: 2.08333vw 2.77778vw;
border-radius: 2.08333vw;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
-webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between; }
.accordeon dt:after {
content: "";
width: 1.80556vw;
height: 1.80556vw;
display: inline-block;
background: url(../images/sprites/svg/plus.svg) no-repeat center center;
background-size: cover;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
-ms-flex-negative: 0;
    flex-shrink: 0; }
@media (min-width: 1800px) {
  .accordeon dt:after {
    width: 26px;
    height: 26px; } }
@media (max-width: 1024px) {
  .accordeon dt:after {
    width: 6.5625vmin;
    height: 6.5625vmin;
    margin-top: -2.1875vmin;
    margin-right: -2.8125vmin; } }
.accordeon dt.active:after {
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
@media (min-width: 1800px) {
.accordeon dt {
  font-size: 16px;
  padding: 30px 40px;
  border-radius: 30px; } }
@media (max-width: 1024px) {
.accordeon dt {
  font-size: 4.375vmin;
  line-height: 6.25vmin;
  padding: 6.25vmin 8.75vmin;
  border-radius: 9.375vmin;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; } }

.accordeon dd {
font-size: 1.11111vw;
line-height: 150%; }
.accordeon dd p {
margin-bottom: 1.52778vw; }
@media (min-width: 1800px) {
  .accordeon dd p {
    margin-bottom: 22px; } }
@media (max-width: 1024px) {
  .accordeon dd p {
    margin-bottom: 6.875vmin; } }
@media (min-width: 1800px) {
.accordeon dd {
  font-size: 16px; } }
@media (max-width: 1024px) {
.accordeon dd {
  font-size: 4.0625vmin;
  margin-left: 8.125vmin; } }

.feedback2 {
margin-bottom: 3.47222vw; }
.feedback2__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-left: -0.69444vw;
margin-right: -0.69444vw;
background: #FFFFFF;
-webkit-box-shadow: 0 0.27778vw 7.63889vw rgba(0, 91, 255, 0.1);
        box-shadow: 0 0.27778vw 7.63889vw rgba(0, 91, 255, 0.1);
border-radius: 2.08333vw;
padding: 4.44444vw 6.94444vw; }
@media (min-width: 1800px) {
  .feedback2__container {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-shadow: 0 4px 110px rgba(0, 91, 255, 0.1);
            box-shadow: 0 4px 110px rgba(0, 91, 255, 0.1);
    border-radius: 30px;
    padding: 64px 100px; } }
@media (max-width: 1024px) {
  .feedback2__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-shadow: 0 1.25vmin 34.375vmin rgba(0, 91, 255, 0.1);
            box-shadow: 0 1.25vmin 34.375vmin rgba(0, 91, 255, 0.1);
    border-radius: 6.25vmin;
    padding: 11.25vmin 8.125vmin;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.feedback2 .title-h2 {
text-align: left;
max-width: 34.09722vw; }
@media (min-width: 1800px) {
  .feedback2 .title-h2 {
    max-width: 491px; } }
@media (max-width: 1024px) {
  .feedback2 .title-h2 {
    max-width: 100%; } }
.feedback2__text {
font-size: 1.11111vw;
line-height: 150%; }
@media (min-width: 1800px) {
  .feedback2__text {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .feedback2__text {
    font-size: 4.375vmin;
    line-height: 6.5625vmin; } }
.feedback2__content {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
    flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw; }
@media (min-width: 1800px) {
  .feedback2__content {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px; } }
@media (max-width: 1024px) {
  .feedback2__content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0;
    margin-right: 0; } }
.feedback2__form {
-ms-flex-preferred-size: calc(50% - 1.38889vw);
    flex-basis: calc(50% - 1.38889vw);
margin-left: 0.69444vw;
margin-right: 0.69444vw;
padding-left: 6.94444vw; }
@media (min-width: 1800px) {
  .feedback2__form {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 100px; } }
@media (max-width: 1024px) {
  .feedback2__form {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0; } }
@media (min-width: 1800px) {
.feedback2 {
  margin-bottom: 50px; } }
@media (max-width: 1024px) {
.feedback2 {
  margin-bottom: 15.625vmin; } }

.digits {
padding-bottom: 6.52778vw; }
.digits__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.69444vw;
margin-right: -0.69444vw; }
@media (min-width: 1800px) {
  .digits__container {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1024px) {
  .digits__container {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
@media (min-width: 1800px) {
.digits {
  padding-bottom: 94px; } }
@media (max-width: 1024px) {
.digits {
  padding-bottom: 16.25vmin; } }

.digit {
margin-left: 0.69444vw;
margin-right: 0.69444vw;
-ms-flex-preferred-size: calc(25% - 1.38889vw);
  flex-basis: calc(25% - 1.38889vw);
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(rgba(244, 248, 255, 0)));
background: -o-linear-gradient(top, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
background: linear-gradient(180deg, #F4F8FF 0%, rgba(244, 248, 255, 0) 100%);
border-radius: 2.08333vw 2.08333vw 2.08333vw 0px;
padding: 1.80556vw 2.08333vw; }
.digit__num {
margin-bottom: 0.76389vw; }
.digit__num img {
  height: 100%;
  width: auto; }
  @media (max-width: 1024px) {
    .digit__num img {
      width: auto; } }
@media (min-width: 1800px) {
  .digit__num {
    margin-bottom: 11px; } }
@media (max-width: 1024px) {
  .digit__num {
    margin-bottom: 3.125vmin;
    padding-top: 3.125vmin; } }
.digit__text {
font-size: 1.11111vw;
line-height: 150%; }
@media (min-width: 1800px) {
  .digit__text {
    font-size: 16px; } }
@media (max-width: 1024px) {
  .digit__text {
    font-size: 4.375vmin;
    line-height: 6.25vmin; } }
@media (min-width: 1800px) {
.digit {
  margin-left: 10px;
  margin-right: 10px;
  -ms-flex-preferred-size: calc(25% - 20px);
      flex-basis: calc(25% - 20px);
  border-radius: 30px 30px 30px 0px;
  padding: 26px 30px; } }
@media (max-width: 1024px) {
.digit {
  margin-left: 0;
  margin-right: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border-radius: 6.25vmin 6.25vmin 6.25vmin 0px;
  padding: 4.6875vmin 9.375vmin;
  text-align: center;
  margin-bottom: 1.25vmin; } }

.formats {
margin-bottom: 6.25vw; }
@media (max-width: 1024px) {
.formats .title-h2 {
  margin-bottom: 10.3125vmin; } }
.formats__block {
margin-bottom: 2.08333vw; }
@media (min-width: 1800px) {
  .formats__block {
    margin-bottom: 30px; } }
@media (max-width: 1024px) {
  .formats__block {
    margin-bottom: 9.375vmin; } }
@media (min-width: 1800px) {
.formats {
  margin-bottom: 90px; } }
@media (max-width: 1024px) {
.formats {
  margin-bottom: 15.625vmin; } }

.format {
color: #fff;
padding: 2.22222vw 3.47222vw;
padding-bottom: 0;
border-radius: 2.08333vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center; }
.format .title-h2 {
text-align: left;
margin-bottom: 2.08333vw; }
@media (min-width: 1800px) {
  .format .title-h2 {
    margin-bottom: 30px; } }
@media (max-width: 1024px) {
  .format .title-h2 {
    margin-bottom: 3.75vmin; } }
.format--interactive {
background-color: #3371F5; }
.format--video {
background-color: rgba(0, 0, 0, 0.85); }
.format--video .format__image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  @media (max-width: 1024px) {
    .format--video .format__image {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
.format--video .format__content {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 1.04167vw; }
  @media (min-width: 1800px) {
    .format--video .format__content {
      padding-left: 15px; } }
  @media (max-width: 1024px) {
    .format--video .format__content {
      padding-left: 4.6875vmin;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
.format__content {
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
font-size: 1.11111vw;
line-height: 150%;
padding-left: 3.47222vw; }
.format__content p {
  margin-bottom: 1.66667vw; }
  @media (min-width: 1800px) {
    .format__content p {
      margin-bottom: 24px; } }
  @media (max-width: 1024px) {
    .format__content p {
      margin-bottom: 5.625vmin; } }
@media (min-width: 1800px) {
  .format__content {
    font-size: 16px;
    padding-left: 50px; } }
@media (max-width: 1024px) {
  .format__content {
    font-size: 4.375vmin;
    padding-left: 0; } }
.format__ftr {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.format__ftr-item {
  margin-right: 3.47222vw; }
  @media (min-width: 1800px) {
    .format__ftr-item {
      margin-right: 50px; } }
  @media (max-width: 1024px) {
    .format__ftr-item {
      margin-right: 0; } }
.format__ftr-num {
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 140%; }
  @media (min-width: 1800px) {
    .format__ftr-num {
      font-size: 36px; } }
  @media (max-width: 1024px) {
    .format__ftr-num {
      font-size: 9.6875vmin; } }
@media (max-width: 1024px) {
  .format__ftr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.format__image {
-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
text-align: center; }
.format__image img {
  max-width: 26.59722vw; }
  @media (min-width: 1800px) {
    .format__image img {
      max-width: 383px; } }
  @media (max-width: 1024px) {
    .format__image img {
      max-width: 62.5vmin; } }
@media (min-width: 1800px) {
.format {
  padding: 32px 50px;
  border-radius: 30px; } }
@media (max-width: 1024px) {
.format {
  padding: 10.625vmin 6.875vmin;
  padding-bottom: 0;
  border-radius: 6.25vmin;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; } }

.first-screen__links {
  display: none;
}

@media (max-width: 1024px) {
  .first-screen__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
    order: 1;
    margin-top: 10.875vmin;
  }
}

.main-slogan{
  position: relative;
  margin-left: 15px;
  color: #0C73FE;
  border-radius: 5px;
  background-color: #f2f9ff;
  padding: 10px 10px 10px 35px;
}
.main-slogan:before {
  content: '';
  display: block;
  width: 16px;
  height: 17px;
  position: absolute;
  background: url(../images/search-input_b.png) no-repeat center center;
  left: 10px;
  top: 10px;
}
@media (max-width: 425px) {
  .main-slogan {
    font-size: 13px;
  }
}
.header__store a img.store-logo-b{
  display: none;
}
.header__store a:hover img.store-logo-w{
  display: none;
}
.header__store a:hover img.store-logo-b{
  display: inline;
}
.header__store a:hover{
  opacity: 1;
}
.stores__links a img.store-logo-b{
  display: none;
}
.stores__links a:hover img.store-logo-w{
  display: none;
}
.stores__links a:hover img.store-logo-b{
  display: inline;
}
.stores__links a:hover{
  opacity: 1;
}
/*# sourceMappingURL=main.css.map */
/* steps with images */
.how-work__step_i {
  margin-left: 0.69444vw;
  margin-right: 0.69444vw;
  margin-bottom: 0.69444vw;
  -ms-flex-preferred-size: calc(25% - 1.38889vw);
  flex-basis: calc(25% - 1.38889vw);
}
@media (min-width: 1800px) {
  .how-work__step_i {
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .how-work__step_i {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.step.image_step{
  background: none;
  border-radius: 0;
}
.step.image_step .step__title{
  text-align: center;
}
.step.image_step .step__content{
  position: relative;
}
.step__content__stores__links{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.step__content__stores__links-box{
  position: absolute;
  display: flex;
  flex-direction: column;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 40%;
}
.step__content__stores__links-box a{
  display: block;
  margin-bottom: 5%;
}
.step.image_step .step__content img{
  width: 100%;
  height: auto;
}
.how-work__steps_all{
  width:100%;
  height: 420px;
  background: url(../images/steps_all.png) no-repeat center center;
  background-size: contain;
}
.step__content__stores__links-box a img.step__content__stores__link_b{
  display: none;
}
.step__content__stores__links-box a:hover img.step__content__stores__link_b{
  display: inline;
}
.step__content__stores__links-box a:hover img.step__content__stores__link{
  display: none;
}
@media (max-width: 1024px) {
  .how-work__steps_all {
    display: none;
  }
  .step.image_step .step__content{
    margin: 0 auto;
    text-align: center;
  }
  .step.image_step .step__content img{
    width: 300px;
    height: auto;
  }
  .step__content__stores__links{
    width: 300px;
  }
  .step__content__stores__links{
    left: 50%;
    margin-left: -150px;
  }
}

.article-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  transition: transform 0.3s ease;
  overflow: hidden;
}

/* Обертка для изображения, чтобы задать размеры и скрыть выходящие части */
.article-image-wrapper {
  width: 100%;
  /*height: 200px;*/
  height: auto;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Эффект при наведении */
.article-image-wrapper:hover .article-image {
  transform: scale(1.05);
}

.image-container {
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: 10px;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

/* Эффект масштабирования при наведении */
.image-container:hover img {
  transform: scale(1.05);
}

/* Основной стиль секции */
.banner {
  background-color: #146bdf;
  color: white;
  margin-top: 40px;
  padding: 50px;

}

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



/* Блок с содержимым, занимает 50% ширины */
.content-block {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center; /* Центрировать содержимое по горизонтали */
  text-align: center;
}

/* Заголовок */
.title-h2 {
  /* добавьте сюда стили для заголовка, если нужно */
}

/* Описание */
.description {
  /* добавьте стили для описания, если нужно */
}



/* Стиль для каждого тега */
.tag {
  text-align: center;
  border-radius: 35px;
  padding: 5px 15px;
  border: solid white 1px;
  margin-right: 10px;
  transition: all 0.3s ease;
  cursor: pointer; /* чтобы было понятно, что это интерактивно */
}

/* Ховер для тегов */
.tag:hover {
  background-color: white;
  color: blue;
}


/* Общий стиль секции */
.articles {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 50px;
}


/* Основная строка с первой статьёй */
.main-article-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

/* Стиль блока основной статьи */
.main-article {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  margin-right: 10px;
}

/* Стиль для остальных статей */
.article-card {
  width: 32%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

/* Строки групп статей */
.article-group {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 20px;
}

/* Обертка изображения */
.image-container,
.article-image-wrapper {
  /* Можно оставить пустым или добавить стили по необходимости */
}

/* Изображение статьи */
.article-image {
  width: 100%;
  height: auto;
  display: block;
}

/* Контент статьи */
.article-content {
  padding: 30px;
}

.article-announce {
  padding: 30px;
  width: 50%;
}

/* Дата статьи */
.article-date {
  color: #707070;
}

/* Тип статьи */
.article-type {
  background-color: #c1e0ff;
  color: #3767ff;
  border-radius: 35px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  display: inline-block;
}

.article-type-short {
  background-color: #c1e0ff;
  color: #3767ff;
  border-radius: 35px;
  margin-left: 20px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.read-time {
  margin-left: 20px;
}

.article-read {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* Ссылка статьи */
.article-link {
  margin-top: 10px;
  color: #3767ff;
}

/* Стиль для секции хлебных крошек */
.breadcrumb-section {
  background-color: rgba(221, 239, 255, 0.85);
  padding: 20px;
  width: 100%;
  margin-top: 80px;
}

/* Контейнер хлебных крошек */
.breadcrumb-container {
  display: flex;
  align-items: center;
  font-size: 14px;
}

/* Ссылки хлебных крошек */
.breadcrumb-link {
  color: #3767ff;
  text-decoration: none;
}

/* Стиль для основной секции */
.content-section {
  margin-top: 30px;
  margin-bottom: 50px;
}

/* Контейнер контента */
.content-container {
  /* Можно оставить пустым или добавить стили по необходимости */
}

/* Заголовок */
.title-h2 {
  /* Добавьте стили при необходимости */
}

/* Описание */
.description {
  text-align: center;
  margin-top: 20px;
  line-height: 140%;
}

/* Обертка для изображения */
.image-wrapper {
  text-align: center;
  margin-top: 50px;
}

/* Изображение */
.content-image {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* Текстовое содержание */
.text-content {
  margin-top: 50px;
  line-height: 150%;
}


.pagination {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 10px;
}

.pagination a {
  padding: 8px 12px;
  background-color: #f0f0f0;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.pagination a:hover {
  background-color: #007bff;
  color: #fff;
}

.pagination strong {
  padding: 8px 12px;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
}

/* Общие стили для каждой статьи */
.article-card {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease;
}


.article-card:hover {
  /* Увеличенная тень при наведении */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Увеличение ширины карточки на мобильных и десктопе */
@media (min-width: 768px) {
  .article-group .article-card {
    width: calc(40% - 10px); /* шире, чем ранее */
  }
}

@media (max-width: 767px) {
  .article-group {
    flex-direction: column;
  }
  .article-group .article-card {
    width: 100%;
    margin-bottom: 20px;
  }
}

.content-block {
  width: 90%;
}

.tags-wrapper {
  padding-left:25px;
  flex-direction: column;
  margin-top: 20px;
}

.tag {
  margin-bottom: 10px;
}

h2 {
  font-size: 16px; /* меньше шрифта заголовка */
  margin-bottom: 8px; /* чуть меньше отступа */
}

.article-type {
  font-size: 14px;
  margin-bottom: 6px;
}

.article-date {
  font-size: 11px;
  margin-bottom: 6px;
}

.article-link a {
  font-size: 14px;
}


/* Стиль для блока статьи */
.main-article {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease;
}

.main-article:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}



@media (max-width: 767px) {

  .article-read {
    font-size: 11px;
  }

  /* Базовые стили для контейнера */
  .main-article-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }

  /* Стиль для блока статьи */
  .main-article {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
    padding: 10px;
  }


.article-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
  }

  /* Контент статьи */
  .article-announce {
    padding: 8px;
    width: 100%;
  }

  .image-container {
    width: 100%;
  }

  /* Дата и тип */
  .article-date,
  .article-type {
    font-size: 11px;
    color: #555;
    margin-bottom: 6px;
  }

  /* Заголовок */
  h2 {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.2;
  }



  /* Ссылка */
  .article-link a {
    font-size: 13px;
    color: #007bff;
    text-decoration: none;
  }

  .article-link a:hover {
    text-decoration: underline;
  }


.article-image-wrapper {
  height: auto;
}




  /* Для мобильных устройств */

  /* Все карточки — по одной в колонке, ширина 100% */
  .article-block {
    max-width: 100%;
    margin: 10px 0; /* отступы между статьями */
  }

  /* Размер шрифтов для мобильных */
  h2 {
    font-size: 18px;
  }
  .article-date,
  .article-type {
    font-size: 12px;
  }

  /* Строим карточки в один столбец */
  .row {
    flex-direction: column;
  }

  /* Основная статья — занимает всю ширину */
  .main-article-row {
    flex-direction: column;
  }

  .main-article {
    width: 100%;
  }

  .article-content {
    padding: 18px;
  }

    /* Остальные статьи — одна колонка */
  .article-group {
    flex-direction: column;
  }

  /* Размер текста для мобильных */
  h2 {
    font-size: 18px;
  }

  .article-date,
  .article-type {
    font-size: 12px;
  }

  /* Навигация — кнопки делают более компактными */
  .pagination a,
  .pagination strong {
    margin: 4px;
    padding: 6px 10px;
    font-size: 14px;
  }

  /* Основной контейнер хлебных крошек */
  .breadcrumb-section {
    padding: 10px 0;
    background-color: #f9f9f9; /* можно изменить по желанию */
  }

  /* Контейнер внутри секции */
  .breadcrumb-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 15px;
  }

  /* Сам хлебный путь */
  .breadcrumb {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 8px;
    flex-wrap: wrap; /* если текста станет длинным, переносится на следующую строку */
  }

  /* Стили для ссылок */
  .breadcrumb-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
  }

  .breadcrumb-link:hover {
    text-decoration: underline;
  }

  .breadcrumb {
    font-size: 13px;
  }

  /* Общий стиль секции */
  .articles {
    margin-top: 0px;
    padding: 25px;
  }
}

.vk-video__mobile {
  margin-top: 30px;
  flex-basis: 100%;
  font-size: 4.6875vmin;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media (max-width: 1024px) {
  .vk-video__mobile {
    display: block;
  }
  .vk-video__desktop {
    display: none;
  }
  .first-screen__image{
    display: none;
  }
}
@media (min-width: 1024px) {
  .vk-video__mobile {
    display: none;
  }

  .vk-video__desktop {
    display: block;
  }
}

@media (min-width: 768px) {
  .tags-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
  }
}

.maintenance {
  border-left: 5px solid #0C73FE;
  padding-left: 30px;
  padding-bottom: 25px;
  padding-top: 5px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
}


.article-content ul {
  list-style: none; /* убираем стандартные точки */
  padding-left: 20px; /* отступ для текста */
}

.article-content ul li::before {
  content: '•'; /* символ точки */
  color: #000000; /* цвет точки */
  font-size: 20px; /* размер точки */
  display: inline-block;
  width: 20px; /* ширина области для точки */
  margin-left: -20px; /* сдвиг точки влево */
}

.maintenance ul li::before {
  color: #0C73FE;
}

.article-content ul li {
  color: black; /* цвет текста */
}
.article-content ol > li {
  list-style: american;
  margin: 0;
  padding: 0;
}

.text-policy {
  text-align: center;
  margin-top: 15px;
  color:#747B84;
  line-height: 22px;
  font-size: 13px;
}

.text-policy a {
  text-decoration: underline;
}