@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/PTRootUI/PTRootUI-Bold.woff2") format("woff2"), url("../fonts/PTRootUI/PTRootUI-Bold.woff") format("woff");
  font-family: "PTRootUI";
  font-weight: 700;
  font-style: normal; }

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

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

@font-face {
  src: url("../fonts/PTRootUI/PTRootUI-Light.woff2") format("woff2"), url("../fonts/PTRootUI/PTRootUI-Light.woff") format("woff");
  font-family: "PTRootUI";
  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 {
  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%; }

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

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

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

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

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

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

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

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

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

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  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 {
  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;
  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: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  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;
  box-shadow: none;
  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%;
    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;
  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;
    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;
    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 {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }

.iziToast-capsule, .iziToast-capsule * {
  box-sizing: border-box; }

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997; }

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-family: 'Lato',Tahoma,Arial;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: rgba(238, 238, 238, 0.9);
  border-color: rgba(238, 238, 238, 0.9);
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 54px; }

.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2); }

.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px; }

.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0;
  height: 0;
  top: 100%;
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0; }

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto; }

.iziToast.iziToast-balloon > div {
  border-radius: 0 0 0 3px; }

.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1); }

.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: .6;
  width: 42px;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: 0; }

.iziToast > .iziToast-close:hover {
  opacity: 1; }

.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left; }

.iziToast > .iziToast-body:after {
  content: "";
  display: table;
  clear: both; }

.iziToast > .iziToast-body .iziToast-texts {
  margin: 10px 0 0;
  padding-right: 2px;
  display: inline-block;
  float: left; }

.iziToast > .iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]), .iziToast > .iziToast-body .iziToast-inputs > select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: .02em;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  min-height: 26px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px; }

.iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: .02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000; }

.iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0, 0, 0, 0.2); }

.iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
  top: 1px; }

.iziToast > .iziToast-body .iziToast-icon {
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px; }

.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 80%; }

.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-message, .iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  float: left;
  white-space: normal; }

.iziToast > .iziToast-body .iziToast-title {
  color: #000;
  margin: 0; }

.iziToast > .iziToast-body .iziToast-message {
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.6); }

.iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-inputs-child, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-title {
  opacity: 0; }

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.iziToast-target .iziToast-capsule {
  overflow: hidden; }

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left; }

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column; }

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto; }

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left; }

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before, .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px; }

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right; }

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left; }

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right; }

.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-bottomCenter, .iziToast-wrapper-center {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-center {
  top: 0;
  justify-content: center;
  flex-flow: column;
  align-items: center; }

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma,'Lato',Arial; }

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0; }

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0; }

.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-message, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title {
  float: right;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0; }

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px; }
  .iziToast {
    margin: 5px 0;
    border-radius: 3px;
    width: auto; }
  .iziToast:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.25); }
  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px; }
  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0; }
  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.25); }
  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: 0 0; }
  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25), inset 0 10px 20px -5px rgba(0, 0, 0, 0.25); }
  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1); } }

.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70; }

.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300; }

.iziToast.iziToast-theme-dark .iziToast-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 8px; }

.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 80%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255, 255, 255, 0.1); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255, 255, 255, 0.2); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); }

.iziToast.iziToast-color-red {
  background: rgba(255, 175, 180, 0.9);
  border-color: rgba(255, 175, 180, 0.9); }

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9); }

.iziToast.iziToast-color-yellow {
  background: rgba(255, 249, 178, 0.9);
  border-color: rgba(255, 249, 178, 0.9); }

.iziToast.iziToast-color-blue {
  background: rgba(157, 222, 255, 0.9);
  border-color: rgba(157, 222, 255, 0.9); }

.iziToast.iziToast-color-green {
  background: rgba(166, 239, 184, 0.9);
  border-color: rgba(166, 239, 184, 0.9); }

.iziToast.iziToast-layout2 .iziToast-body .iziToast-message, .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts {
  width: 100%; }

.iziToast.iziToast-layout3 {
  border-radius: 2px; }

.iziToast.iziToast-layout3::after {
  display: none; }

.iziToast .revealIn, .iziToast.revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; }

.iziToast .slideIn, .iziToast.slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; }

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft .7s ease-in-out both;
  animation: iziT-bounceInLeft .7s ease-in-out both; }

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight .85s ease-in-out both;
  animation: iziT-bounceInRight .85s ease-in-out both; }

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown .7s ease-in-out both;
  animation: iziT-bounceInDown .7s ease-in-out both; }

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp .7s ease-in-out both;
  animation: iziT-bounceInUp .7s ease-in-out both; }

.iziToast .fadeIn, .iziToast.fadeIn {
  -webkit-animation: iziT-fadeIn .5s ease both;
  animation: iziT-fadeIn .5s ease both; }

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp .7s ease both;
  animation: iziT-fadeInUp .7s ease both; }

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown .7s ease both;
  animation: iziT-fadeInDown .7s ease both; }

.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; }

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut .7s ease both;
  animation: iziT-fadeOut .7s ease both; }

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft .5s ease both;
  animation: iziT-fadeOutLeft .5s ease both; }

.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight .5s ease both;
  animation: iziT-fadeOutRight .5s ease both; }

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn .5s ease both;
  animation: iziT-fadeIn .5s ease both; }

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut .7s ease both;
  animation: iziT-fadeOut .7s ease both; }

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1); }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  70% {
    -webkit-transform: translateX(10px); }
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  70% {
    -webkit-transform: translateX(-10px); }
  to {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(10px); }
  70% {
    -webkit-transform: translateY(-5px); }
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px); }
  70% {
    -webkit-transform: translateY(5px); }
  to {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes iziT-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@-webkit-keyframes iziT-fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes iziT-fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes iziT-fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes iziT-fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-200px, 0, 0); } }

@-webkit-keyframes iziT-fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(200px, 0, 0); } }

@-webkit-keyframes iziT-flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  to {
    opacity: 1; } }

@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  to {
    transform: translateX(0); } }

@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  to {
    transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  to {
    transform: translateX(0); } }

@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  to {
    transform: translateX(0); } }

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  to {
    transform: translateY(0); } }

@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  to {
    transform: translateY(0); } }

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  to {
    transform: translateY(0); } }

@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  to {
    transform: translateY(0); } }

@-webkit-keyframes iziT-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes iziT-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes iziT-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes iziT-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes iziT-fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes iziT-fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes iziT-fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

@-webkit-keyframes iziT-flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes iziT-flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@-webkit-keyframes iziT-fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes iziT-fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes iziT-fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes iziT-fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@-webkit-keyframes iziT-fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes iziT-fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@-webkit-keyframes iziT-fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-200px, 0, 0); } }

@keyframes iziT-fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-200px, 0, 0); } }

@-webkit-keyframes iziT-fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(200px, 0, 0); } }

@keyframes iziT-fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(200px, 0, 0); } }

@-webkit-keyframes iziT-flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes iziT-flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

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

html {
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  box-sizing: border-box;
  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
  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%;
          text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: "PTRootUI";
  color: #fff;
  background-color: #050606;
  letter-spacing: -0.01em;
  font-size: 1.11111vw; }
  @media (min-width: 1800px) {
    body {
      font-size: 16px; } }
  @media (max-width: 991px) {
    body {
      background-color: #0A0C0C !important; } }

main {
  flex: 1; }

p {
  margin: 0; }

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

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

svg {
  display: block;
  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: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transition: 0.4s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .btn__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    color: currentColor;
    transform: translateZ(0); }

.js-lazy-load:not(.is-loaded) {
  max-height: 50vh; }

.container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  max-width: 83.33333vw; }
  @media (min-width: 1800px) {
    .container {
      max-width: 71.875vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .container {
      max-width: 100%;
      padding-left: 2.6178vw;
      padding-right: 2.6178vw; } }
  @media (max-width: 575px) {
    .container {
      max-width: 100%;
      padding-left: 5.52486vmin;
      padding-right: 5.52486vmin; } }

input {
  outline: none; }

.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: var(--vh); }

.is-hidden {
  display: none !important; }

.is-hide {
  opacity: 0; }

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

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

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

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

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

@media (min-width: 992px) {
  .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 */
::-moz-selection {
  background-color: #D42427;
  color: #fff; }
::selection {
  background-color: #D42427;
  color: #fff; }

.container {
  margin: 0 auto;
  /* Центрирует обычные контейнеры */ }

.container--right {
  max-width: 100%;
  width: 100%;
  padding-left: calc(50% - 41.66667vw); }
  @media (min-width: 1800px) {
    .container--right {
      padding-left: calc(50% - 35.9375vw); } }
  @media (min-width: 576px) and (max-width: 991px) {
    .container--right {
      padding-left: 2.6178vw;
      padding-right: 2.6178vw; } }
  @media (max-width: 575px) {
    .container--right {
      padding-left: 5.52486vmin;
      padding-right: 5.52486vmin; } }

.header {
  border-bottom: 1px solid #2F3030;
  position: relative;
  transform: translateY(-100%);
  z-index: 100; }
  .header .subcontainer {
    background-color: #fff;
    position: relative; }
    @media (max-width: 991px) {
      .header .subcontainer {
        background: transparent; } }
  .header__text {
    font-size: 0.97222vw;
    font-weight: 500;
    max-width: 9.44444vw;
    position: relative;
    z-index: 2;
    display: none; }
    @media (min-width: 1800px) {
      .header__text {
        font-size: 0.72917vw;
        max-width: 7.08333vw;
        display: block; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__text {
        font-size: 1.83246vw;
        max-width: 17.80105vw; } }
  .header__contacts {
    color: #0A0C0C;
    position: relative; }
    .header__contacts:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0.69444vw;
      height: 0.69444vw;
      background-color: #D42427; }
      @media (min-width: 1800px) {
        .header__contacts:after {
          width: 0.52083vw;
          height: 0.52083vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__contacts:after {
          width: 1.3089vw;
          height: 1.3089vw; } }
      @media (max-width: 575px) {
        .header__contacts:after {
          width: 2.76243vmin;
          height: 2.76243vmin; } }
    @media (max-width: 991px) {
      .header__contacts {
        color: #fff; } }
  .header__contactswrap {
    display: flex;
    align-items: center;
    gap: 2.91667vw; }
    @media (min-width: 1800px) {
      .header__contactswrap {
        gap: 2.1875vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__contactswrap {
        gap: 0.52356vw;
        flex-direction: column;
        align-items: flex-start; } }
    @media (max-width: 575px) {
      .header__contactswrap {
        gap: 1.10497vmin;
        flex-direction: column;
        align-items: flex-start; } }
  .header__container {
    display: flex; }
    @media (max-width: 991px) {
      .header__container {
        justify-content: space-between; } }
  .header__btnmenu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #D42427;
    color: #fff; }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__btnmenu svg {
        width: 4.71204vw;
        height: 2.87958vw; } }
    @media (max-width: 575px) {
      .header__btnmenu svg {
        width: 9.94475vmin;
        height: 6.07735vmin; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__btnmenu {
        width: 10.4712vw;
        height: 10.4712vw; } }
    @media (max-width: 575px) {
      .header__btnmenu {
        width: 17.67956vmin;
        height: 17.67956vmin; } }
  .header__wrapper {
    background-color: #0A0C0C;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding-right: 4.16667vw;
    position: relative;
    margin-left: -8.33333vw;
    justify-content: flex-start;
    width: 100%;
    max-width: calc(41.66667vw + 8.33333vw); }
    .header__wrapper:after {
      content: "";
      position: absolute;
      width: 6.94444vw;
      height: 6.94444vw;
      z-index: 1;
      right: 0;
      bottom: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(330deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      @media (min-width: 1800px) {
        .header__wrapper:after {
          width: 5.20833vw;
          height: 5.20833vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__wrapper:after {
          width: 13.08901vw;
          height: 13.08901vw; } }
      @media (max-width: 575px) {
        .header__wrapper:after {
          width: 17.67956vmin;
          height: 17.67956vmin; } }
    @media (min-width: 1800px) {
      .header__wrapper {
        margin-left: -14.01042vw;
        padding-right: 3.33333vw;
        width: calc(58.333% + 14.01042vw);
        justify-content: flex-start;
        max-width: calc(42.60417vw + 14.01042vw); } }
    @media (max-width: 991px) {
      .header__wrapper {
        margin-left: 0;
        max-width: none;
        width: auto;
        padding-right: 0; } }
  .header__msgs {
    margin-left: auto;
    margin-right: 0;
    position: relative;
    z-index: 2;
    display: none !important; }
    @media (min-width: 1800px) {
      .header__msgs {
        display: flex !important; } }
  .header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #2F3030;
    position: relative;
    width: 8.33333vw;
    height: 5.55556vw;
    flex-shrink: 0; }
    .header__logo img {
      position: relative;
      z-index: 2; }
    .header__logo:after {
      content: "";
      position: absolute;
      width: 5.55556vw;
      height: 5.55556vw;
      z-index: 1;
      right: -5.55556vw;
      bottom: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      @media (min-width: 1800px) {
        .header__logo:after {
          width: 5.20833vw;
          height: 5.20833vw;
          right: -5.20833vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__logo:after {
          width: 13.08901vw;
          height: 13.08901vw;
          right: -13.08901vw; } }
      @media (max-width: 575px) {
        .header__logo:after {
          width: 17.67956vmin;
          height: 17.67956vmin;
          right: -17.67956vmin; } }
    .header__logo:before {
      content: "";
      position: absolute;
      width: 5.55556vw;
      height: 5.55556vw;
      z-index: 1;
      right: -1px;
      bottom: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(320deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      @media (min-width: 1800px) {
        .header__logo:before {
          width: 5.20833vw;
          height: 5.20833vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__logo:before {
          width: 13.08901vw;
          height: 13.08901vw; } }
      @media (max-width: 575px) {
        .header__logo:before {
          width: 17.67956vmin;
          height: 17.67956vmin; } }
    .header__logo img {
      width: 3.95833vw; }
      @media (min-width: 1800px) {
        .header__logo img {
          width: 5.88542vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__logo img {
          width: 10.4712vw; } }
      @media (max-width: 575px) {
        .header__logo img {
          width: 12.70718vmin; } }
    @media (min-width: 1800px) {
      .header__logo {
        width: 14.0625vw;
        height: 6.04167vw;
        margin-right: 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__logo {
        width: 13.61257vw;
        height: 10.4712vw;
        margin-right: 0; } }
    @media (max-width: 575px) {
      .header__logo {
        width: 19.33702vmin;
        height: 17.67956vmin;
        margin-right: 0; } }
  .header__nav {
    align-items: center;
    position: relative;
    z-index: 3;
    width: 100%;
    font-size: 0.97222vw;
    margin-left: 4.16667vw; }
    .header__nav ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
    @media (min-width: 1800px) {
      .header__nav {
        display: none; } }
    @media (max-width: 991px) {
      .header__nav {
        display: none; } }
  .header__contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.77778vw;
    gap: 2.91667vw;
    position: relative;
    z-index: 2; }
    .header__contacts a:hover {
      color: #D42427; }
    .header__contacts svg {
      color: #D42427; }
    @media (min-width: 1800px) {
      .header__contacts {
        padding: 0 3.33333vw;
        max-width: 43.95833vw;
        gap: 2.1875vw;
        width: 100%; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__contacts {
        padding: 0;
        gap: 4.18848vw;
        max-width: none;
        width: auto;
        flex-grow: 1;
        padding-left: 7.32984vw; } }
    @media (max-width: 575px) {
      .header__contacts {
        padding: 0;
        gap: 3.31492vmin;
        max-width: none;
        width: auto;
        flex-grow: 1;
        padding-left: 6.62983vmin; } }
  .header__contact--phone {
    font-size: 1.38889vw;
    white-space: nowrap;
    font-weight: 700; }
    @media (min-width: 1800px) {
      .header__contact--phone {
        font-size: 1.04167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__contact--phone {
        font-size: 3.14136vw; } }
    @media (max-width: 575px) {
      .header__contact--phone {
        font-size: 4.97238vmin; } }
  .header__add {
    display: inline-flex;
    align-items: center;
    gap: 0.83333vw;
    font-size: 0.97222vw; }
    .header__add svg {
      width: 1.66667vw;
      height: 1.66667vw; }
      @media (min-width: 1800px) {
        .header__add svg {
          width: 1.25vw;
          height: 1.25vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .header__add svg {
          width: 2.09424vw;
          height: 2.09424vw; } }
    @media (min-width: 1800px) {
      .header__add {
        font-size: 0.83333vw;
        gap: 0.625vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .header__add {
        font-size: 1.83246vw;
        gap: 1.57068vw; } }
    @media (max-width: 575px) {
      .header__add {
        display: none; } }
  @media (max-width: 991px) {
    .header .container--right {
      padding-right: 0 !important; } }
  @media (max-width: 991px) {
    .header {
      transform: none !important; } }

.nav {
  display: none; }
  @media (min-width: 1800px) {
    .nav {
      display: flex;
      position: fixed;
      top: 0;
      bottom: 0;
      height: 100vh;
      z-index: 99;
      left: 0;
      width: 13.54167vw;
      align-items: center;
      justify-content: center;
      padding: 1.25vw;
      font-size: 0.9375vw;
      line-height: 120%; }
      .nav ul li {
        margin-bottom: 1.66667vw;
        transform: translateX(-13.69792vw);
        opacity: 0; }
        .nav ul li:after {
          content: "";
          position: absolute;
          left: 0.52083vw;
          top: calc(100% + 0.3125vw);
          height: 1.04167vw;
          border-left: 1px solid #2F3030; }
        .nav ul li:last-child:after {
          display: none; }
        .nav ul li a {
          display: flex;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 1.04167vw;
          position: relative; }
          .nav ul li a:before {
            content: "";
            width: 1.04167vw;
            height: 1.04167vw;
            margin-right: 0.52083vw;
            transition: all .3s ease-out;
            flex-shrink: 0;
            border-radius: 50%;
            border: 1px solid #2F3030; }
          .nav ul li a:after {
            content: "";
            position: absolute;
            width: 0.3125vw;
            height: 0.3125vw;
            border-radius: 50%;
            left: 0.36458vw;
            top: 50%;
            transform: translateY(-50%);
            background-color: transparent; }
          .nav ul li a:hover {
            color: #D42427; }
        .nav ul li.is-before:after {
          border-color: #D42427; }
        .nav ul li.is-before a:before {
          border-color: #D42427; }
        .nav ul li.is-before a:after {
          background-color: #D42427; }
        .nav ul li.is-active a {
          color: #D42427; }
          .nav ul li.is-active a:before {
            border-color: #D42427; }
          .nav ul li.is-active a:after {
            background-color: #D42427; }
        .nav ul li:last-child {
          margin-bottom: 0; } }
  @media (max-width: 991px) {
    .nav {
      opacity: 0;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      z-index: 999;
      background-color: #0A0C0C;
      border-right: 1px solid #2F3030;
      transform: translateX(-100%); } }
  @media (min-width: 576px) and (max-width: 991px) {
    .nav {
      width: 39.26702vw;
      padding: 3.14136vw;
      font-size: 2.6178vw; }
      .nav ul li {
        margin-bottom: 4.18848vw; }
        .nav ul li a:hover {
          color: #D42427; }
        .nav ul li:last-child {
          margin-bottom: 0; } }
  @media (max-width: 575px) {
    .nav {
      width: 82.87293vmin;
      padding: 6.62983vmin;
      font-size: 5.52486vmin; }
      .nav ul li {
        margin-bottom: 8.83978vmin; }
        .nav ul li a:hover {
          color: #D42427; }
        .nav ul li:last-child {
          margin-bottom: 0; } }

.msgs {
  display: inline-flex;
  gap: 0.83333vw; }
  .msgs__item {
    width: 3.88889vw;
    height: 3.88889vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #2F3030; }
    .msgs__item svg {
      width: 1.66667vw;
      height: 1.66667vw; }
      @media (min-width: 1800px) {
        .msgs__item svg {
          width: 1.25vw;
          height: 1.25vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .msgs__item svg {
          width: 3.14136vw;
          height: 3.14136vw; } }
      @media (max-width: 575px) {
        .msgs__item svg {
          width: 6.62983vmin;
          height: 6.62983vmin; } }
    .msgs__item:hover {
      border: 1px solid #fff; }
    @media (min-width: 1800px) {
      .msgs__item {
        width: 3.33333vw;
        height: 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .msgs__item {
        width: 7.32984vw;
        height: 7.32984vw; } }
    @media (max-width: 575px) {
      .msgs__item {
        width: 15.46961vmin;
        height: 15.46961vmin; } }
  @media (min-width: 1800px) {
    .msgs {
      gap: 0.625vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .msgs {
      gap: 1.57068vw; } }

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

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

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

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

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

@keyframes moveAround3 {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(5deg); }
  100% {
    transform: rotate(0deg); } }

.hero {
  background-color: #050606;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .hero__deco {
    position: absolute;
    width: 6.94444vw;
    height: 6.94444vw;
    z-index: 1; }
    .hero__deco:nth-child(1) {
      top: -1px;
      left: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(140deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .hero__deco:nth-child(1):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .hero__deco:nth-child(1):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .hero__deco:nth-child(1):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
      @media (max-width: 991px) {
        .hero__deco:nth-child(1) {
          display: none; } }
    .hero__deco:nth-child(2) {
      top: -1px;
      right: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(210deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .hero__deco:nth-child(2):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .hero__deco:nth-child(2):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .hero__deco:nth-child(2):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
      @media (max-width: 991px) {
        .hero__deco:nth-child(2) {
          display: none; } }
    .hero__deco:nth-child(3) {
      bottom: -1px;
      right: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(310deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      @media (max-width: 991px) {
        .hero__deco:nth-child(3) {
          display: none; } }
    .hero__deco:nth-child(4) {
      bottom: -1px;
      left: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
  .hero__container {
    display: flex;
    position: relative; }
    @media (max-width: 575px) {
      .hero__container {
        flex-direction: column; } }
  .hero__text {
    max-width: 41.66667vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    transform: translateX(-100%);
    opacity: 0;
    transition: all .3s ease-out; }
    .hero__text:before {
      content: "";
      position: absolute;
      z-index: -2;
      top: 0;
      bottom: 0;
      right: 0;
      left: -9999px;
      background-color: #0A0C0C; }
    @media (min-width: 1800px) {
      .hero__text {
        max-width: 42.60417vw;
        width: 100%; } }
    @media (max-width: 991px) {
      .hero__text {
        transform: none !important;
        opacity: 1 !important;
        max-width: 100%; } }
  .hero__textwrapper {
    padding-left: 4.44444vw;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: 1px solid #2F3030;
    border-right: 1px solid #2F3030;
    position: relative; }
    @media (min-width: 1800px) {
      .hero__textwrapper {
        padding-left: 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__textwrapper {
        padding-left: 3.14136vw;
        min-height: 54.58115vw;
        margin-right: 37.95812vw; } }
    @media (max-width: 575px) {
      .hero__textwrapper {
        border-left: none;
        border-right: none;
        text-align: center;
        padding: 17.67956vmin 0;
        align-items: center; } }
  .hero__imgsegments {
    width: 18.05556vw;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .hero__imgsegments {
        width: 16.14583vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__imgsegments {
        width: 20.94241vw;
        transform: rotate(18deg) !important; } }
    @media (max-width: 575px) {
      .hero__imgsegments {
        width: 44.1989vmin;
        transform: rotate(37deg) !important; } }
  @media (max-width: 991px) {
    .hero__imgsegment {
      transform: none !important;
      opacity: 1 !important; } }
  .hero__image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transform: translateX(-49%) translateY(-40px) rotate(45deg);
    opacity: 0;
    height: calc(100vh - 5.55556vw);
    max-width: 50vw; }
    .hero__image:before {
      content: "";
      position: absolute;
      display: inline-block;
      top: 50%;
      bottom: 50%;
      left: 50%;
      width: 1px;
      background: linear-gradient(0, #040606 0%, #D42427 50%, #040606 100%);
      transition: all .7s ease-out; }
      @media (max-width: 991px) {
        .hero__image:before {
          top: 0;
          bottom: 0; } }
    .hero__image:after {
      content: "";
      position: absolute;
      display: inline-block;
      left: 50%;
      right: 50%;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, #040606 0%, #D42427 50%, #040606 100%);
      transition: all .7s ease-out; }
      @media (max-width: 991px) {
        .hero__image:after {
          left: 0;
          right: 0; } }
    .hero__image.active:before {
      top: 0;
      bottom: 0; }
    .hero__image.active:after {
      left: 0;
      right: 0; }
    @media (min-width: 1800px) {
      .hero__image {
        max-width: 43.38542vw;
        height: calc(100vh - 6.04167vw);
        transform: translateX(-70%) translateY(-80px) rotate(45deg); } }
    @media (max-width: 991px) {
      .hero__image {
        transform: none !important;
        opacity: 1 !important; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__image {
        max-width: 37.95812vw;
        position: absolute;
        right: 0;
        top: 0;
        height: calc(100% - 15.44503vw);
        z-index: 3;
        border-right: 1px solid #2F3030;
        background-color: #040606; } }
    @media (max-width: 575px) {
      .hero__image {
        width: auto;
        max-width: none;
        margin-left: -5.52486vmin;
        margin-right: -5.52486vmin;
        height: 64.0884vmin;
        border-top: 1px solid #2F3030;
        border-bottom: 1px solid #2F3030;
        margin-bottom: 17.67956vmin;
        z-index: 2;
        background-color: #040606; } }
  .hero__imagecircle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
    .hero__imagecircle--1 {
      width: 39.72222vw;
      height: 39.72222vw; }
      .hero__imagecircle--1 svg {
        -webkit-animation: moveAround 60s infinite linear;
                animation: moveAround 60s infinite linear; }
        @media (max-width: 991px) {
          .hero__imagecircle--1 svg path {
            stroke-opacity: 0.7 !important; } }
      @media (min-width: 1800px) {
        .hero__imagecircle--1 {
          width: 29.79167vw;
          height: 29.79167vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .hero__imagecircle--1 {
          width: 31.41361vw;
          height: 31.41361vw; } }
      @media (max-width: 575px) {
        .hero__imagecircle--1 {
          width: 49.72376vmin;
          height: 49.72376vmin; } }
    .hero__imagecircle--2 {
      width: 28.81944vw;
      height: 28.81944vw; }
      .hero__imagecircle--2 svg {
        -webkit-animation: moveAround2 60s infinite linear;
                animation: moveAround2 60s infinite linear; }
        @media (max-width: 991px) {
          .hero__imagecircle--2 svg path {
            stroke-opacity: 0.7 !important; } }
      @media (min-width: 1800px) {
        .hero__imagecircle--2 {
          width: 21.61458vw;
          height: 21.61458vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .hero__imagecircle--2 {
          width: 20.94241vw;
          height: 20.94241vw; } }
      @media (max-width: 575px) {
        .hero__imagecircle--2 {
          width: 33.14917vmin;
          height: 33.14917vmin; } }
  .hero__notice {
    position: absolute;
    font-size: 0.97222vw;
    font-weight: 500;
    line-height: 120%;
    z-index: 5;
    transform: rotate(-15deg); }
    .hero__notice span {
      position: relative;
      display: inline-block; }
    .hero__notice--1 {
      left: -50%;
      top: 18%;
      width: 18.75vw; }
      @media (min-width: 1800px) {
        .hero__notice--1 {
          top: 18%;
          left: -40%;
          width: auto; } }
    .hero__notice--2 {
      top: 30%;
      left: 35%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 18.75vw; }
      .hero__notice--2 span {
        transform: translateX(70%);
        white-space: nowrap; }
      @media (min-width: 1800px) {
        .hero__notice--2 {
          top: 46%;
          left: 49%;
          width: auto; } }
    .hero__notice--3 {
      top: 55%;
      left: -47%;
      width: 18.75vw; }
      @media (min-width: 1800px) {
        .hero__notice--3 {
          top: 64%;
          left: -30%;
          width: auto; } }
    .hero__notice--1 span, .hero__notice--3 span {
      transform: translateX(-50%); }
    @media (min-width: 1800px) {
      .hero__notice {
        font-size: 0.83333vw; } }
  .hero__title {
    font-size: 3.88889vw;
    line-height: 100%;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.66667vw;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .hero__title {
        font-size: 4.16667vw;
        margin-bottom: 1.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__title {
        font-size: 6.28272vw;
        margin-bottom: 3.14136vw; } }
    @media (max-width: 575px) {
      .hero__title {
        font-size: 10.22099vmin;
        margin-bottom: 6.62983vmin; } }
  .hero__subtitle {
    color: #90A2A2;
    font-size: 1.66667vw;
    font-weight: 700;
    line-height: 120%;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .hero__subtitle {
        font-size: 1.66667vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__subtitle {
        font-size: 2.35602vw; } }
    @media (max-width: 575px) {
      .hero__subtitle {
        font-size: 4.41989vmin; } }
  .hero__advant {
    display: flex;
    margin-left: 1px;
    margin-top: -1px; }
    .hero__advant li {
      font-weight: 500;
      line-height: 120%;
      margin-left: -1px;
      border: 1px solid #2F3030;
      flex-basis: calc(33.33% + 1px);
      display: flex;
      align-items: center;
      background-color: #0A0C0C; }
      @media (min-width: 576px) and (max-width: 991px) {
        .hero__advant li {
          font-size: 1.83246vw;
          padding: 5.2356vw 3.66492vw; } }
      @media (max-width: 575px) {
        .hero__advant li {
          font-size: 3.8674vmin;
          padding: 4.41989vmin 6.62983vmin;
          flex-basis: calc(50% + 1px); }
          .hero__advant li:last-child {
            flex-basis: calc(100% + 1px);
            margin-top: -1px; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .hero__advant {
        margin-bottom: 10.4712vw; } }
    @media (max-width: 575px) {
      .hero__advant {
        margin-bottom: 17.67956vmin;
        flex-wrap: wrap; } }
  .hero__slider {
    position: relative;
    z-index: 1;
    height: 8.33333vw;
    display: flex;
    align-items: center;
    border-left: 1px solid #2F3030;
    border-right: 1px solid #2F3030; }
    .hero__slider .hero__deco:after {
      display: none !important; }
    @media (min-width: 1800px) {
      .hero__slider {
        height: 9.94792vw; } }
  @media (max-width: 991px) {
    .hero__btn {
      position: relative;
      z-index: 4; } }
  @media (max-width: 575px) {
    .hero__btn {
      display: none; } }
  .hero__btnmobile {
    display: none; }
    @media (max-width: 575px) {
      .hero__btnmobile {
        display: block; } }
  @media (max-width: 991px) {
    .hero {
      background-color: #0A0C0C; } }

.img-animation {
  -webkit-animation: moveAround3 5s infinite linear;
          animation: moveAround3 5s infinite linear; }

.hero-slider {
  max-width: 100%;
  position: relative;
  z-index: 2; }
  .hero-slider:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 9.79167vw;
    background: linear-gradient(270deg, rgba(10, 12, 12, 0) 0%, #0a0c0c 100%); }
    @media (min-width: 1800px) {
      .hero-slider:before {
        width: 7.34375vw; } }
  .hero-slider:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 9.79167vw;
    background: linear-gradient(270deg, #0a0c0c 0%, rgba(10, 12, 12, 0) 100%); }
    @media (min-width: 1800px) {
      .hero-slider:after {
        width: 7.34375vw; } }
  .hero-slider__item {
    padding: 1.66667vw; }
    @media (min-width: 1800px) {
      .hero-slider__item {
        padding: 1.25vw; } }
    .hero-slider__item img {
      height: 2.77778vw;
      max-width: 13.88889vw; }
      @media (min-width: 1800px) {
        .hero-slider__item img {
          height: 2.08333vw;
          max-width: 10.41667vw; } }
  .hero-slider .slick-track {
    display: flex; }
  .hero-slider .slick-track .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto; }

.btnblock {
  position: relative;
  width: 100%;
  padding: 1.38889vw;
  border: 1px solid transparent;
  background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(15deg, #d42427 0%, rgba(212, 36, 39, 0) 25%, rgba(212, 36, 39, 0) 50%, rgba(212, 36, 39, 0) 75%, #d42427 100%) border-box, linear-gradient(-15deg, #d42427 0%, rgba(212, 36, 39, 0) 25%, rgba(212, 36, 39, 0) 50%, rgba(212, 36, 39, 0) 75%, #d42427 100%) border-box;
  background-repeat: no-repeat; }
  .btnblock__quad {
    width: 0.69444vw;
    height: 0.69444vw;
    background-color: #D42427;
    position: absolute;
    transition: all .3s ease-out; }
    .btnblock__quad:nth-child(1) {
      top: 0;
      left: 0; }
    .btnblock__quad:nth-child(2) {
      top: 0;
      right: 0; }
    .btnblock__quad:nth-child(3) {
      bottom: 0;
      left: 0; }
    .btnblock__quad:nth-child(4) {
      bottom: 0;
      right: 0; }
    @media (min-width: 1800px) {
      .btnblock__quad {
        width: 0.52083vw;
        height: 0.52083vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .btnblock__quad {
        width: 1.3089vw;
        height: 1.3089vw; } }
    @media (max-width: 575px) {
      .btnblock__quad {
        width: 2.76243vmin;
        height: 2.76243vmin; } }
  .btnblock:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #2F3030;
    z-index: -1; }
  .btnblock__btn {
    width: 100%;
    font-weight: 500;
    font-size: 1.25vw;
    height: 5.27778vw;
    background-color: #D42427;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
    .btnblock__btn:hover {
      background-color: #a81d1f; }
    @media (min-width: 1800px) {
      .btnblock__btn {
        font-size: 1.04167vw;
        height: 4.6875vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .btnblock__btn {
        font-size: 2.35602vw;
        height: 9.94764vw; } }
    @media (max-width: 575px) {
      .btnblock__btn {
        font-size: 4.97238vmin;
        height: 20.99448vmin; } }
  .btnblock:hover .btnblock__quad:nth-child(1) {
    top: 5px;
    left: 5px; }
  .btnblock:hover .btnblock__quad:nth-child(2) {
    top: 5px;
    right: 5px; }
  .btnblock:hover .btnblock__quad:nth-child(3) {
    bottom: 5px;
    left: 5px; }
  .btnblock:hover .btnblock__quad:nth-child(4) {
    bottom: 5px;
    right: 5px; }
  .btnblock:active .btnblock__quad:nth-child(1) {
    top: 10px;
    left: 10px; }
  .btnblock:active .btnblock__quad:nth-child(2) {
    top: 10px;
    right: 10px; }
  .btnblock:active .btnblock__quad:nth-child(3) {
    bottom: 10px;
    left: 10px; }
  .btnblock:active .btnblock__quad:nth-child(4) {
    bottom: 10px;
    right: 10px; }
  @media (min-width: 1800px) {
    .btnblock {
      padding: 1.04167vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .btnblock {
      padding: 2.6178vw; } }
  @media (max-width: 575px) {
    .btnblock {
      padding: 5.52486vmin; } }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.83333vw;
  height: 5.27778vw;
  font-size: 1.38889vw;
  font-weight: 500; }
  .btn:hover {
    border-color: #D42427; }
  .btn svg {
    width: 1.66667vw;
    height: 1.66667vw;
    color: #D42427; }
    @media (min-width: 1800px) {
      .btn svg {
        width: 1.25vw;
        height: 1.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .btn svg {
        width: 3.14136vw;
        height: 3.14136vw; } }
    @media (max-width: 575px) {
      .btn svg {
        width: 6.62983vmin;
        height: 6.62983vmin; } }
  .btn--border {
    border: 1px solid #D8DEDE; }
  @media (min-width: 1800px) {
    .btn {
      gap: 0.625vw;
      height: 4.6875vw;
      font-size: 1.04167vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .btn {
      gap: 1.57068vw;
      height: 9.94764vw;
      font-size: 2.6178vw; } }
  @media (max-width: 575px) {
    .btn {
      gap: 3.31492vmin;
      height: 20.99448vmin;
      font-size: 5.52486vmin; } }

.heading {
  margin-top: 0;
  line-height: 120%;
  font-weight: 700;
  font-size: 2.77778vw;
  margin-bottom: 2.22222vw; }
  @media (min-width: 1800px) {
    .heading {
      font-size: 2.5vw;
      margin-bottom: 2.08333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .heading {
      font-size: 5.2356vw;
      margin-bottom: 4.18848vw; } }
  @media (max-width: 575px) {
    .heading {
      font-size: 8.83978vmin;
      margin-bottom: 8.83978vmin;
      line-height: 110%; } }

.intro {
  font-size: 1.11111vw;
  line-height: 140%;
  color: #0A0C0C;
  margin-left: 6.94444vw;
  max-width: 43.26389vw;
  margin-bottom: 3.88889vw; }
  .intro p {
    margin-bottom: 1em; }
  .intro > *:last-child {
    margin-bottom: 0; }
  @media (min-width: 1800px) {
    .intro {
      font-size: 0.83333vw;
      margin-left: 8.80208vw;
      max-width: 32.44792vw;
      margin-bottom: 3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .intro {
      font-size: 2.09424vw;
      margin-left: 5.2356vw;
      max-width: 81.5445vw;
      margin-bottom: 7.32984vw; } }
  @media (max-width: 575px) {
    .intro {
      font-size: 3.8674vmin;
      margin-left: 0;
      max-width: 100%;
      margin-bottom: 15.46961vmin; } }

.equipment .subcontainer {
  background-color: #fff;
  color: #0A0C0C;
  padding-top: 6.94444vw;
  padding-bottom: 6.94444vw;
  padding-left: 4.44444vw; }
  @media (min-width: 1800px) {
    .equipment .subcontainer {
      padding-top: 7.8125vw;
      padding-left: 3.33333vw;
      padding-bottom: 7.8125vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .equipment .subcontainer {
      padding: 10.4712vw 2.6178vw;
      margin: 0 -2.6178vw; } }
  @media (max-width: 575px) {
    .equipment .subcontainer {
      padding: 17.67956vmin 5.52486vmin;
      margin: 0 -5.52486vmin; } }

.equipment__items {
  display: flex;
  max-width: 72.01389vw;
  margin-left: 6.94444vw;
  gap: 3.75vw; }
  @media (min-width: 1800px) {
    .equipment__items {
      max-width: 59.79167vw;
      margin-left: 8.75vw;
      gap: 3.80208vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .equipment__items {
      max-width: none;
      margin: 0 -2.6178vw;
      padding: 0 2.6178vw;
      gap: 5.75916vw;
      overflow-x: scroll; } }
  @media (max-width: 575px) {
    .equipment__items {
      max-width: none;
      margin: 0 -5.52486vmin;
      padding: 0 5.52486vmin;
      gap: 12.1547vmin;
      overflow-x: scroll; } }

.equipment__item {
  flex-basis: 100%; }
  @media (min-width: 576px) and (max-width: 991px) {
    .equipment__item {
      width: 37.56545vw;
      flex-basis: 37.56545vw;
      flex-shrink: 0; } }
  @media (max-width: 575px) {
    .equipment__item {
      width: 59.39227vmin;
      flex-basis: 59.39227vmin;
      flex-shrink: 0; } }

.machine__image {
  height: 37.91667vw;
  position: relative;
  z-index: 1;
  background-color: #F1F3F3;
  margin-bottom: 1.66667vw; }
  .machine__image img {
    position: absolute;
    bottom: 4.44444vw;
    left: 50%;
    transform: translateX(-50%); }
    @media (min-width: 1800px) {
      .machine__image img {
        bottom: 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .machine__image img {
        bottom: 8.37696vw; } }
    @media (max-width: 575px) {
      .machine__image img {
        bottom: 17.67956vmin; } }
  .machine__image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #D42427; }
  @media (min-width: 1800px) {
    .machine__image {
      height: 30.20833vw;
      margin-bottom: 1.25vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .machine__image {
      height: 65.18325vw;
      margin-bottom: 3.14136vw; } }
  @media (max-width: 575px) {
    .machine__image {
      height: 103.31492vmin;
      margin-bottom: 4.97238vmin; } }

.machine__title {
  font-weight: 500;
  font-size: 1.25vw;
  padding-bottom: 1.66667vw;
  position: relative;
  z-index: 1; }
  .machine__title:after {
    content: "";
    width: 0.69444vw;
    height: 0.69444vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #D42427; }
    @media (min-width: 1800px) {
      .machine__title:after {
        width: 0.52083vw;
        height: 0.52083vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .machine__title:after {
        width: 1.3089vw;
        height: 1.3089vw; } }
    @media (max-width: 575px) {
      .machine__title:after {
        width: 2.76243vmin;
        height: 2.76243vmin; } }
  @media (min-width: 1800px) {
    .machine__title {
      font-size: 1.04167vw;
      padding-bottom: 1.25vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .machine__title {
      font-size: 2.09424vw;
      padding-bottom: 3.14136vw; } }
  @media (max-width: 575px) {
    .machine__title {
      font-size: 3.8674vmin;
      padding-bottom: 6.62983vmin; } }

.machine--1 .machine__image img {
  width: 27.91667vw;
  max-width: none; }
  @media (min-width: 1800px) {
    .machine--1 .machine__image img {
      width: 20.9375vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .machine--1 .machine__image img {
      width: 45.15707vw;
      margin-left: 2.6178vw; } }
  @media (max-width: 575px) {
    .machine--1 .machine__image img {
      width: 71.54696vmin;
      margin-left: 5.52486vmin; } }

.machine--2 .machine__image img {
  width: 24.02778vw;
  max-width: none;
  margin-left: 2.08333vw; }
  @media (min-width: 1800px) {
    .machine--2 .machine__image img {
      width: 18.02083vw;
      margin-left: 1.5625vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .machine--2 .machine__image img {
      width: 39.00524vw;
      margin-left: 3.9267vw; } }
  @media (max-width: 575px) {
    .machine--2 .machine__image img {
      width: 61.60221vmin;
      margin-left: 8.28729vmin; } }

.digits {
  position: relative;
  z-index: 2; }
  .digits__deco {
    position: absolute;
    width: 6.94444vw;
    height: 6.94444vw;
    z-index: 1; }
    .digits__deco:nth-child(1) {
      bottom: -1px;
      left: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
    .digits__deco:nth-child(2) {
      bottom: -1px;
      right: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(320deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
  .digits .container {
    border-left: 1px solid #2F3030;
    border-right: 1px solid #2F3030;
    padding: 6.94444vw 1.38889vw;
    position: relative; }
    @media (min-width: 1800px) {
      .digits .container {
        padding: 7.8125vw 1.04167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .digits .container {
        padding: 10.4712vw 2.6178vw 5.2356vw; } }
    @media (max-width: 575px) {
      .digits .container {
        padding: 17.67956vmin 5.52486vmin 6.62983vmin; } }
  .digits__items {
    display: flex;
    margin: 0 -1.11111vw;
    margin-left: 10.41667vw; }
    @media (min-width: 1800px) {
      .digits__items {
        margin: 0 -0.83333vw;
        margin-left: 11.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .digits__items {
        margin: 0 -1.3089vw;
        margin-left: 8.37696vw;
        flex-wrap: wrap; } }
    @media (max-width: 575px) {
      .digits__items {
        margin: 0;
        margin-left: 0;
        flex-wrap: wrap; } }
  .digits__item {
    margin: 0 1.11111vw;
    flex-basis: calc(25% - 2.22222vw); }
    @media (min-width: 1800px) {
      .digits__item {
        margin: 0 0.83333vw;
        flex-basis: calc(25% - 1.66667vw); } }
    @media (min-width: 576px) and (max-width: 991px) {
      .digits__item {
        margin: 0 1.3089vw;
        flex-basis: calc(50% - 2.6178vw);
        margin-bottom: 5.2356vw; } }
    @media (max-width: 575px) {
      .digits__item {
        margin: 0;
        flex-basis: 100%;
        margin-bottom: 11.04972vmin; } }

.digit:nth-child(2n) .digit__title {
  color: #D42427; }

.digit__title {
  font-size: 3.88889vw;
  font-weight: 500;
  line-height: 100%;
  padding-bottom: 1.66667vw;
  margin-bottom: 1.66667vw;
  position: relative; }
  .digit__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #D42427, #040606); }
  @media (min-width: 1800px) {
    .digit__title {
      font-size: 3.33333vw;
      padding-bottom: 1.25vw;
      margin-bottom: 1.25vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .digit__title {
      font-size: 7.32984vw;
      padding-bottom: 2.09424vw;
      margin-bottom: 2.09424vw; } }
  @media (max-width: 575px) {
    .digit__title {
      font-size: 15.46961vmin;
      padding-bottom: 4.41989vmin;
      margin-bottom: 4.41989vmin; } }

.digit__subtitle {
  font-weight: 500;
  font-size: 1.25vw;
  color: #90A2A2; }
  @media (min-width: 1800px) {
    .digit__subtitle {
      font-size: 1.04167vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .digit__subtitle {
      font-size: 2.35602vw; } }
  @media (max-width: 575px) {
    .digit__subtitle {
      font-size: 4.41989vmin; }
      .digit__subtitle br {
        display: none; } }

.pm {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-bottom: 1px solid #2F3030; }
  .pm__deco {
    position: absolute;
    width: 6.94444vw;
    height: 6.94444vw;
    z-index: 1; }
    .pm__deco:nth-child(1) {
      top: 0;
      left: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#040606, #040606 0) padding-box, linear-gradient(140deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .pm__deco:nth-child(1):after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .pm__deco:nth-child(1):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .pm__deco:nth-child(1):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
        @media (max-width: 575px) {
          .pm__deco:nth-child(1):after {
            width: 2.76243vmin;
            height: 2.76243vmin; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .pm__deco:nth-child(1) {
          top: -1px; } }
      @media (max-width: 575px) {
        .pm__deco:nth-child(1) {
          top: -1px; } }
    .pm__deco:nth-child(2) {
      top: 0;
      right: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#040606, #040606 0) padding-box, linear-gradient(210deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .pm__deco:nth-child(2):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .pm__deco:nth-child(2):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .pm__deco:nth-child(2):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .pm__deco:nth-child(2) {
          top: -1px; } }
      @media (max-width: 575px) {
        .pm__deco:nth-child(2) {
          top: -1px; } }
      @media (max-width: 575px) {
        .pm__deco:nth-child(2) {
          display: none; } }
    .pm__deco:nth-child(3) {
      bottom: -1px;
      right: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#040606, #040606 0) padding-box, linear-gradient(310deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .pm__deco:nth-child(3):after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .pm__deco:nth-child(3):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .pm__deco:nth-child(3):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
        @media (max-width: 575px) {
          .pm__deco:nth-child(3):after {
            width: 2.76243vmin;
            height: 2.76243vmin; } }
      @media (max-width: 575px) {
        .pm__deco:nth-child(3) {
          display: none; } }
    .pm__deco:nth-child(4) {
      bottom: -1px;
      left: -1px;
      border: 1px solid transparent;
      background: linear-gradient(#040606, #040606 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
      background-repeat: no-repeat; }
      .pm__deco:nth-child(4):after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0.69444vw;
        height: 0.69444vw;
        background-color: #D42427; }
        @media (min-width: 1800px) {
          .pm__deco:nth-child(4):after {
            width: 0.52083vw;
            height: 0.52083vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .pm__deco:nth-child(4):after {
            width: 1.3089vw;
            height: 1.3089vw; } }
        @media (max-width: 575px) {
          .pm__deco:nth-child(4):after {
            width: 2.76243vmin;
            height: 2.76243vmin; } }
  .pm .container {
    padding: 6.94444vw 4.44444vw;
    border-left: 1px solid #2F3030;
    border-right: 1px solid #2F3030;
    border-top: none;
    position: relative;
    z-index: 1; }
    .pm .container:after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: -9999px;
      background-color: #040606;
      border-top: 1px solid #2F3030; }
      @media (max-width: 991px) {
        .pm .container:after {
          display: none; } }
    .pm .container:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -1px;
      border-right: 1px solid #2F3030; }
      @media (max-width: 575px) {
        .pm .container:before {
          display: none; } }
    @media (min-width: 1800px) {
      .pm .container {
        padding: 7.8125vw 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm .container {
        padding: 10.4712vw 5.2356vw;
        margin: 0 2.6178vw;
        max-width: calc(100% - 5.2356vw);
        margin-bottom: 10.4712vw;
        border-bottom: 1px solid #2F3030;
        border-top: 1px solid #2F3030; } }
    @media (max-width: 575px) {
      .pm .container {
        padding: 17.67956vmin 0 11.04972vmin 6.62983vmin;
        margin: 0 5.52486vmin;
        max-width: calc(100% - 11.04972vmin);
        margin-bottom: 17.67956vmin;
        border-bottom: 1px solid #2F3030;
        border-top: 1px solid #2F3030;
        border-right: none; } }
  .pm__row {
    display: flex;
    margin: 0 -1.11111vw; }
    @media (min-width: 1800px) {
      .pm__row {
        margin: 0 -0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__row {
        margin: 0;
        display: block;
        position: relative; } }
    @media (max-width: 575px) {
      .pm__row {
        margin: 0;
        display: block;
        position: relative; } }
  .pm__col {
    margin: 0 1.11111vw;
    flex-basis: calc(33.33% - 2.22222vw); }
    .pm__col--minus .pm__content ul li:before {
      background: url(../images/sprites/svg/minus.svg) no-repeat center center;
      background-size: cover; }
    .pm__col--plus .pm__content ul li:before {
      background: url(../images/sprites/svg/plus.svg) no-repeat center center;
      background-size: cover; }
    .pm__col--image {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .pm__col--image:before {
        content: "";
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: linear-gradient(0, #040606 0%, #D42427 50%, #040606 100%); }
        @media (max-width: 991px) {
          .pm__col--image:before {
            display: none; } }
      .pm__col--image:after {
        content: "";
        position: absolute;
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        transform: rotate(90deg);
        background: linear-gradient(0, #040606 0%, #D42427 50%, #040606 100%); }
        @media (max-width: 991px) {
          .pm__col--image:after {
            display: none; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .pm__col--image {
          position: static;
          margin-bottom: 0 !important; } }
      @media (max-width: 575px) {
        .pm__col--image {
          display: none; } }
    @media (min-width: 1800px) {
      .pm__col {
        margin: 0 0.83333vw;
        flex-basis: calc(33.33% - 1.66667vw); } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__col {
        margin: 0;
        margin-bottom: 7.32984vw; }
        .pm__col:last-child {
          margin-bottom: 0; } }
    @media (max-width: 575px) {
      .pm__col {
        margin: 0;
        margin-bottom: 15.46961vmin; }
        .pm__col:last-child {
          margin-bottom: 0; } }
  .pm__image {
    width: 14.30556vw;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .pm__image {
        width: 14.375vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__image {
        position: static; } }
    @media (max-width: 575px) {
      .pm__image {
        display: none; } }
  .pm__img {
    position: relative;
    position: relative;
    z-index: 2; }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__img {
        position: absolute;
        right: -2.6178vw;
        bottom: -22.25131vw;
        width: 28.79581vw;
        transform: rotate(35deg) !important; } }
  .pm__imagecircle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
    .pm__imagecircle--1 {
      width: 33.33333vw;
      height: 33.33333vw; }
      .pm__imagecircle--1 svg {
        -webkit-animation: moveAround 60s infinite linear;
                animation: moveAround 60s infinite linear; }
      @media (min-width: 1800px) {
        .pm__imagecircle--1 {
          width: 29.79167vw;
          height: 29.79167vw; } }
    .pm__imagecircle--2 {
      width: 22.22222vw;
      height: 22.22222vw; }
      .pm__imagecircle--2 svg {
        -webkit-animation: moveAround2 60s infinite linear;
                animation: moveAround2 60s infinite linear; }
      @media (min-width: 1800px) {
        .pm__imagecircle--2 {
          width: 21.61458vw;
          height: 21.61458vw; } }
    @media (max-width: 991px) {
      .pm__imagecircle {
        display: none; } }
  .pm__title {
    font-size: 1.80556vw;
    font-weight: 700;
    margin-bottom: 2.77778vw; }
    @media (min-width: 1800px) {
      .pm__title {
        font-size: 1.66667vw;
        margin-bottom: 2.08333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__title {
        font-size: 3.27225vw;
        margin-bottom: 4.18848vw;
        max-width: 52.35602vw; } }
    @media (max-width: 575px) {
      .pm__title {
        font-size: 6.62983vmin;
        margin-bottom: 8.83978vmin;
        max-width: 100%; } }
  .pm__content {
    color: #90A2A2;
    font-size: 0.97222vw;
    line-height: 140%; }
    .pm__content ul li {
      padding-left: 2.77778vw;
      margin-bottom: 1.11111vw;
      position: relative; }
      .pm__content ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1.66667vw;
        height: 1.66667vw; }
        @media (min-width: 1800px) {
          .pm__content ul li:before {
            width: 1.25vw;
            height: 1.25vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .pm__content ul li:before {
            width: 3.14136vw;
            height: 3.14136vw; } }
        @media (max-width: 575px) {
          .pm__content ul li:before {
            width: 6.62983vmin;
            height: 6.62983vmin; } }
      @media (min-width: 1800px) {
        .pm__content ul li {
          padding-left: 2.08333vw;
          margin-bottom: 0.83333vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .pm__content ul li {
          padding-left: 5.2356vw;
          margin-bottom: 2.09424vw; } }
      @media (max-width: 575px) {
        .pm__content ul li {
          padding-left: 11.04972vmin;
          margin-bottom: 4.41989vmin; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__content ul {
        max-width: 64.13613vw; } }
    @media (max-width: 575px) {
      .pm__content ul {
        max-width: 100%; } }
    @media (min-width: 1800px) {
      .pm__content {
        font-size: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .pm__content {
        font-size: 1.83246vw; } }
    @media (max-width: 575px) {
      .pm__content {
        font-size: 3.8674vmin; } }
  @media (max-width: 991px) {
    .pm {
      background-color: #040606; } }

.brands .subcontainer {
  background-color: #F1F3F3;
  color: #0A0C0C;
  padding: 6.94444vw 4.44444vw;
  border-bottom: 1px solid #D8DEDE; }
  @media (min-width: 1800px) {
    .brands .subcontainer {
      padding: 7.8125vw 3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .brands .subcontainer {
      padding: 10.4712vw 2.6178vw;
      margin: 0 -2.6178vw; } }
  @media (max-width: 575px) {
    .brands .subcontainer {
      padding: 17.67956vmin 5.52486vmin;
      margin: 0 -5.52486vmin; } }

.brands__items {
  max-width: 91.38889vw;
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1800px) {
    .brands__items {
      max-width: 68.54167vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .brands__items {
      max-width: 100%; } }
  @media (max-width: 575px) {
    .brands__items {
      max-width: 100%; } }

.brands__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.11111vw;
  flex-basis: 20%;
  padding: 1.66667vw;
  border: 1px solid #D8DEDE;
  margin-top: -1px;
  margin-left: -1px;
  background-color: #fff; }
  .brands__item img {
    max-height: 6.94444vw;
    filter: grayscale(100%);
    transition: all .3s ease-out;
    opacity: 0.5; }
    @media (min-width: 1800px) {
      .brands__item img {
        max-height: 5.20833vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .brands__item img {
        max-height: 100%;
        filter: none;
        opacity: 1; } }
    @media (max-width: 575px) {
      .brands__item img {
        max-height: 100%;
        filter: none;
        opacity: 1; } }
  .brands__item:hover img {
    filter: grayscale(0%);
    opacity: 1; }
  @media (min-width: 1800px) {
    .brands__item {
      height: 8.33333vw;
      padding: 1.25vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .brands__item {
      height: 15.70681vw;
      padding: 3.14136vw;
      flex-basis: 20%; } }
  @media (max-width: 575px) {
    .brands__item {
      height: 27.62431vmin;
      padding: 6.62983vmin;
      flex-basis: 33.33%; } }

.catalog .subcontainer {
  background-color: #fff;
  color: #0A0C0C;
  padding: 6.94444vw 4.44444vw;
  padding-right: 0;
  border-bottom: 1px solid #D8DEDE; }
  @media (min-width: 1800px) {
    .catalog .subcontainer {
      padding: 7.8125vw 3.33333vw;
      padding-right: 0; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catalog .subcontainer {
      padding: 10.4712vw 2.6178vw;
      margin: 0 -2.6178vw; } }
  @media (max-width: 575px) {
    .catalog .subcontainer {
      padding: 17.67956vmin 5.52486vmin;
      margin: 0 -5.52486vmin; } }

.catalog__search {
  max-width: 78.88889vw;
  margin-bottom: 2.22222vw; }
  .catalog__search .form__input {
    text-indent: 4.44444vw;
    background: #fff url(../images/sprites/svg/search.svg) no-repeat left 1.66667vw center; }
    @media (min-width: 1800px) {
      .catalog__search .form__input {
        text-indent: 3.33333vw;
        background: #fff url(../images/sprites/svg/search.svg) no-repeat left 1.25vw center; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .catalog__search .form__input {
        text-indent: 8.37696vw;
        background: #fff url(../images/sprites/svg/search.svg) no-repeat left 3.14136vw center; } }
    @media (max-width: 575px) {
      .catalog__search .form__input {
        text-indent: 8.83978vmin;
        background: #fff url(../images/sprites/svg/search.svg) no-repeat left 3.31492vmin center; } }
  @media (min-width: 1800px) {
    .catalog__search {
      max-width: 68.48958vw;
      margin-bottom: 1.66667vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catalog__search {
      max-width: 100%;
      margin-bottom: 4.18848vw; } }
  @media (max-width: 575px) {
    .catalog__search {
      max-width: 100%;
      margin-bottom: 8.83978vmin; } }

.catalog__items {
  margin-left: -4.44444vw; }
  @media (min-width: 1800px) {
    .catalog__items {
      margin-left: -3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catalog__items {
      margin-left: 0; } }
  @media (max-width: 575px) {
    .catalog__items {
      margin-left: 0; } }

.catalog__searchresult {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11111vw;
  font-size: 1.04167vw;
  max-width: 78.88889vw; }
  .catalog__searchresult .no-result {
    padding: 0;
    border: none; }
    .catalog__searchresult .no-result:before, .catalog__searchresult .no-result:after {
      display: none; }
  .catalog__searchresult div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.11111vw;
    padding: 0.97222vw 2.22222vw;
    border: 1px solid #D8DEDE;
    background-color: #fff;
    position: relative;
    font-weight: 500; }
    .catalog__searchresult div span {
      background-color: #D42427;
      color: #fff; }
    .catalog__searchresult div:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0.41667vw;
      height: 0.41667vw;
      background-color: #D8DEDE; }
      @media (min-width: 1800px) {
        .catalog__searchresult div:before {
          width: 0.3125vw;
          height: 0.3125vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .catalog__searchresult div:before {
          width: 0.78534vw;
          height: 0.78534vw; } }
      @media (max-width: 575px) {
        .catalog__searchresult div:before {
          width: 1.65746vmin;
          height: 1.65746vmin; } }
    .catalog__searchresult div:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 0.41667vw;
      height: 0.41667vw;
      background-color: #D8DEDE; }
      @media (min-width: 1800px) {
        .catalog__searchresult div:after {
          width: 0.3125vw;
          height: 0.3125vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .catalog__searchresult div:after {
          width: 0.78534vw;
          height: 0.78534vw; } }
      @media (max-width: 575px) {
        .catalog__searchresult div:after {
          width: 1.65746vmin;
          height: 1.65746vmin; } }
    @media (min-width: 1800px) {
      .catalog__searchresult div {
        font-size: 0.83333vw;
        padding: 0.72917vw 1.66667vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .catalog__searchresult div {
        font-size: 2.09424vw;
        padding: 1.83246vw 4.18848vw; } }
    @media (max-width: 575px) {
      .catalog__searchresult div {
        font-size: 4.41989vmin;
        padding: 3.8674vmin 8.83978vmin; } }
  @media (min-width: 1800px) {
    .catalog__searchresult {
      gap: 0.83333vw;
      font-size: 0.78125vw;
      max-width: 68.54167vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catalog__searchresult {
      gap: 2.09424vw;
      font-size: 1.96335vw;
      max-width: 172.25131vw; } }
  @media (max-width: 575px) {
    .catalog__searchresult {
      gap: 4.41989vmin;
      font-size: 4.14365vmin;
      max-width: 100%; } }

.catalog__btnmore {
  width: 100%;
  margin-top: 2.22222vw;
  max-width: 78.88889vw; }
  @media (min-width: 1800px) {
    .catalog__btnmore {
      max-width: 68.48958vw;
      margin-top: 1.66667vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catalog__btnmore {
      max-width: 100%;
      margin-top: 4.18848vw; } }
  @media (max-width: 575px) {
    .catalog__btnmore {
      max-width: 100%;
      margin-top: 8.83978vmin; } }

.catitem {
  padding: 3.33333vw 4.44444vw; }
  .catitem:nth-child(2n+1) {
    background-color: #F1F3F3; }
  .catitem__title {
    padding-left: 2.22222vw;
    font-size: 1.38889vw;
    margin-bottom: 1.66667vw;
    font-weight: 500;
    line-height: 140%;
    position: relative; }
    .catitem__title:before {
      content: "";
      position: absolute;
      bottom: 0.48611vw;
      left: 0;
      width: 0.69444vw;
      height: 0.69444vw;
      background-color: #D42427; }
      @media (min-width: 1800px) {
        .catitem__title:before {
          bottom: 0.36458vw;
          width: 0.52083vw;
          height: 0.52083vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .catitem__title:before {
          bottom: 0.91623vw;
          width: 1.3089vw;
          height: 1.3089vw; } }
      @media (max-width: 575px) {
        .catitem__title:before {
          bottom: 1.9337vmin;
          width: 2.76243vmin;
          height: 2.76243vmin; } }
    @media (min-width: 1800px) {
      .catitem__title {
        padding-left: 1.66667vw;
        font-size: 1.04167vw;
        margin-bottom: 1.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .catitem__title {
        padding-left: 4.18848vw;
        font-size: 2.6178vw;
        margin-bottom: 3.14136vw; } }
    @media (max-width: 575px) {
      .catitem__title {
        padding-left: 6.62983vmin;
        font-size: 4.97238vmin;
        margin-bottom: 6.62983vmin; } }
  .catitem__articels {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2.22222vw;
    gap: 0.83333vw; }
    .catitem__articels li {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.11111vw;
      padding: 0.97222vw 2.22222vw;
      border: 1px solid #D8DEDE;
      background-color: #fff;
      position: relative;
      font-weight: 500;
      transition: all .3s ease-out; }
      .catitem__articels li:hover {
        border-color: #D42427; }
        .catitem__articels li:hover:before, .catitem__articels li:hover:after {
          background-color: #D42427; }
      .catitem__articels li a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .catitem__articels li a:hover {
        color: #D42427; }
      .catitem__articels li:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0.41667vw;
        height: 0.41667vw;
        background-color: #D8DEDE;
        transition: all .3s ease-out; }
        @media (min-width: 1800px) {
          .catitem__articels li:before {
            width: 0.3125vw;
            height: 0.3125vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .catitem__articels li:before {
            width: 0.78534vw;
            height: 0.78534vw; } }
        @media (max-width: 575px) {
          .catitem__articels li:before {
            width: 1.65746vmin;
            height: 1.65746vmin; } }
      .catitem__articels li:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0.41667vw;
        height: 0.41667vw;
        background-color: #D8DEDE;
        transition: all .3s ease-out; }
        @media (min-width: 1800px) {
          .catitem__articels li:after {
            width: 0.3125vw;
            height: 0.3125vw; } }
        @media (min-width: 576px) and (max-width: 991px) {
          .catitem__articels li:after {
            width: 0.78534vw;
            height: 0.78534vw; } }
        @media (max-width: 575px) {
          .catitem__articels li:after {
            width: 1.65746vmin;
            height: 1.65746vmin; } }
      @media (min-width: 1800px) {
        .catitem__articels li {
          font-size: 0.83333vw;
          padding: 0.72917vw 1.66667vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .catitem__articels li {
          font-size: 2.09424vw;
          padding: 1.83246vw 4.18848vw; } }
      @media (max-width: 575px) {
        .catitem__articels li {
          font-size: 3.8674vmin;
          padding: 3.31492vmin 3.8674vmin;
          margin: 0 0.82873vmin;
          flex-basis: calc(50% - 1.65746vmin);
          max-width: calc(50% - 1.65746vmin);
          margin-bottom: 1.65746vmin; } }
    .catitem__articels:before {
      content: attr(data-title);
      display: block;
      text-transform: uppercase;
      color: #90A2A2;
      font-size: 0.97222vw;
      font-weight: 700;
      flex-basis: 100%; }
      @media (min-width: 1800px) {
        .catitem__articels:before {
          font-size: 0.72917vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .catitem__articels:before {
          font-size: 1.83246vw; } }
      @media (max-width: 575px) {
        .catitem__articels:before {
          font-size: 3.31492vmin;
          margin-left: 2.76243vmin;
          margin-bottom: 2.76243vmin; } }
    @media (min-width: 1800px) {
      .catitem__articels {
        padding-left: 1.66667vw;
        gap: 0.625vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .catitem__articels {
        padding-left: 4.18848vw;
        gap: 1.57068vw; } }
    @media (max-width: 575px) {
      .catitem__articels {
        padding-left: 0;
        gap: 0;
        margin: 0 -0.82873vmin; } }
  @media (min-width: 1800px) {
    .catitem {
      padding: 2.5vw 3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .catitem {
      padding: 5.2356vw 2.6178vw;
      margin: 0 -2.6178vw; } }
  @media (max-width: 575px) {
    .catitem {
      padding: 11.04972vmin 5.52486vmin 9.39227vmin;
      margin: 0 -5.52486vmin; } }

.noscroll {
  height: 100vh;
  overflow: hidden;
  position: relative; }
  .noscroll .hero {
    overflow: visible; }
  @media (max-width: 991px) {
    .noscroll {
      overflow-x: hidden !important;
      overflow-y: visible !important;
      height: auto !important; } }

@media (max-width: 575px) {
  .advantages .heading {
    font-size: 7.73481vmin; } }

.advantages .container {
  padding-top: 10.41667vw;
  border-left: 1px solid #2F3030; }
  @media (min-width: 1800px) {
    .advantages .container {
      padding-top: 7.8125vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages .container {
      padding-top: 10.4712vw; } }
  @media (max-width: 575px) {
    .advantages .container {
      padding-top: 17.67956vmin; } }

.advantages__header {
  position: relative;
  padding-left: 4.44444vw;
  z-index: 3; }
  @media (min-width: 1800px) {
    .advantages__header {
      padding-left: 3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__header {
      padding-left: 0; } }
  @media (max-width: 575px) {
    .advantages__header {
      padding-left: 0; } }

.advantages__img {
  width: 33.33333vw;
  position: absolute;
  top: 0;
  right: -6.94444vw;
  transform-origin: 100% 50%; }
  @media (min-width: 1800px) {
    .advantages__img {
      width: 29.32292vw;
      right: 0; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__img {
      width: 41.09948vw;
      right: 0; } }

.advantages__intro {
  color: #90A2A2;
  max-width: 32.36111vw; }
  @media (min-width: 1800px) {
    .advantages__intro {
      max-width: 24.27083vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__intro {
      max-width: 100%; } }
  @media (max-width: 575px) {
    .advantages__intro {
      max-width: 100%; } }

.advantages__items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px; }

.advantages__item {
  flex-basis: calc(33.33% + 1px);
  margin-top: -1px;
  margin-left: -1px; }
  .advantages__item:nth-child(2) .advant__deco {
    bottom: -1px;
    left: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
  .advantages__item:nth-child(2):before {
    background-color: #D42427; }
  .advantages__item:nth-child(3) .advant__deco {
    bottom: -1px;
    left: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
    @media (min-width: 576px) and (max-width: 991px) {
      .advantages__item:nth-child(3) .advant__deco {
        top: -1px;
        right: -1px;
        left: auto;
        background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(220deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
        background-repeat: no-repeat; } }
  .advantages__item:nth-child(3):before {
    background-color: #D42427; }
    @media (min-width: 576px) and (max-width: 991px) {
      .advantages__item:nth-child(3):before {
        background-color: #2F3030; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__item:nth-child(3):after {
      background-color: #D42427; } }
  .advantages__item:nth-child(4) .advant__deco {
    top: -1px;
    right: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(220deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
    @media (min-width: 576px) and (max-width: 991px) {
      .advantages__item:nth-child(4) .advant__deco {
        bottom: -1px;
        top: auto;
        right: auto;
        left: -1px;
        background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(40deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
        background-repeat: no-repeat; } }
  .advantages__item:nth-child(4):after {
    background-color: #D42427; }
    @media (min-width: 576px) and (max-width: 991px) {
      .advantages__item:nth-child(4):after {
        background-color: #2F3030; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__item:nth-child(4):before {
      background-color: #D42427; } }
  .advantages__item:nth-child(5) .advant__deco {
    top: -1px;
    right: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(220deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
  .advantages__item:nth-child(5):after {
    background-color: #D42427; }
  @media (min-width: 576px) and (max-width: 991px) {
    .advantages__item {
      flex-basis: calc(50% + 1px); } }
  @media (max-width: 575px) {
    .advantages__item {
      flex-basis: 100%; } }

.advant {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border: 1px solid #2F3030;
  padding: 2.77778vw;
  min-height: 19.02778vw;
  position: relative;
  gap: 2.22222vw; }
  .advant__deco {
    position: absolute;
    width: 6.94444vw;
    height: 6.94444vw;
    z-index: 1; }
    @media (min-width: 1800px) {
      .advant__deco {
        width: 5.20833vw;
        height: 5.20833vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .advant__deco {
        width: 13.08901vw;
        height: 13.08901vw; } }
    @media (max-width: 575px) {
      .advant__deco {
        display: none; } }
  .advant:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.69444vw;
    height: 0.69444vw;
    background-color: #2F3030;
    z-index: 2; }
    @media (min-width: 1800px) {
      .advant:before {
        width: 0.52083vw;
        height: 0.52083vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .advant:before {
        width: 1.3089vw;
        height: 1.3089vw; } }
    @media (max-width: 575px) {
      .advant:before {
        width: 2.76243vmin;
        height: 2.76243vmin;
        background-color: #2F3030 !important; } }
  .advant:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.69444vw;
    height: 0.69444vw;
    background-color: #2F3030;
    z-index: 2; }
    @media (min-width: 1800px) {
      .advant:after {
        width: 0.52083vw;
        height: 0.52083vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .advant:after {
        width: 1.3089vw;
        height: 1.3089vw; } }
    @media (max-width: 575px) {
      .advant:after {
        width: 2.76243vmin;
        height: 2.76243vmin;
        background-color: #2F3030 !important; } }
  .advant__title {
    font-size: 1.38889vw;
    font-weight: 500;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .advant__title {
        font-size: 1.04167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .advant__title {
        font-size: 2.6178vw; } }
    @media (max-width: 575px) {
      .advant__title {
        font-size: 4.97238vmin; } }
  .advant__subtitle {
    font-size: 1.11111vw;
    line-height: 140%;
    color: #90A2A2;
    position: relative;
    z-index: 2; }
    @media (min-width: 1800px) {
      .advant__subtitle {
        font-size: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .advant__subtitle {
        font-size: 2.09424vw; } }
    @media (max-width: 575px) {
      .advant__subtitle {
        font-size: 3.8674vmin; } }
  @media (min-width: 1800px) {
    .advant {
      padding: 2.08333vw;
      min-height: 14.27083vw;
      gap: 1.66667vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .advant {
      padding: 5.2356vw;
      min-height: 35.86387vw;
      gap: 4.18848vw; } }
  @media (max-width: 575px) {
    .advant {
      padding: 8.83978vmin;
      min-height: none;
      gap: 8.83978vmin; } }

.reviews {
  position: relative;
  overflow: hidden; }
  .reviews .subcontainer {
    padding: 6.94444vw 0 6.94444vw 4.44444vw;
    background-color: #fff;
    color: #0A0C0C; }
    @media (min-width: 1800px) {
      .reviews .subcontainer {
        padding: 7.8125vw 0 7.8125vw 3.33333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews .subcontainer {
        margin: 10.4712vw -2.6178vw;
        padding: 10.4712vw 2.6178vw;
        margin-bottom: 0; } }
    @media (max-width: 575px) {
      .reviews .subcontainer {
        margin: 17.67956vmin -5.52486vmin;
        padding: 17.67956vmin 5.52486vmin;
        margin-bottom: 0; } }
  @media (max-width: 575px) {
    .reviews .heading {
      font-size: 7.73481vmin; } }
  .reviews__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6.94444vw;
    margin-bottom: 4.44444vw;
    max-width: 78.88889vw;
    position: relative; }
    @media (min-width: 1800px) {
      .reviews__header {
        padding-left: 9.32292vw;
        margin-bottom: 3.33333vw;
        max-width: 68.54167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews__header {
        padding-left: 5.2356vw;
        margin-bottom: 7.32984vw;
        max-width: 100%; } }
    @media (max-width: 575px) {
      .reviews__header {
        padding-left: 0;
        margin-bottom: 15.46961vmin;
        max-width: 100%;
        display: block; } }
  .reviews__intro {
    max-width: 26.04167vw;
    font-size: 1.11111vw; }
    @media (min-width: 1800px) {
      .reviews__intro {
        max-width: 19.53125vw;
        font-size: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews__intro {
        max-width: 49.08377vw;
        font-size: 2.09424vw; } }
    @media (max-width: 575px) {
      .reviews__intro {
        max-width: 100%;
        font-size: 3.8674vmin; } }
  .reviews__nav {
    display: inline-flex;
    gap: 0.41667vw; }
    @media (min-width: 1800px) {
      .reviews__nav {
        gap: 0.3125vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews__nav {
        gap: 0.78534vw; } }
    @media (max-width: 575px) {
      .reviews__nav {
        gap: 1.65746vmin;
        position: absolute;
        bottom: calc(100% + 9.94475vmin);
        right: 0; } }
  .reviews__wrapper {
    display: flex;
    gap: 1.38889vw; }
    @media (min-width: 1800px) {
      .reviews__wrapper {
        gap: 1.04167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews__wrapper {
        gap: 2.6178vw;
        margin-left: 5.2356vw; } }
    @media (max-width: 575px) {
      .reviews__wrapper {
        gap: 4.41989vmin;
        margin-left: 0;
        flex-direction: column; } }
  .reviews__reviews {
    max-width: 100%; }
    @media (max-width: 575px) {
      .reviews__reviews {
        order: 1; } }
  @media (max-width: 575px) {
    .reviews__ya {
      order: 2; } }

.reviews-slider {
  position: relative;
  z-index: 2; }
  .reviews-slider__item {
    margin-right: 1.38889vw; }
    @media (min-width: 1800px) {
      .reviews-slider__item {
        margin-right: 1.04167vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .reviews-slider__item {
        margin-right: 2.6178vw; } }
    @media (max-width: 575px) {
      .reviews-slider__item {
        margin-right: 0;
        padding-right: 0.55249vmin;
        height: 100%; } }
  .reviews-slider .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch; }
  .reviews-slider .slick-slide {
    height: auto; }
    .reviews-slider .slick-slide > div {
      height: 100%; }

.btn-slider {
  width: 3.88889vw;
  height: 3.88889vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D8DEDE;
  color: #D42427;
  background: none; }
  .btn-slider:hover {
    border-color: #D42427; }
  .btn-slider svg {
    width: 1.66667vw;
    height: 1.66667vw; }
    @media (min-width: 1800px) {
      .btn-slider svg {
        width: 1.25vw;
        height: 1.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .btn-slider svg {
        width: 3.14136vw;
        height: 3.14136vw; } }
    @media (max-width: 575px) {
      .btn-slider svg {
        width: 6.62983vmin;
        height: 6.62983vmin; } }
  @media (min-width: 1800px) {
    .btn-slider {
      width: 2.91667vw;
      height: 2.91667vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .btn-slider {
      width: 7.32984vw;
      height: 7.32984vw; } }
  @media (max-width: 575px) {
    .btn-slider {
      width: 15.46961vmin;
      height: 15.46961vmin; } }

.review {
  padding: 2.77778vw;
  font-size: 0.97222vw;
  line-height: 140%;
  border: 1px solid #D8DEDE;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.22222vw;
  max-width: 25.41667vw; }
  .review__ftr {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .review__stars svg {
    width: 5.55556vw;
    height: 1.11111vw; }
    @media (min-width: 1800px) {
      .review__stars svg {
        width: 4.16667vw;
        height: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .review__stars svg {
        width: 10.4712vw;
        height: 2.09424vw; } }
    @media (max-width: 575px) {
      .review__stars svg {
        width: 22.09945vmin;
        height: 4.41989vmin; } }
  .review__name, .review__date {
    color: #90A2A2;
    font-weight: 500; }
    @media (max-width: 575px) {
      .review__name, .review__date {
        font-size: 3.31492vmin; } }
  @media (min-width: 1800px) {
    .review {
      padding: 2.08333vw;
      font-size: 0.72917vw;
      gap: 1.66667vw;
      max-width: 19.0625vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .review {
      padding: 5.2356vw;
      font-size: 1.83246vw;
      gap: 4.18848vw;
      max-width: 47.90576vw; } }
  @media (max-width: 575px) {
    .review {
      padding: 6.62983vmin;
      font-size: 3.8674vmin;
      gap: 8.83978vmin;
      max-width: 100%;
      height: 100%; } }

.ya {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 1.38889vw;
  padding-bottom: 4.16667vw;
  border: 1px solid #D8DEDE;
  position: relative; }
  .ya__logo {
    width: 7.70833vw;
    margin-bottom: 1.11111vw; }
    @media (min-width: 1800px) {
      .ya__logo {
        width: 5.78125vw;
        margin-bottom: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .ya__logo {
        width: 14.5288vw;
        margin-bottom: 2.09424vw; } }
    @media (max-width: 575px) {
      .ya__logo {
        width: 30.66298vmin;
        margin-bottom: 0; } }
  .ya__rating {
    font-weight: 700;
    font-size: 1.94444vw;
    margin-bottom: 1.11111vw; }
    @media (min-width: 1800px) {
      .ya__rating {
        font-size: 1.45833vw;
        margin-bottom: 0.83333vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .ya__rating {
        font-size: 3.66492vw;
        margin-bottom: 2.09424vw; } }
    @media (max-width: 575px) {
      .ya__rating {
        font-size: 7.73481vmin;
        margin-bottom: 0; } }
  .ya__stars {
    margin-bottom: 0.41667vw; }
    .ya__stars svg {
      width: 4.16667vw;
      height: 0.83333vw; }
      @media (min-width: 1800px) {
        .ya__stars svg {
          width: 3.125vw;
          height: 0.625vw; } }
      @media (min-width: 576px) and (max-width: 991px) {
        .ya__stars svg {
          width: 7.8534vw;
          height: 1.57068vw; } }
      @media (max-width: 575px) {
        .ya__stars svg {
          width: 16.57459vmin;
          height: 3.31492vmin; } }
    @media (min-width: 1800px) {
      .ya__stars {
        margin-bottom: 0.3125vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .ya__stars {
        margin-bottom: 0.78534vw; } }
    @media (max-width: 575px) {
      .ya__stars {
        margin-bottom: 1.65746vmin; } }
  .ya__count {
    font-size: 0.69444vw;
    font-weight: 500; }
    @media (min-width: 1800px) {
      .ya__count {
        font-size: 0.52083vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .ya__count {
        font-size: 1.3089vw; } }
    @media (max-width: 575px) {
      .ya__count {
        font-size: 2.76243vmin; } }
  .ya__btn {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.77778vw;
    background-color: #D42427;
    color: #fff;
    font-size: 0.83333vw;
    font-weight: 500; }
    .ya__btn:hover {
      background-color: #a81d1f;
      color: #fff; }
    @media (min-width: 1800px) {
      .ya__btn {
        height: 2.08333vw;
        font-size: 0.625vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .ya__btn {
        height: 5.2356vw;
        font-size: 1.57068vw; } }
    @media (max-width: 575px) {
      .ya__btn {
        height: 11.04972vmin;
        font-size: 3.31492vmin; } }
  @media (min-width: 1800px) {
    .ya {
      padding: 1.04167vw;
      padding-bottom: 3.125vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .ya {
      padding: 2.6178vw;
      padding-bottom: 7.8534vw; } }
  @media (max-width: 575px) {
    .ya {
      padding: 8.83978vmin;
      padding-bottom: 19.8895vmin;
      gap: 8.83978vmin;
      flex-direction: row;
      align-items: center; } }

::-webkit-scrollbar {
  width: 0px; }

.footer__decotop {
  position: absolute;
  width: 6.94444vw;
  height: 6.94444vw;
  z-index: 1; }
  .footer__decotop:nth-child(1) {
    bottom: -1px;
    left: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(50deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
  @media (min-width: 1800px) {
    .footer__decotop {
      width: 5.20833vw;
      height: 5.20833vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__decotop {
      width: 13.08901vw;
      height: 13.08901vw; } }
  @media (max-width: 575px) {
    .footer__decotop {
      width: 17.67956vmin;
      height: 17.67956vmin; } }

.footer__decobottom {
  position: absolute;
  width: 6.94444vw;
  height: 6.94444vw;
  z-index: 1; }
  .footer__decobottom:nth-child(1) {
    top: -1px;
    left: -1px;
    border: 1px solid transparent;
    background: linear-gradient(#0A0C0C, #0A0C0C 0) padding-box, linear-gradient(140deg, #d42427 0%, rgba(212, 36, 39, 0) 30%) border-box;
    background-repeat: no-repeat; }
  @media (min-width: 1800px) {
    .footer__decobottom {
      width: 5.20833vw;
      height: 5.20833vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__decobottom {
      width: 13.08901vw;
      height: 13.08901vw; } }
  @media (max-width: 575px) {
    .footer__decobottom {
      width: 17.67956vmin;
      height: 17.67956vmin; } }

.footer__container {
  display: flex; }
  @media (max-width: 991px) {
    .footer__container {
      flex-direction: column; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__container {
      flex-direction: column; } }
  @media (max-width: 575px) {
    .footer__container {
      flex-direction: column; } }

.footer__content {
  max-width: 41.66667vw;
  flex-shrink: 0;
  width: 100%; }
  @media (min-width: 1800px) {
    .footer__content {
      max-width: 33.85417vw; } }
  @media (max-width: 991px) {
    .footer__content {
      order: 2;
      max-width: 100%; } }

.footer__map {
  background-color: #90A2A2;
  position: relative;
  flex-grow: 1; }
  @media (max-width: 991px) {
    .footer__map {
      order: 1; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__map {
      margin: 0 -2.6178vw;
      height: 52.35602vw; } }
  @media (max-width: 575px) {
    .footer__map {
      margin: 0 -5.52486vmin;
      height: 77.34807vmin; } }

.footer__contactsblock {
  padding: 6.94444vw 4.44444vw 4.44444vw 4.44444vw;
  border-left: 1px solid #2F3030;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.22222vw;
  position: relative;
  z-index: 1;
  font-size: 1.11111vw; }
  .footer__contactsblock a:not(.msgs__item):hover {
    color: #D42427; }
  @media (min-width: 1800px) {
    .footer__contactsblock {
      padding: 7.8125vw 3.33333vw 3.33333vw 3.33333vw;
      gap: 1.66667vw;
      font-size: 0.83333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__contactsblock {
      padding: 10.4712vw 8.37696vw 8.37696vw 5.2356vw;
      gap: 4.18848vw;
      font-size: 2.09424vw;
      border-right: 1px solid #2F3030; } }
  @media (max-width: 575px) {
    .footer__contactsblock {
      padding: 17.67956vmin 6.62983vmin;
      gap: 8.83978vmin;
      font-size: 4.41989vmin;
      border-right: 1px solid #2F3030;
      text-align: center;
      align-items: center; } }

.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1.11111vw; }
  @media (min-width: 1800px) {
    .footer__contacts {
      gap: 0.83333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__contacts {
      gap: 3.14136vw; } }
  @media (max-width: 575px) {
    .footer__contacts {
      gap: 3.31492vmin; } }

.footer__phone {
  font-weight: 700;
  font-size: 2.77778vw; }
  @media (min-width: 1800px) {
    .footer__phone {
      font-size: 2.5vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__phone {
      font-size: 5.2356vw; } }
  @media (max-width: 575px) {
    .footer__phone {
      font-size: 7.73481vmin; } }

.footer__contact {
  display: inline-flex;
  align-items: center;
  gap: 0.83333vw; }
  .footer__contact svg {
    width: 1.66667vw;
    height: 1.66667vw;
    color: #D42427; }
    @media (min-width: 1800px) {
      .footer__contact svg {
        width: 1.25vw;
        height: 1.25vw; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .footer__contact svg {
        width: 3.14136vw;
        height: 3.14136vw; } }
    @media (max-width: 575px) {
      .footer__contact svg {
        width: 6.62983vmin;
        height: 6.62983vmin; } }
  @media (min-width: 1800px) {
    .footer__contact {
      gap: 0.625vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__contact {
      gap: 1.57068vw; } }
  @media (max-width: 575px) {
    .footer__contact {
      gap: 3.31492vmin;
      justify-content: center; } }

.footer__copyright {
  padding: 4.44444vw;
  font-size: 0.97222vw;
  color: #90A2A2;
  border-left: 1px solid #2F3030;
  position: relative;
  z-index: 1; }
  .footer__copyright p {
    margin-bottom: 1em;
    position: relative;
    z-index: 2; }
    .footer__copyright p a:hover {
      color: #fff; }
    .footer__copyright p:last-child {
      margin-bottom: 0; }
  @media (min-width: 1800px) {
    .footer__copyright {
      padding: 3.33333vw;
      font-size: 0.72917vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .footer__copyright {
      padding: 8.37696vw 0;
      font-size: 1.83246vw;
      border-left: 0; }
      .footer__copyright .footer__decobottom {
        display: none; } }
  @media (max-width: 575px) {
    .footer__copyright {
      padding: 17.67956vmin 0;
      font-size: 3.8674vmin;
      border-left: 0;
      text-align: center; }
      .footer__copyright .footer__decobottom {
        display: none; } }

.footer__msgs {
  position: relative;
  z-index: 2; }

.form__title {
  font-weight: 700;
  line-height: 120%;
  font-size: 2.22222vw;
  margin-bottom: .5em; }
  @media (min-width: 1800px) {
    .form__title {
      font-size: 32px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__title {
      font-size: 4.18848vw; } }
  @media (max-width: 575px) {
    .form__title {
      font-size: 8.83978vmin; } }

.form__subtitle {
  font-size: 1.11111vw;
  margin-bottom: 1em;
  color: #90A2A2; }
  @media (min-width: 1800px) {
    .form__subtitle {
      font-size: 16px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__subtitle {
      font-size: 2.09424vw; } }
  @media (max-width: 575px) {
    .form__subtitle {
      font-size: 3.31492vmin; } }

.form__fieldset {
  margin-bottom: 1.66667vw; }
  @media (min-width: 1800px) {
    .form__fieldset {
      margin-bottom: 24px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__fieldset {
      margin-bottom: 3.14136vw; } }
  @media (max-width: 575px) {
    .form__fieldset {
      margin-bottom: 6.62983vmin; } }

.form__policy {
  font-size: 0.97222vw; }
  @media (min-width: 1800px) {
    .form__policy {
      font-size: 14px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__policy {
      font-size: 1.83246vw; } }
  @media (max-width: 575px) {
    .form__policy {
      font-size: 3.8674vmin; } }

.form a:not(.msgs__item) {
  color: #D42427; }
  .form a:not(.msgs__item):hover {
    color: #fff; }

.form__legend {
  font-size: 0.97222vw;
  font-weight: 500;
  display: block;
  margin-bottom: 1em; }
  @media (min-width: 1800px) {
    .form__legend {
      font-size: 14px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__legend {
      font-size: 1.83246vw; } }
  @media (max-width: 575px) {
    .form__legend {
      font-size: 3.8674vmin; } }

.form__input {
  width: 100%;
  text-indent: 1.66667vw;
  height: 3.88889vw;
  border: 1px solid #D8DEDE;
  transition: all .3s ease-out;
  font-size: 1.11111vw; }
  .form__input:focus {
    border: 1px solid #0A0C0C; }
  @media (min-width: 1800px) {
    .form__input {
      text-indent: 1.25vw;
      height: 2.91667vw;
      font-size: 0.83333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .form__input {
      text-indent: 3.14136vw;
      height: 7.32984vw;
      font-size: 2.09424vw; } }
  @media (max-width: 575px) {
    .form__input {
      text-indent: 6.62983vmin;
      height: 15.46961vmin;
      font-size: 3.8674vmin; } }

.modal-form {
  max-width: 48.61111vw;
  padding: 4.44444vw;
  background-color: #0A0C0C;
  border: 1px solid #2F3030;
  position: relative;
  margin: 0 auto; }
  .modal-form .form__input {
    color: #fff;
    background: none;
    border: 1px solid #2F3030;
    height: 4.44444vw; }
    .modal-form .form__input:focus {
      border-color: #fff; }
    @media (min-width: 1800px) {
      .modal-form .form__input {
        height: 64px; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .modal-form .form__input {
        height: 8.37696vw; } }
    @media (max-width: 575px) {
      .modal-form .form__input {
        height: 17.67956vmin; } }
  .modal-form__contacts {
    display: flex;
    align-items: center;
    gap: 2.22222vw;
    margin-bottom: 1em; }
    @media (min-width: 1800px) {
      .modal-form__contacts {
        gap: 32px; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .modal-form__contacts {
        gap: 4.18848vw; } }
    @media (max-width: 575px) {
      .modal-form__contacts {
        gap: 4.41989vmin; } }
  .modal-form__phone {
    font-size: 1.66667vw;
    font-weight: 500;
    color: #fff !important; }
    .modal-form__phone:hover {
      color: #D42427 !important; }
    @media (min-width: 1800px) {
      .modal-form__phone {
        font-size: 24px; } }
    @media (min-width: 576px) and (max-width: 991px) {
      .modal-form__phone {
        font-size: 3.14136vw; } }
    @media (max-width: 575px) {
      .modal-form__phone {
        font-size: 4.97238vmin; } }
  @media (min-width: 1800px) {
    .modal-form {
      max-width: 36.45833vw;
      padding: 3.33333vw; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .modal-form {
      max-width: 78.53403vw;
      padding: 6.28272vw; } }
  @media (max-width: 575px) {
    .modal-form {
      max-width: 100%;
      padding: 6.62983vmin; } }

.mfp-close {
  width: 3.19444vw;
  height: 3.19444vw;
  border-radius: 50%;
  border: 1px solid #2F3030 !important;
  opacity: 1;
  color: #2F3030 !important;
  top: 1em !important;
  right: 1em !important;
  font-size: 1.11111vw;
  display: inline-flex !important;
  align-items: center;
  justify-content: center; }
  .mfp-close:hover {
    color: #D42427 !important;
    border-color: #D42427 !important; }
  @media (min-width: 1800px) {
    .mfp-close {
      width: 46px;
      height: 46px;
      font-size: 24px; } }
  @media (min-width: 576px) and (max-width: 991px) {
    .mfp-close {
      width: 6.02094vw;
      height: 6.02094vw;
      font-size: 3.14136vw; } }
  @media (max-width: 575px) {
    .mfp-close {
      width: 12.70718vmin;
      height: 12.70718vmin;
      font-size: 6.62983vmin;
      top: 2.76243vmin !important;
      right: 2.76243vmin !important; } }

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