/* Start:/local/templates/main/css/app.css?17645670051298498*/
@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 300;
  src: url("/local/templates/main/css/font/geometria/300/Geometria-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/geometria/300/Geometria-Light.woff") format("woff"), url("/local/templates/main/css/font/geometria/300/Geometria-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/main/css/font/geometria/400/Geometria.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/geometria/400/Geometria.woff") format("woff"), url("/local/templates/main/css/font/geometria/400/Geometria.ttf") format("truetype"), url("/local/templates/main/css/font/geometria/400/Geometria.svg#Geometria") format("svg");
}

@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/main/css/font/geometria/500/geometria-medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/geometria/500/geometria-medium.woff") format("woff"), url("/local/templates/main/css/font/geometria/500/geometria-medium.ttf") format("truetype"), url("/local/templates/main/css/font/geometria/500/geometria-medium.svg#Geometria") format("svg");
}

@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/main/css/font/geometria/700/Geometria-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/geometria/700/Geometria-Bold.woff") format("woff"), url("/local/templates/main/css/font/geometria/700/Geometria-Bold.ttf") format("truetype"), url("/local/templates/main/css/font/geometria/700/Geometria-Bold.svg#Geometria") format("svg");
}

@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/main/css/font/GothamPro/500/GothamProMedium.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/GothamPro/500/GothamProMedium.woff") format("woff"), url("/local/templates/main/css/font/GothamPro/500/GothamProMedium.ttf") format("truetype");
}

@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/main/css/font/GothamPro/400/GothamProRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/font/GothamPro/400/GothamProRegular.woff") format("woff"), url("/local/templates/main/css/font/GothamPro/400/GothamProRegular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/local/templates/main/css/font/roboro/Roboto-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/main/css/font/roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/main/css/font/roboto/Roboto-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/main/css/font/roboto/Roboto-Bold.ttf") format("truetype");
}

* {
  margin: 0;
  outline: none;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: auto;
  /* для горизонтального скролла */
  -webkit-overflow-scrolling: touch;
  /* для плавной прокрутки */
}

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

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

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
  opacity: .7;
}

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

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

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input {
  -webkit-appearance: none;
}

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

[type="search"] {
  -webkit-appearance: textfield;
}

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

iframe {
  border: 0;
}

@media print {
  pre, blockquote {
    border: 1px solid #999 !important;
    page-break-inside: avoid !important;
  }
  tr, img {
    page-break-inside: avoid !important;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: .5cm !important;
  }
  p, h2, h3 {
    orphans: 3 !important;
    widows: 3 !important;
  }
  h2, h3 {
    page-break-after: avoid !important;
  }
  thead {
    display: table-header-group !important;
  }
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
  }
  p a[href]:after {
    content: " (" attr(href) ")" !important;
  }
  p abbr[title]:after {
    content: " (" attr(title) ")" !important;
  }
  p a[href^="javascript:"]:after, p a[href^="#"]:after {
    content: "" !important;
  }
  p a, p abbr {
    word-wrap: break-word !important;
    text-decoration: underline !important;
  }
}

.webkit-link-disable {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.js-link-mobile-toggle, .js-box-selector {
  background: transparent;
  outline: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.js-box-selector {
  border-bottom: 0;
}

@-ms-viewport {
  width: device-width;
}

a {
  text-decoration: none;
  color: #202020;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

a:hover {
  color: #00BFD6;
}

a:hover + .svg-i_arrow-down {
  fill: #00BFD6;
}

@media (min-width: 1170px) {
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0px !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 8px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 8px !important;
  }
  .mt-lg-16,
  .my-lg-16 {
    margin-top: 16px !important;
  }
  .mb-lg-16,
  .my-lg-16 {
    margin-bottom: 16px !important;
  }
  .mt-lg-24,
  .my-lg-24 {
    margin-top: 24px !important;
  }
  .mb-lg-24,
  .my-lg-24 {
    margin-bottom: 24px !important;
  }
  .mt-lg-32,
  .my-lg-32 {
    margin-top: 32px !important;
  }
  .mb-lg-32,
  .my-lg-32 {
    margin-bottom: 32px !important;
  }
  .mt-lg-40,
  .my-lg-40 {
    margin-top: 40px !important;
  }
  .mb-lg-40,
  .my-lg-40 {
    margin-bottom: 40px !important;
  }
  .mt-lg-48,
  .my-lg-48 {
    margin-top: 48px !important;
  }
  .mb-lg-48,
  .my-lg-48 {
    margin-bottom: 48px !important;
  }
  .mt-lg-64,
  .my-lg-64 {
    margin-top: 64px !important;
  }
  .mb-lg-64,
  .my-lg-64 {
    margin-bottom: 64px !important;
  }
  .mt-lg-80,
  .my-lg-80 {
    margin-top: 80px !important;
  }
  .mb-lg-80,
  .my-lg-80 {
    margin-bottom: 80px !important;
  }
  .mt-lg-96,
  .my-lg-96 {
    margin-top: 96px !important;
  }
  .mb-lg-96,
  .my-lg-96 {
    margin-bottom: 96px !important;
  }
  .mt-lg-112,
  .my-lg-112 {
    margin-top: 112px !important;
  }
  .mb-lg-112,
  .my-lg-112 {
    margin-bottom: 112px !important;
  }
  .mt-lg-128,
  .my-lg-128 {
    margin-top: 128px !important;
  }
  .mb-lg-128,
  .my-lg-128 {
    margin-bottom: 128px !important;
  }
  .mt-lg-136,
  .my-lg-136 {
    margin-top: 136px !important;
  }
  .mb-lg-136,
  .my-lg-136 {
    margin-bottom: 136px !important;
  }
  .mt-lg-144,
  .my-lg-144 {
    margin-top: 144px !important;
  }
  .mb-lg-144,
  .my-lg-144 {
    margin-bottom: 144px !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0px !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 8px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 8px !important;
  }
  .pt-lg-16,
  .py-lg-16 {
    padding-top: 16px !important;
  }
  .pb-lg-16,
  .py-lg-16 {
    padding-bottom: 16px !important;
  }
  .pt-lg-24,
  .py-lg-24 {
    padding-top: 24px !important;
  }
  .pb-lg-24,
  .py-lg-24 {
    padding-bottom: 24px !important;
  }
  .pt-lg-32,
  .py-lg-32 {
    padding-top: 32px !important;
  }
  .pb-lg-32,
  .py-lg-32 {
    padding-bottom: 32px !important;
  }
  .pt-lg-40,
  .py-lg-40 {
    padding-top: 40px !important;
  }
  .pb-lg-40,
  .py-lg-40 {
    padding-bottom: 40px !important;
  }
  .pt-lg-48,
  .py-lg-48 {
    padding-top: 48px !important;
  }
  .pb-lg-48,
  .py-lg-48 {
    padding-bottom: 48px !important;
  }
  .pt-lg-64,
  .py-lg-64 {
    padding-top: 64px !important;
  }
  .pb-lg-64,
  .py-lg-64 {
    padding-bottom: 64px !important;
  }
  .pt-lg-80,
  .py-lg-80 {
    padding-top: 80px !important;
  }
  .pb-lg-80,
  .py-lg-80 {
    padding-bottom: 80px !important;
  }
  .pt-lg-96,
  .py-lg-96 {
    padding-top: 96px !important;
  }
  .pb-lg-96,
  .py-lg-96 {
    padding-bottom: 96px !important;
  }
  .pt-lg-112,
  .py-lg-112 {
    padding-top: 112px !important;
  }
  .pb-lg-112,
  .py-lg-112 {
    padding-bottom: 112px !important;
  }
  .pt-lg-128,
  .py-lg-128 {
    padding-top: 128px !important;
  }
  .pb-lg-128,
  .py-lg-128 {
    padding-bottom: 128px !important;
  }
  .pt-lg-136,
  .py-lg-136 {
    padding-top: 136px !important;
  }
  .pb-lg-136,
  .py-lg-136 {
    padding-bottom: 136px !important;
  }
  .pt-lg-144,
  .py-lg-144 {
    padding-top: 144px !important;
  }
  .pb-lg-144,
  .py-lg-144 {
    padding-bottom: 144px !important;
  }
}

@media (min-width: 768px) {
  .mt-md-0,
  .my-md-0 {
    margin-top: 0px !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 8px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 8px !important;
  }
  .mt-md-16,
  .my-md-16 {
    margin-top: 16px !important;
  }
  .mb-md-16,
  .my-md-16 {
    margin-bottom: 16px !important;
  }
  .mt-md-24,
  .my-md-24 {
    margin-top: 24px !important;
  }
  .mb-md-24,
  .my-md-24 {
    margin-bottom: 24px !important;
  }
  .mt-md-32,
  .my-md-32 {
    margin-top: 32px !important;
  }
  .mb-md-32,
  .my-md-32 {
    margin-bottom: 32px !important;
  }
  .mt-md-40,
  .my-md-40 {
    margin-top: 40px !important;
  }
  .mb-md-40,
  .my-md-40 {
    margin-bottom: 40px !important;
  }
  .mt-md-48,
  .my-md-48 {
    margin-top: 48px !important;
  }
  .mb-md-48,
  .my-md-48 {
    margin-bottom: 48px !important;
  }
  .mt-md-64,
  .my-md-64 {
    margin-top: 64px !important;
  }
  .mb-md-64,
  .my-md-64 {
    margin-bottom: 64px !important;
  }
  .mt-md-80,
  .my-md-80 {
    margin-top: 80px !important;
  }
  .mb-md-80,
  .my-md-80 {
    margin-bottom: 80px !important;
  }
  .mt-md-96,
  .my-md-96 {
    margin-top: 96px !important;
  }
  .mb-md-96,
  .my-md-96 {
    margin-bottom: 96px !important;
  }
  .mt-md-112,
  .my-md-112 {
    margin-top: 112px !important;
  }
  .mb-md-112,
  .my-md-112 {
    margin-bottom: 112px !important;
  }
  .mt-md-128,
  .my-md-128 {
    margin-top: 128px !important;
  }
  .mb-md-128,
  .my-md-128 {
    margin-bottom: 128px !important;
  }
  .mt-md-136,
  .my-md-136 {
    margin-top: 136px !important;
  }
  .mb-md-136,
  .my-md-136 {
    margin-bottom: 136px !important;
  }
  .mt-md-144,
  .my-md-144 {
    margin-top: 144px !important;
  }
  .mb-md-144,
  .my-md-144 {
    margin-bottom: 144px !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0px !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 8px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 8px !important;
  }
  .pt-md-16,
  .py-md-16 {
    padding-top: 16px !important;
  }
  .pb-md-16,
  .py-md-16 {
    padding-bottom: 16px !important;
  }
  .pt-md-24,
  .py-md-24 {
    padding-top: 24px !important;
  }
  .pb-md-24,
  .py-md-24 {
    padding-bottom: 24px !important;
  }
  .pt-md-32,
  .py-md-32 {
    padding-top: 32px !important;
  }
  .pb-md-32,
  .py-md-32 {
    padding-bottom: 32px !important;
  }
  .pt-md-40,
  .py-md-40 {
    padding-top: 40px !important;
  }
  .pb-md-40,
  .py-md-40 {
    padding-bottom: 40px !important;
  }
  .pt-md-48,
  .py-md-48 {
    padding-top: 48px !important;
  }
  .pb-md-48,
  .py-md-48 {
    padding-bottom: 48px !important;
  }
  .pt-md-64,
  .py-md-64 {
    padding-top: 64px !important;
  }
  .pb-md-64,
  .py-md-64 {
    padding-bottom: 64px !important;
  }
  .pt-md-80,
  .py-md-80 {
    padding-top: 80px !important;
  }
  .pb-md-80,
  .py-md-80 {
    padding-bottom: 80px !important;
  }
  .pt-md-96,
  .py-md-96 {
    padding-top: 96px !important;
  }
  .pb-md-96,
  .py-md-96 {
    padding-bottom: 96px !important;
  }
  .pt-md-112,
  .py-md-112 {
    padding-top: 112px !important;
  }
  .pb-md-112,
  .py-md-112 {
    padding-bottom: 112px !important;
  }
  .pt-md-128,
  .py-md-128 {
    padding-top: 128px !important;
  }
  .pb-md-128,
  .py-md-128 {
    padding-bottom: 128px !important;
  }
  .pt-md-136,
  .py-md-136 {
    padding-top: 136px !important;
  }
  .pb-md-136,
  .py-md-136 {
    padding-bottom: 136px !important;
  }
  .pt-md-144,
  .py-md-144 {
    padding-top: 144px !important;
  }
  .pb-md-144,
  .py-md-144 {
    padding-bottom: 144px !important;
  }
}

@media (max-width: 767px) {
  .mt-0,
  .my-0 {
    margin-top: 0px !important;
  }
  .mb-0,
  .my-0 {
    margin-bottom: 0px !important;
  }
  .mt-8,
  .my-8 {
    margin-top: 8px !important;
  }
  .mb-8,
  .my-8 {
    margin-bottom: 8px !important;
  }
  .mt-16,
  .my-16 {
    margin-top: 16px !important;
  }
  .mb-16,
  .my-16 {
    margin-bottom: 16px !important;
  }
  .mt-24,
  .my-24 {
    margin-top: 24px !important;
  }
  .mb-24,
  .my-24 {
    margin-bottom: 24px !important;
  }
  .mt-32,
  .my-32 {
    margin-top: 32px !important;
  }
  .mb-32,
  .my-32 {
    margin-bottom: 32px !important;
  }
  .mt-40,
  .my-40 {
    margin-top: 40px !important;
  }
  .mb-40,
  .my-40 {
    margin-bottom: 40px !important;
  }
  .mt-48,
  .my-48 {
    margin-top: 48px !important;
  }
  .mb-48,
  .my-48 {
    margin-bottom: 48px !important;
  }
  .mt-64,
  .my-64 {
    margin-top: 64px !important;
  }
  .mb-64,
  .my-64 {
    margin-bottom: 64px !important;
  }
  .mt-80,
  .my-80 {
    margin-top: 80px !important;
  }
  .mb-80,
  .my-80 {
    margin-bottom: 80px !important;
  }
  .mt-96,
  .my-96 {
    margin-top: 96px !important;
  }
  .mb-96,
  .my-96 {
    margin-bottom: 96px !important;
  }
  .mt-112,
  .my-112 {
    margin-top: 112px !important;
  }
  .mb-112,
  .my-112 {
    margin-bottom: 112px !important;
  }
  .mt-128,
  .my-128 {
    margin-top: 128px !important;
  }
  .mb-128,
  .my-128 {
    margin-bottom: 128px !important;
  }
  .mt-136,
  .my-136 {
    margin-top: 136px !important;
  }
  .mb-136,
  .my-136 {
    margin-bottom: 136px !important;
  }
  .mt-144,
  .my-144 {
    margin-top: 144px !important;
  }
  .mb-144,
  .my-144 {
    margin-bottom: 144px !important;
  }
  .pt-0,
  .py-0 {
    padding-top: 0px !important;
  }
  .pb-0,
  .py-0 {
    padding-bottom: 0px !important;
  }
  .pt-8,
  .py-8 {
    padding-top: 8px !important;
  }
  .pb-8,
  .py-8 {
    padding-bottom: 8px !important;
  }
  .pt-16,
  .py-16 {
    padding-top: 16px !important;
  }
  .pb-16,
  .py-16 {
    padding-bottom: 16px !important;
  }
  .pt-24,
  .py-24 {
    padding-top: 24px !important;
  }
  .pb-24,
  .py-24 {
    padding-bottom: 24px !important;
  }
  .pt-32,
  .py-32 {
    padding-top: 32px !important;
  }
  .pb-32,
  .py-32 {
    padding-bottom: 32px !important;
  }
  .pt-40,
  .py-40 {
    padding-top: 40px !important;
  }
  .pb-40,
  .py-40 {
    padding-bottom: 40px !important;
  }
  .pt-48,
  .py-48 {
    padding-top: 48px !important;
  }
  .pb-48,
  .py-48 {
    padding-bottom: 48px !important;
  }
  .pt-64,
  .py-64 {
    padding-top: 64px !important;
  }
  .pb-64,
  .py-64 {
    padding-bottom: 64px !important;
  }
  .pt-80,
  .py-80 {
    padding-top: 80px !important;
  }
  .pb-80,
  .py-80 {
    padding-bottom: 80px !important;
  }
  .pt-96,
  .py-96 {
    padding-top: 96px !important;
  }
  .pb-96,
  .py-96 {
    padding-bottom: 96px !important;
  }
  .pt-112,
  .py-112 {
    padding-top: 112px !important;
  }
  .pb-112,
  .py-112 {
    padding-bottom: 112px !important;
  }
  .pt-128,
  .py-128 {
    padding-top: 128px !important;
  }
  .pb-128,
  .py-128 {
    padding-bottom: 128px !important;
  }
  .pt-136,
  .py-136 {
    padding-top: 136px !important;
  }
  .pb-136,
  .py-136 {
    padding-bottom: 136px !important;
  }
  .pt-144,
  .py-144 {
    padding-top: 144px !important;
  }
  .pb-144,
  .py-144 {
    padding-bottom: 144px !important;
  }
}

* {
  margin: 0;
  outline: none;
  padding: 0;
}

html {
  background-color: #F5F6F8;
  color: #202020;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,
html body {
  min-width: 320px;
}

html.contrast-bg {
  background-color: #dfdfdf;
}

.ios {
  cursor: pointer;
}

body {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body.is-menu-open {
  position: fixed;
  overflow: hidden;
}

body.bg-wood {
  background-image: url(/local/templates/main/css/i/pattern-wood.png);
}

.prevent-scroll,
.no-scroll-y {
  overflow-y: hidden;
}

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

.select2-container--open {
  z-index: 11000;
}

.msg-info {
  font-size: 14px;
  font-weight: 700;
  background-color: #00BBD3;
  border-radius: 15px;
  color: white;
  padding: 5px 10px;
  margin-left: 29px;
  font-family: "Open Sans", sans-serif;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

@media (max-width: 767px) {
  .msg-info {
    margin-left: 32px;
  }
}

.dn {
  display: none;
}

.cf::after {
  clear: both;
  content: "";
  display: table;
}

.ya-share2 {
  margin: 8px auto;
}

.ya-share2__list_direction_horizontal > li.ya-share2__item {
  margin-right: 8px;
}

[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
}

select[name="city"] {
  visibility: hidden;
}

.browser-update {
  display: none;
}

.old-browser .browser-update,
.lt-ie-9 .browser-update {
  background-color: #e82c0d;
  display: block !important;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  padding: 14px 0;
  text-align: center;
  position: relative;
  z-index: 1000;
}

.old-browser .browser-update a,
.lt-ie-9 .browser-update a {
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.old-browser .browser-update a:hover,
.lt-ie-9 .browser-update a:hover {
  border-bottom-color: #fff;
}

.small-x {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 3.65;
  text-align: left;
  color: #202020;
  vertical-align: middle;
}

.small-x::after {
  content: "×";
  font: inherit;
}

.sub-menu > li {
  padding: 5px 15px;
}

.btn:focus,
a:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.ie button:not(.filter-block__name):active > svg,
.ie button:not(.filter-block__name):active > span, .ie button:not(.filter-block__name):focus > svg,
.ie button:not(.filter-block__name):focus > span,
.ie a:active > svg,
.ie a:active > span,
.ie a:focus > svg,
.ie a:focus > span,
.internet-explorer button:not(.filter-block__name):active > svg,
.internet-explorer button:not(.filter-block__name):active > span,
.internet-explorer button:not(.filter-block__name):focus > svg,
.internet-explorer button:not(.filter-block__name):focus > span,
.internet-explorer a:active > svg,
.internet-explorer a:active > span,
.internet-explorer a:focus > svg,
.internet-explorer a:focus > span {
  position: relative;
}

.no-pseudo::before, .no-pseudo::after {
  display: none !important;
}

.js-map img {
  max-width: none;
}

.print-link {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #7b7b83;
}

.print-link .svg-i_print {
  margin-right: 6px;
}

.btn.btn_lg {
  height: 35px;
  padding: 0 35px;
}

.width-90-precent {
  width: 90% !important;
}

@media (max-width: 767px) {
  .btn.btn_lg {
    width: 100%;
  }
}

.upb-symbol-rouble {
  font-size: inherit !important;
  font-family: "Roboto";
}

.mf-warning {
  background-color: #39b54a;
  font: 700 11px/11px Geometria, sans-serif;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  -o-transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  padding: 5px;
  width: 100%;
}

.mf-warning .font-xs {
  text-align: center;
  color: #fff;
  font-weight: bold;
}

@media (max-width: 1169px) {
  .mf-warning {
    position: relative;
    top: 0.875rem;
  }
}

@media (max-width: 767px) {
  .mf-warning {
    position: relative;
    top: 0.5rem;
    margin-bottom: 8px;
  }
}

h1,
.h1 {
  font: 700 24px/120% "Open Sans", sans-serif;
  margin: 30px 0 20px;
}

.breadcrumb + h1, .breadcrumb +
.h1 {
  margin-top: 13px;
}

h2,
.h2 {
  font: 500 19px/1.2 "Open Sans", sans-serif;
  margin: 34px 0 9px;
}

h3,
.h3 {
  font: 500 16px/24px "Open Sans", sans-serif;
  margin: 34px 0 9px;
}

h3:first-child,
.h3:first-child {
  margin-top: 0;
}

h3:last-child,
.h3:last-child {
  margin-bottom: 0;
}

h4,
.h4 {
  font: 500 14px/120% "Open Sans", sans-serif;
  padding-top: 13px;
  position: relative;
}

h4:before,
.h4:before {
  border-top: 1px solid #00BFD6;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
}

.title {
  color: #202020;
  font: 700 20px/120% "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: uppercase;
}

.title-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #202020;
}

.description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #202020;
}

ol {
  counter-reset: num-counter 0;
  padding-left: 7px;
}

ol > li {
  color: #1b1b1b !important;
  counter-increment: num-counter;
  padding-left: 23px;
  position: relative;
}

ol > li::before {
  color: #1b1b1b !important;
  position: absolute;
  content: counter(num-counter) ".";
  left: 0;
  top: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  ol {
    padding-left: 12px;
  }
  ol > li {
    padding-left: 18px;
  }
}

@media (max-width: 767px) {
  ol {
    padding-left: 0;
  }
  ol > li {
    padding-left: 30px;
  }
}

.typography {
  font-family: "Open Sans", sans-serif;
  color: #555555;
}

.typography-wrap, .typography-wrap_tab, .typography-wrap_pc {
  margin-right: auto;
  margin-left: auto;
}

.typography h1, .typography .h1,
.typography h2, .typography .h2,
.typography h3, .typography .h3,
.typography h4, .typography .h4,
.typography h5, .typography .h5 {
  color: #202020;
}

.typography li,
.typography .p,
.typography p {
  font: 13px/24px "Open Sans", sans-serif;
}

.typography .p,
.typography p {
  margin-bottom: 17px;
}

.typography ul {
  list-style: none;
}

.typography ul:not(.list-compact) > li + li {
  margin-top: 10px;
}

.typography ul.list {
  margin-top: 17px;
  margin-bottom: 17px;
}

.typography ul.list > li {
  padding-left: 20px;
  position: relative;
}

.typography ul.list-compact > li + li {
  margin-top: 0;
}

.typography ul.list-bullet > li:before {
  background-color: gray;
  content: '';
  display: block;
  height: 4px;
  width: 4px;
  border-radius: 4px;
  position: absolute;
  top: 6px;
  left: 0;
}

.typography ul.list-bullet_blue > li:before {
  background-color: #00BFD6;
}

.typography ul.list-bullet_green > li:before {
  background-color: #00C17A;
}

.typography ul.list-dash > li::before {
  border-top: 1px solid;
  content: '';
  display: block;
  height: 0;
  width: 4px;
  position: absolute;
  left: 0;
  top: 8px;
}

.typography ul > li > ul:not(.list-bullet):not(.list-dash) > li {
  padding-left: 16px;
  position: relative;
}

.typography ul > li > ul:not(.list-bullet):not(.list-dash) > li:before {
  border-top: 1px solid;
  content: '';
  display: block;
  height: 0;
  width: 4px;
  position: absolute;
  left: 0;
  top: 8px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .typography-wrap, .typography-wrap_tab {
    max-width: 662px;
  }
  .typography .p,
  .typography p {
    margin-bottom: 22px;
  }
  .typography li,
  .typography .p,
  .typography p {
    font-size: 14px;
    line-height: 24px;
  }
  .typography ul:not(.list-compact) > li + li {
    margin-top: 8px;
  }
  .typography ul.list-root li {
    padding-left: 40px;
  }
  .typography ul.list-bullet > li:before {
    top: 9px;
  }
  .typography ul.list-compact > li {
    line-height: 21px;
  }
  .typography ul > li > ul:not(.list-bullet):not(.list-dash) > li {
    line-height: 22px;
  }
  .typography ul > li > ul:not(.list-bullet):not(.list-dash) > li:before {
    top: 11px;
  }
}

@media (min-width: 1170px) {
  .typography-wrap, .typography-wrap_pc {
    max-width: 750px;
  }
  .typography li,
  .typography .p,
  .typography p {
    font-size: 13px;
  }
  .typography li {
    line-height: 22px;
  }
  .typography .p,
  .typography p {
    line-height: 24px;
  }
  .typography ul.list-bullet > li:before {
    top: 8px;
  }
  .typography ul > li > ul:not(.list-bullet):not(.list-dash) > li:before {
    top: 10px;
  }
}

.typography + .contacts {
  margin-top: 90px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .typography + .contacts {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .typography + .contacts {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  h1,
  .h1 {
    text-align: center;
  }
  h3,
  .h3 {
    margin: 48px 0 30px;
    font-size: 18px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  .title {
    margin-bottom: 22px;
    margin-top: 31px;
  }
}

@media (min-width: 768px) {
  .title {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .title {
    margin-bottom: 27px;
    margin-top: 52px;
  }
  h1,
  .h1 {
    font-size: 32px;
  }
  h2,
  .h2 {
    font-size: 22px;
    margin: 51px 0 15px;
  }
  h3,
  .h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 47px 0 26px;
  }
  h4,
  .h4 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px;
  }
}

@media (min-width: 1170px) {
  .title {
    margin-bottom: 32px;
    margin-top: 60px;
  }
  h1,
  .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 28px;
    font-weight: 500;
    margin: 55px 0 19px;
  }
  h3,
  .h3 {
    font-size: 22px;
    margin: 55px 0 19px;
    font-weight: 500;
  }
  h4,
  .h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .typography h4 + ul.list, .typography
  .h4 + ul.list {
    margin-top: 27px;
  }
}

.font-xxs {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 120%;
  text-align: left;
  color: #959595;
}

.font-xs {
  font: 300 13px/120% "Open Sans", sans-serif;
}

@media (min-width: 1170px) {
  .font-xs {
    line-height: 16px;
  }
}

.font-xs-serif {
  font: 12px/120% "PT Serif", serif;
}

.font-style_italic {
  font-style: italic;
}

.font-wow-1 {
  font-family: "PT Serif", serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: 0.325px;
  text-align: left;
  color: #000000;
}

.font-wow-2 {
  font-family: "PT Serif", serif;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.25px;
  color: #7b7b83;
}

.font-geometria {
  font-family: Geometria, sans-serif;
}

.font-open-sans {
  font-family: "Open Sans", sans-serif;
}

.font-pt-serif {
  font-family: "PT Serif", serif;
}

.font-pt-sans {
  font-family: "PT Sans", sans-serif;
}

.italic {
  font-style: italic;
}

.text-left {
  text-align: left;
}

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

@media (max-width: 767px) {
  .text-center-mob {
    text-align: center;
  }
}

.text-right {
  text-align: right;
}

@media (max-width: 767px) {
  .text-right-mob {
    text-align: right;
  }
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.underline {
  text-decoration: underline;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-700 {
  font-weight: 700;
}

.ls-02 {
  letter-spacing: .2px;
}

.ls-024 {
  letter-spacing: .25px;
}

.ls-05 {
  letter-spacing: .5px;
}

.ls-075 {
  letter-spacing: .75px;
}

.ls-1 {
  letter-spacing: 1px;
}

.lh-0 {
  line-height: 0;
}

.lh-80 {
  line-height: 80%;
}

.lh-90 {
  line-height: 90%;
}

.lh-100 {
  line-height: 100%;
}

.lh-120, .lh-default {
  line-height: 120%;
}

.lh--1 {
  letter-spacing: 1px;
}

.fz-10 {
  font-size: 10px;
}

.fz-11 {
  font-size: 11px;
}

.fz-12 {
  font-size: 12px;
}

.no-wrap {
  white-space: nowrap;
}

.extra-small-text {
  height: 9px;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
}

.extra-small-text.muted {
  color: #acacb0;
}

.index-link {
  color: #007fc7;
  text-decoration: none;
}

.index-link:hover {
  color: #007fc7;
  text-decoration: underline;
}

.main-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .main-wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .main-wrapper {
    padding-top: 60px;
  }
}

body,
.main-wrapper {
  min-height: 100vh;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  padding: 0 17px;
}

.wrap_global {
  max-width: 1170px;
}

@media (max-width: 767px) {
  .wrap_pad {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .wrap_pad {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1170px) {
  .wrap_pad {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.wrap,
.wrap-no-pad {
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
}

@media (min-width: 1282px) {
  .wrap-max,
  .wrap-no-pad-max {
    max-width: 1282px;
    padding: null(56px);
  }
}

.rw::after {
  clear: both;
  content: "";
  display: table;
}

.rw-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.cl {
  max-width: 100%;
  float: left;
  min-height: 1px;
}

.cl-45 {
  width: 45%;
}

.cl-55 {
  width: 55%;
}

@media (max-width: 767px) {
  .cl {
    float: unset;
  }
}

.cl-1 {
  -webkit-flex-basis: 8.33333%;
      -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%;
  width: 8.33333%;
}

.cl-1-px {
  -webkit-flex-basis: 8px;
      -ms-flex-preferred-size: 8px;
          flex-basis: 8px;
  max-width: 8px;
}

.cl-offset-1 {
  margin-left: 8.33333%;
}

.cl-offset-1-px {
  margin-left: 8px;
}

.cl-2 {
  -webkit-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%;
  width: 16.66667%;
}

.cl-2-px {
  -webkit-flex-basis: 17px;
      -ms-flex-preferred-size: 17px;
          flex-basis: 17px;
  max-width: 17px;
}

.cl-offset-2 {
  margin-left: 16.66667%;
}

.cl-offset-2-px {
  margin-left: 17px;
}

.cl-3 {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
  width: 25%;
}

.cl-3-px {
  -webkit-flex-basis: 25px;
      -ms-flex-preferred-size: 25px;
          flex-basis: 25px;
  max-width: 25px;
}

.cl-offset-3 {
  margin-left: 25%;
}

.cl-offset-3-px {
  margin-left: 25px;
}

.cl-4 {
  -webkit-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%;
}

.cl-4-px {
  -webkit-flex-basis: 33px;
      -ms-flex-preferred-size: 33px;
          flex-basis: 33px;
  max-width: 33px;
}

.cl-offset-4 {
  margin-left: 33.33333%;
}

.cl-offset-4-px {
  margin-left: 33px;
}

.cl-5 {
  -webkit-flex-basis: 41.66667%;
      -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
  max-width: 41.66667%;
  width: 41.66667%;
}

.cl-5-px {
  -webkit-flex-basis: 42px;
      -ms-flex-preferred-size: 42px;
          flex-basis: 42px;
  max-width: 42px;
}

.cl-offset-5 {
  margin-left: 41.66667%;
}

.cl-offset-5-px {
  margin-left: 42px;
}

.cl-6 {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  width: 50%;
}

.cl-6-px {
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
  max-width: 50px;
}

.cl-offset-6 {
  margin-left: 50%;
}

.cl-offset-6-px {
  margin-left: 50px;
}

.cl-7 {
  -webkit-flex-basis: 58.33333%;
      -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
  max-width: 58.33333%;
  width: 58.33333%;
}

.cl-7-px {
  -webkit-flex-basis: 58px;
      -ms-flex-preferred-size: 58px;
          flex-basis: 58px;
  max-width: 58px;
}

.cl-offset-7 {
  margin-left: 58.33333%;
}

.cl-offset-7-px {
  margin-left: 58px;
}

.cl-8 {
  -webkit-flex-basis: 66.66667%;
      -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
  max-width: 66.66667%;
  width: 66.66667%;
}

.cl-8-px {
  -webkit-flex-basis: 67px;
      -ms-flex-preferred-size: 67px;
          flex-basis: 67px;
  max-width: 67px;
}

.cl-offset-8 {
  margin-left: 66.66667%;
}

.cl-offset-8-px {
  margin-left: 67px;
}

.cl-9 {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%;
  width: 75%;
}

.cl-9-px {
  -webkit-flex-basis: 75px;
      -ms-flex-preferred-size: 75px;
          flex-basis: 75px;
  max-width: 75px;
}

.cl-offset-9 {
  margin-left: 75%;
}

.cl-offset-9-px {
  margin-left: 75px;
}

.cl-10 {
  -webkit-flex-basis: 83.33333%;
      -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
  max-width: 83.33333%;
  width: 83.33333%;
}

.cl-10-px {
  -webkit-flex-basis: 83px;
      -ms-flex-preferred-size: 83px;
          flex-basis: 83px;
  max-width: 83px;
}

.cl-offset-10 {
  margin-left: 83.33333%;
}

.cl-offset-10-px {
  margin-left: 83px;
}

.cl-11 {
  -webkit-flex-basis: 91.66667%;
      -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
  max-width: 91.66667%;
  width: 91.66667%;
}

.cl-11-px {
  -webkit-flex-basis: 92px;
      -ms-flex-preferred-size: 92px;
          flex-basis: 92px;
  max-width: 92px;
}

.cl-offset-11 {
  margin-left: 91.66667%;
}

.cl-offset-11-px {
  margin-left: 92px;
}

.cl-12 {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

.cl-12-px {
  -webkit-flex-basis: 100px;
      -ms-flex-preferred-size: 100px;
          flex-basis: 100px;
  max-width: 100px;
}

@media (max-width: 767px) {
  .rw:not(.rw-entire), .rw-flex:not(.rw-entire) {
    margin-right: -10px;
    margin-left: -10px;
  }
  .cl:not(.cl-entire) {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cl-mob-1 {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .cl-mob-1-px {
    -webkit-flex-basis: 27px;
        -ms-flex-preferred-size: 27px;
            flex-basis: 27px;
    max-width: 27px;
  }
  .cl-mob-offset-1 {
    margin-left: 8.33333%;
  }
  .cl-mob-offset-1-px {
    margin-left: 27px;
  }
  .cl-mob-2 {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .cl-mob-2-px {
    -webkit-flex-basis: 53px;
        -ms-flex-preferred-size: 53px;
            flex-basis: 53px;
    max-width: 53px;
  }
  .cl-mob-offset-2 {
    margin-left: 16.66667%;
  }
  .cl-mob-offset-2-px {
    margin-left: 53px;
  }
  .cl-mob-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .cl-mob-3-px {
    -webkit-flex-basis: 80px;
        -ms-flex-preferred-size: 80px;
            flex-basis: 80px;
    max-width: 80px;
  }
  .cl-mob-offset-3 {
    margin-left: 25%;
  }
  .cl-mob-offset-3-px {
    margin-left: 80px;
  }
  .cl-mob-4 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .cl-mob-4-px {
    -webkit-flex-basis: 107px;
        -ms-flex-preferred-size: 107px;
            flex-basis: 107px;
    max-width: 107px;
  }
  .cl-mob-offset-4 {
    margin-left: 33.33333%;
  }
  .cl-mob-offset-4-px {
    margin-left: 107px;
  }
  .cl-mob-5 {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .cl-mob-5-px {
    -webkit-flex-basis: 133px;
        -ms-flex-preferred-size: 133px;
            flex-basis: 133px;
    max-width: 133px;
  }
  .cl-mob-offset-5 {
    margin-left: 41.66667%;
  }
  .cl-mob-offset-5-px {
    margin-left: 133px;
  }
  .cl-mob-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .cl-mob-6-px {
    -webkit-flex-basis: 160px;
        -ms-flex-preferred-size: 160px;
            flex-basis: 160px;
    max-width: 160px;
  }
  .cl-mob-offset-6 {
    margin-left: 50%;
  }
  .cl-mob-offset-6-px {
    margin-left: 160px;
  }
  .cl-mob-7 {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .cl-mob-7-px {
    -webkit-flex-basis: 187px;
        -ms-flex-preferred-size: 187px;
            flex-basis: 187px;
    max-width: 187px;
  }
  .cl-mob-offset-7 {
    margin-left: 58.33333%;
  }
  .cl-mob-offset-7-px {
    margin-left: 187px;
  }
  .cl-mob-8 {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .cl-mob-8-px {
    -webkit-flex-basis: 213px;
        -ms-flex-preferred-size: 213px;
            flex-basis: 213px;
    max-width: 213px;
  }
  .cl-mob-offset-8 {
    margin-left: 66.66667%;
  }
  .cl-mob-offset-8-px {
    margin-left: 213px;
  }
  .cl-mob-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .cl-mob-9-px {
    -webkit-flex-basis: 240px;
        -ms-flex-preferred-size: 240px;
            flex-basis: 240px;
    max-width: 240px;
  }
  .cl-mob-offset-9 {
    margin-left: 75%;
  }
  .cl-mob-offset-9-px {
    margin-left: 240px;
  }
  .cl-mob-10 {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .cl-mob-10-px {
    -webkit-flex-basis: 267px;
        -ms-flex-preferred-size: 267px;
            flex-basis: 267px;
    max-width: 267px;
  }
  .cl-mob-offset-10 {
    margin-left: 83.33333%;
  }
  .cl-mob-offset-10-px {
    margin-left: 267px;
  }
  .cl-mob-11 {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .cl-mob-11-px {
    -webkit-flex-basis: 293px;
        -ms-flex-preferred-size: 293px;
            flex-basis: 293px;
    max-width: 293px;
  }
  .cl-mob-offset-11 {
    margin-left: 91.66667%;
  }
  .cl-mob-offset-11-px {
    margin-left: 293px;
  }
  .cl-mob-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .cl-mob-12-px {
    -webkit-flex-basis: 320px;
        -ms-flex-preferred-size: 320px;
            flex-basis: 320px;
    max-width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .rw:not(.rw-entire), .rw-flex:not(.rw-entire) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .cl:not(.cl-entire) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cl-tab-1 {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .cl-tab-1-px {
    -webkit-flex-basis: 64px;
        -ms-flex-preferred-size: 64px;
            flex-basis: 64px;
    max-width: 64px;
  }
  .cl-tab-offset-1 {
    margin-left: 8.33333%;
  }
  .cl-tab-offset-1-px {
    margin-left: 64px;
  }
  .cl-tab-2 {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .cl-tab-2-px {
    -webkit-flex-basis: 128px;
        -ms-flex-preferred-size: 128px;
            flex-basis: 128px;
    max-width: 128px;
  }
  .cl-tab-offset-2 {
    margin-left: 16.66667%;
  }
  .cl-tab-offset-2-px {
    margin-left: 128px;
  }
  .cl-tab-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .cl-tab-3-px {
    -webkit-flex-basis: 192px;
        -ms-flex-preferred-size: 192px;
            flex-basis: 192px;
    max-width: 192px;
  }
  .cl-tab-offset-3 {
    margin-left: 25%;
  }
  .cl-tab-offset-3-px {
    margin-left: 192px;
  }
  .cl-tab-4 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .cl-tab-4-px {
    -webkit-flex-basis: 256px;
        -ms-flex-preferred-size: 256px;
            flex-basis: 256px;
    max-width: 256px;
  }
  .cl-tab-offset-4 {
    margin-left: 33.33333%;
  }
  .cl-tab-offset-4-px {
    margin-left: 256px;
  }
  .cl-tab-5 {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .cl-tab-5-px {
    -webkit-flex-basis: 320px;
        -ms-flex-preferred-size: 320px;
            flex-basis: 320px;
    max-width: 320px;
  }
  .cl-tab-offset-5 {
    margin-left: 41.66667%;
  }
  .cl-tab-offset-5-px {
    margin-left: 320px;
  }
  .cl-tab-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .cl-tab-6-px {
    -webkit-flex-basis: 384px;
        -ms-flex-preferred-size: 384px;
            flex-basis: 384px;
    max-width: 384px;
  }
  .cl-tab-offset-6 {
    margin-left: 50%;
  }
  .cl-tab-offset-6-px {
    margin-left: 384px;
  }
  .cl-tab-7 {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .cl-tab-7-px {
    -webkit-flex-basis: 448px;
        -ms-flex-preferred-size: 448px;
            flex-basis: 448px;
    max-width: 448px;
  }
  .cl-tab-offset-7 {
    margin-left: 58.33333%;
  }
  .cl-tab-offset-7-px {
    margin-left: 448px;
  }
  .cl-tab-8 {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .cl-tab-8-px {
    -webkit-flex-basis: 512px;
        -ms-flex-preferred-size: 512px;
            flex-basis: 512px;
    max-width: 512px;
  }
  .cl-tab-offset-8 {
    margin-left: 66.66667%;
  }
  .cl-tab-offset-8-px {
    margin-left: 512px;
  }
  .cl-tab-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .cl-tab-9-px {
    -webkit-flex-basis: 576px;
        -ms-flex-preferred-size: 576px;
            flex-basis: 576px;
    max-width: 576px;
  }
  .cl-tab-offset-9 {
    margin-left: 75%;
  }
  .cl-tab-offset-9-px {
    margin-left: 576px;
  }
  .cl-tab-10 {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .cl-tab-10-px {
    -webkit-flex-basis: 640px;
        -ms-flex-preferred-size: 640px;
            flex-basis: 640px;
    max-width: 640px;
  }
  .cl-tab-offset-10 {
    margin-left: 83.33333%;
  }
  .cl-tab-offset-10-px {
    margin-left: 640px;
  }
  .cl-tab-11 {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .cl-tab-11-px {
    -webkit-flex-basis: 704px;
        -ms-flex-preferred-size: 704px;
            flex-basis: 704px;
    max-width: 704px;
  }
  .cl-tab-offset-11 {
    margin-left: 91.66667%;
  }
  .cl-tab-offset-11-px {
    margin-left: 704px;
  }
  .cl-tab-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .cl-tab-12-px {
    -webkit-flex-basis: 768px;
        -ms-flex-preferred-size: 768px;
            flex-basis: 768px;
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .rw:not(.rw-entire), .rw-flex:not(.rw-entire) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .cl:not(.cl-entire) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cl-extratab-1 {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .cl-extratab-1-px {
    -webkit-flex-basis: 85px;
        -ms-flex-preferred-size: 85px;
            flex-basis: 85px;
    max-width: 85px;
  }
  .cl-extratab-offset-1 {
    margin-left: 8.33333%;
  }
  .cl-extratab-offset-1-px {
    margin-left: 85px;
  }
  .cl-extratab-2 {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .cl-extratab-2-px {
    -webkit-flex-basis: 171px;
        -ms-flex-preferred-size: 171px;
            flex-basis: 171px;
    max-width: 171px;
  }
  .cl-extratab-offset-2 {
    margin-left: 16.66667%;
  }
  .cl-extratab-offset-2-px {
    margin-left: 171px;
  }
  .cl-extratab-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .cl-extratab-3-px {
    -webkit-flex-basis: 256px;
        -ms-flex-preferred-size: 256px;
            flex-basis: 256px;
    max-width: 256px;
  }
  .cl-extratab-offset-3 {
    margin-left: 25%;
  }
  .cl-extratab-offset-3-px {
    margin-left: 256px;
  }
  .cl-extratab-4 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .cl-extratab-4-px {
    -webkit-flex-basis: 341px;
        -ms-flex-preferred-size: 341px;
            flex-basis: 341px;
    max-width: 341px;
  }
  .cl-extratab-offset-4 {
    margin-left: 33.33333%;
  }
  .cl-extratab-offset-4-px {
    margin-left: 341px;
  }
  .cl-extratab-5 {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .cl-extratab-5-px {
    -webkit-flex-basis: 427px;
        -ms-flex-preferred-size: 427px;
            flex-basis: 427px;
    max-width: 427px;
  }
  .cl-extratab-offset-5 {
    margin-left: 41.66667%;
  }
  .cl-extratab-offset-5-px {
    margin-left: 427px;
  }
  .cl-extratab-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .cl-extratab-6-px {
    -webkit-flex-basis: 512px;
        -ms-flex-preferred-size: 512px;
            flex-basis: 512px;
    max-width: 512px;
  }
  .cl-extratab-offset-6 {
    margin-left: 50%;
  }
  .cl-extratab-offset-6-px {
    margin-left: 512px;
  }
  .cl-extratab-7 {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .cl-extratab-7-px {
    -webkit-flex-basis: 597px;
        -ms-flex-preferred-size: 597px;
            flex-basis: 597px;
    max-width: 597px;
  }
  .cl-extratab-offset-7 {
    margin-left: 58.33333%;
  }
  .cl-extratab-offset-7-px {
    margin-left: 597px;
  }
  .cl-extratab-8 {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .cl-extratab-8-px {
    -webkit-flex-basis: 683px;
        -ms-flex-preferred-size: 683px;
            flex-basis: 683px;
    max-width: 683px;
  }
  .cl-extratab-offset-8 {
    margin-left: 66.66667%;
  }
  .cl-extratab-offset-8-px {
    margin-left: 683px;
  }
  .cl-extratab-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .cl-extratab-9-px {
    -webkit-flex-basis: 768px;
        -ms-flex-preferred-size: 768px;
            flex-basis: 768px;
    max-width: 768px;
  }
  .cl-extratab-offset-9 {
    margin-left: 75%;
  }
  .cl-extratab-offset-9-px {
    margin-left: 768px;
  }
  .cl-extratab-10 {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .cl-extratab-10-px {
    -webkit-flex-basis: 853px;
        -ms-flex-preferred-size: 853px;
            flex-basis: 853px;
    max-width: 853px;
  }
  .cl-extratab-offset-10 {
    margin-left: 83.33333%;
  }
  .cl-extratab-offset-10-px {
    margin-left: 853px;
  }
  .cl-extratab-11 {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .cl-extratab-11-px {
    -webkit-flex-basis: 939px;
        -ms-flex-preferred-size: 939px;
            flex-basis: 939px;
    max-width: 939px;
  }
  .cl-extratab-offset-11 {
    margin-left: 91.66667%;
  }
  .cl-extratab-offset-11-px {
    margin-left: 939px;
  }
  .cl-extratab-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .cl-extratab-12-px {
    -webkit-flex-basis: 1024px;
        -ms-flex-preferred-size: 1024px;
            flex-basis: 1024px;
    max-width: 1024px;
  }
}

@media (min-width: 1170px) {
  .rw:not(.rw-entire), .rw-flex:not(.rw-entire) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .cl:not(.cl-entire) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cl-pc-1 {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .cl-pc-1-px {
    -webkit-flex-basis: 98px;
        -ms-flex-preferred-size: 98px;
            flex-basis: 98px;
    max-width: 98px;
  }
  .cl-pc-offset-1 {
    margin-left: 8.33333%;
  }
  .cl-pc-offset-1-px {
    margin-left: 98px;
  }
  .cl-pc-2 {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .cl-pc-2-px {
    -webkit-flex-basis: 195px;
        -ms-flex-preferred-size: 195px;
            flex-basis: 195px;
    max-width: 195px;
  }
  .cl-pc-offset-2 {
    margin-left: 16.66667%;
  }
  .cl-pc-offset-2-px {
    margin-left: 195px;
  }
  .cl-pc-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .cl-pc-3-px {
    -webkit-flex-basis: 293px;
        -ms-flex-preferred-size: 293px;
            flex-basis: 293px;
    max-width: 293px;
  }
  .cl-pc-offset-3 {
    margin-left: 25%;
  }
  .cl-pc-offset-3-px {
    margin-left: 293px;
  }
  .cl-pc-4 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .cl-pc-4-px {
    -webkit-flex-basis: 390px;
        -ms-flex-preferred-size: 390px;
            flex-basis: 390px;
    max-width: 390px;
  }
  .cl-pc-offset-4 {
    margin-left: 33.33333%;
  }
  .cl-pc-offset-4-px {
    margin-left: 390px;
  }
  .cl-pc-5 {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .cl-pc-5-px {
    -webkit-flex-basis: 488px;
        -ms-flex-preferred-size: 488px;
            flex-basis: 488px;
    max-width: 488px;
  }
  .cl-pc-offset-5 {
    margin-left: 41.66667%;
  }
  .cl-pc-offset-5-px {
    margin-left: 488px;
  }
  .cl-pc-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .cl-pc-6-px {
    -webkit-flex-basis: 585px;
        -ms-flex-preferred-size: 585px;
            flex-basis: 585px;
    max-width: 585px;
  }
  .cl-pc-offset-6 {
    margin-left: 50%;
  }
  .cl-pc-offset-6-px {
    margin-left: 585px;
  }
  .cl-pc-7 {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .cl-pc-7-px {
    -webkit-flex-basis: 683px;
        -ms-flex-preferred-size: 683px;
            flex-basis: 683px;
    max-width: 683px;
  }
  .cl-pc-offset-7 {
    margin-left: 58.33333%;
  }
  .cl-pc-offset-7-px {
    margin-left: 683px;
  }
  .cl-pc-8 {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .cl-pc-8-px {
    -webkit-flex-basis: 780px;
        -ms-flex-preferred-size: 780px;
            flex-basis: 780px;
    max-width: 780px;
  }
  .cl-pc-offset-8 {
    margin-left: 66.66667%;
  }
  .cl-pc-offset-8-px {
    margin-left: 780px;
  }
  .cl-pc-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .cl-pc-9-px {
    -webkit-flex-basis: 878px;
        -ms-flex-preferred-size: 878px;
            flex-basis: 878px;
    max-width: 878px;
  }
  .cl-pc-offset-9 {
    margin-left: 75%;
  }
  .cl-pc-offset-9-px {
    margin-left: 878px;
  }
  .cl-pc-10 {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .cl-pc-10-px {
    -webkit-flex-basis: 975px;
        -ms-flex-preferred-size: 975px;
            flex-basis: 975px;
    max-width: 975px;
  }
  .cl-pc-offset-10 {
    margin-left: 83.33333%;
  }
  .cl-pc-offset-10-px {
    margin-left: 975px;
  }
  .cl-pc-11 {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .cl-pc-11-px {
    -webkit-flex-basis: 1073px;
        -ms-flex-preferred-size: 1073px;
            flex-basis: 1073px;
    max-width: 1073px;
  }
  .cl-pc-offset-11 {
    margin-left: 91.66667%;
  }
  .cl-pc-offset-11-px {
    margin-left: 1073px;
  }
  .cl-pc-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .cl-pc-12-px {
    -webkit-flex-basis: 1170px;
        -ms-flex-preferred-size: 1170px;
            flex-basis: 1170px;
    max-width: 1170px;
  }
}

@media (min-width: 1440px) {
  .rw:not(.rw-entire), .rw-flex:not(.rw-entire) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .cl:not(.cl-entire) {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cl-desktop-1 {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
  }
  .cl-desktop-1-px {
    -webkit-flex-basis: 120px;
        -ms-flex-preferred-size: 120px;
            flex-basis: 120px;
    max-width: 120px;
  }
  .cl-desktop-offset-1 {
    margin-left: 8.33333%;
  }
  .cl-desktop-offset-1-px {
    margin-left: 120px;
  }
  .cl-desktop-2 {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
  }
  .cl-desktop-2-px {
    -webkit-flex-basis: 240px;
        -ms-flex-preferred-size: 240px;
            flex-basis: 240px;
    max-width: 240px;
  }
  .cl-desktop-offset-2 {
    margin-left: 16.66667%;
  }
  .cl-desktop-offset-2-px {
    margin-left: 240px;
  }
  .cl-desktop-3 {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
  .cl-desktop-3-px {
    -webkit-flex-basis: 360px;
        -ms-flex-preferred-size: 360px;
            flex-basis: 360px;
    max-width: 360px;
  }
  .cl-desktop-offset-3 {
    margin-left: 25%;
  }
  .cl-desktop-offset-3-px {
    margin-left: 360px;
  }
  .cl-desktop-4 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
  .cl-desktop-4-px {
    -webkit-flex-basis: 480px;
        -ms-flex-preferred-size: 480px;
            flex-basis: 480px;
    max-width: 480px;
  }
  .cl-desktop-offset-4 {
    margin-left: 33.33333%;
  }
  .cl-desktop-offset-4-px {
    margin-left: 480px;
  }
  .cl-desktop-5 {
    -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%;
  }
  .cl-desktop-5-px {
    -webkit-flex-basis: 600px;
        -ms-flex-preferred-size: 600px;
            flex-basis: 600px;
    max-width: 600px;
  }
  .cl-desktop-offset-5 {
    margin-left: 41.66667%;
  }
  .cl-desktop-offset-5-px {
    margin-left: 600px;
  }
  .cl-desktop-6 {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .cl-desktop-6-px {
    -webkit-flex-basis: 720px;
        -ms-flex-preferred-size: 720px;
            flex-basis: 720px;
    max-width: 720px;
  }
  .cl-desktop-offset-6 {
    margin-left: 50%;
  }
  .cl-desktop-offset-6-px {
    margin-left: 720px;
  }
  .cl-desktop-7 {
    -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%;
  }
  .cl-desktop-7-px {
    -webkit-flex-basis: 840px;
        -ms-flex-preferred-size: 840px;
            flex-basis: 840px;
    max-width: 840px;
  }
  .cl-desktop-offset-7 {
    margin-left: 58.33333%;
  }
  .cl-desktop-offset-7-px {
    margin-left: 840px;
  }
  .cl-desktop-8 {
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%;
  }
  .cl-desktop-8-px {
    -webkit-flex-basis: 960px;
        -ms-flex-preferred-size: 960px;
            flex-basis: 960px;
    max-width: 960px;
  }
  .cl-desktop-offset-8 {
    margin-left: 66.66667%;
  }
  .cl-desktop-offset-8-px {
    margin-left: 960px;
  }
  .cl-desktop-9 {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
    width: 75%;
  }
  .cl-desktop-9-px {
    -webkit-flex-basis: 1080px;
        -ms-flex-preferred-size: 1080px;
            flex-basis: 1080px;
    max-width: 1080px;
  }
  .cl-desktop-offset-9 {
    margin-left: 75%;
  }
  .cl-desktop-offset-9-px {
    margin-left: 1080px;
  }
  .cl-desktop-10 {
    -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%;
  }
  .cl-desktop-10-px {
    -webkit-flex-basis: 1200px;
        -ms-flex-preferred-size: 1200px;
            flex-basis: 1200px;
    max-width: 1200px;
  }
  .cl-desktop-offset-10 {
    margin-left: 83.33333%;
  }
  .cl-desktop-offset-10-px {
    margin-left: 1200px;
  }
  .cl-desktop-11 {
    -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%;
  }
  .cl-desktop-11-px {
    -webkit-flex-basis: 1320px;
        -ms-flex-preferred-size: 1320px;
            flex-basis: 1320px;
    max-width: 1320px;
  }
  .cl-desktop-offset-11 {
    margin-left: 91.66667%;
  }
  .cl-desktop-offset-11-px {
    margin-left: 1320px;
  }
  .cl-desktop-12 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .cl-desktop-12-px {
    -webkit-flex-basis: 1440px;
        -ms-flex-preferred-size: 1440px;
            flex-basis: 1440px;
    max-width: 1440px;
  }
}

.select2-container {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
  z-index: 9990 !important;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  font-size: 14px;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
          animation: tooltipster-fading 400ms;
}

/* rotate */
@-webkit-keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
          animation: tooltipster-rotating 600ms;
}

/* scale */
@-webkit-keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
          animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #00BFD6;
  border-radius: 4px;
}

.tooltipster-sidetip .tooltipster-box a {
  color: #00363d;
  border-bottom: 1px solid #00363d;
  -webkit-transition: border-color .4s, color .4s;
  -o-transition: border-color .4s, color .4s;
  transition: border-color .4s, color .4s;
}

.tooltipster-sidetip .tooltipster-box a:hover {
  color: #fff;
  border-bottom-color: currentColor;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #00BFD6;
  left: 0px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #00BFD6;
  left: -3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #00BFD6;
  left: 3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #00BFD6;
  left: 0px;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #00BFD6;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #00BFD6;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #00BFD6;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #00BFD6;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
  margin-top: 65px;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
  cursor: pointer;
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  background-color: #F5F6F8;
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -11px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #D9DADD, 0 1px 0 #FFFFFF;
          box-shadow: inset 0 1px 0 #D9DADD, 0 1px 0 #FFFFFF;
}

.noUi-connect {
  background: #00BFD6;
  -webkit-transition: background 450ms;
  -o-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  cursor: ew-resize;
  height: 30px;
  width: 30px;
}

.noUi-handle:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -5px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDkwKSIgaWQ9ImEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMEVGRjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk2QkMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMTk5LjggNDI0LjAwNWgtMy42YTEuMjU3IDEuMjU3IDAgMDEtMS4yLTEuMzA2di0xMC40NDJjMC0uOTYxIDMtMy4yNjMgMy0zLjI2M3MzIDIuMzQzIDMgMy4yNjNWNDIyLjdhMS4yNTcgMS4yNTcgMCAwMS0xLjIgMS4zMDV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkzIC00MDgpIi8+PC9zdmc+) no-repeat;
  width: 11px;
  height: 20px;
}

.noUi-handle-lower::after {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}

.ie .noUi-handle-lower::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDkwKSIgaWQ9ImEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiOGI4YjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVlNWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMTk5LjggNDI0LjAwNWgtMy42YTEuMjU3IDEuMjU3IDAgMDEtMS4yLTEuMzA2di0xMC40NDJjMC0uOTYxIDMtMy4yNjMgMy0zLjI2M3MzIDIuMzQzIDMgMy4yNjNWNDIyLjdhMS4yNTcgMS4yNTcgMCAwMS0xLjIgMS4zMDV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkzIC00MDgpIi8+PC9zdmc+);
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.ui-slider-label {
  color: #7b7b83;
  font: 500 12px/32px "Open Sans", sans-serif;
  position: absolute;
  top: -12px;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 50%;
}

.ui-slider-label:last-child {
  margin-right: 0;
}

.ui-slider-label.min {
  left: 0;
}

.ui-slider-label.min .ui-slider-label__val {
  padding-right: 2px;
}

.ui-slider-label.max {
  right: 0;
}

.ui-slider-label.max .ui-slider-label__val {
  padding-left: 2px;
}

.ui-slider-label__val {
  position: relative;
}

.ui-slider-label__val input {
  height: 35px;
  max-width: 100%;
  padding-left: 52px;
  border: 1px solid #D9E0E5;
  font-size: 12px;
  line-height: 14px;
  color: #202020;
}

.ui-slider-label__val::before {
  content: attr(data-label);
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #959595;
}

.select2,
.select2-selection__choice,
.select2-selection__rendered,
.select2-selection,
.select2-selection::after {
  cursor: pointer;
}

.select2-container--okna-trade .select2-selection--multiple,
.select2-container--okna-trade .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e3e3e5;
  border-radius: 44px;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__rendered,
.select2-container--okna-trade .select2-selection--single .select2-selection__rendered {
  color: #00BFD6;
  font: 500 12px/12px "Open Sans", sans-serif;
  padding: 3px 40px 2px 21px;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__clear,
.select2-container--okna-trade .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__placeholder,
.select2-container--okna-trade .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__arrow,
.select2-container--okna-trade .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 0;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__arrow b,
.select2-container--okna-trade .select2-selection--single .select2-selection__arrow b {
  border-color: #202020 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  width: 0;
  position: absolute;
  margin: -1px 0 0 0;
  left: 50%;
  top: 50%;
}

.select2-container--okna-trade .select2-selection--multiple:hover, .select2-container--okna-trade .select2-selection--multiple:focus,
.select2-container--okna-trade .select2-selection--single:hover,
.select2-container--okna-trade .select2-selection--single:focus {
  border-color: #00bbd3;
}

.select2-container--okna-trade[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--okna-trade[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--okna-trade.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--okna-trade.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--okna-trade.select2-container--open.select2-container--above .select2-selection--single {
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}

.select2-container--okna-trade.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--okna-trade.select2-container--open.select2-container--below .select2-selection--single {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.select2-container--okna-trade.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade .select2-selection--multiple {
  background-color: white;
  cursor: pointer;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px 0 21px;
  width: 100%;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__choice {
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-top: 5px;
  padding: 1px 0 0 0;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--okna-trade .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--okna-trade[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--okna-trade[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--okna-trade[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--okna-trade[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--okna-trade[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--okna-trade.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade.select2-container--open.select2-container--above .select2-selection--single, .select2-container--okna-trade.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--okna-trade.select2-container--open.select2-container--below .select2-selection--single, .select2-container--okna-trade.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--okna-trade .select2-dropdown {
  border-color: #E3E3E5;
}

.select2-container--okna-trade .select2-search--dropdown .select2-search__field {
  border: 1px solid #E3E3E5;
}

.select2-container--okna-trade .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--okna-trade .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}

.select2-container--okna-trade .select2-results__message {
  display: none;
}

.select2-container--okna-trade .select2-results__option {
  font: 14px/120% "Open Sans", sans-serif;
}

.select2-container--okna-trade .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--okna-trade .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--okna-trade .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--okna-trade .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--okna-trade .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--okna-trade .select2-results__option--highlighted[aria-selected] {
  background-color: #00BFD6;
  color: white;
}

.select2-container--okna-trade .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--okna-trade-2 .select2-selection--single {
  background-color: #fff;
  border: 1px solid #7b7b83;
  border-radius: 1px;
  height: 44px;
}

.select2-container--okna-trade-2 .select2-selection--single .select2-selection__rendered {
  color: #202020;
  line-height: 28px;
  padding: 14px 10px 0;
  font: 14px/14px "Open Sans", sans-serif;
}

.select2-container--okna-trade-2 .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--okna-trade-2 .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--okna-trade-2 .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
}

.select2-container--okna-trade-2 .select2-selection--single .select2-selection__arrow b {
  border-color: #74737D transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -0.4em;
  margin-top: -0.3em;
  position: absolute;
  top: 50%;
  width: 0;
  -webkit-transition: border-color 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, border-color 0.4s;
  transition: transform 0.4s, border-color 0.4s;
  transition: transform 0.4s, border-color 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-2 .select2-selection--single:hover, .select2-container--okna-trade-2 .select2-selection--single:focus {
  border-color: #00bbd3;
}

.select2-container--okna-trade-2[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--okna-trade-2[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--okna-trade-2.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-2.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--okna-trade-2.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #00BFD6 transparent transparent transparent;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade-2 .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: pointer;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--okna-trade-2 .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--okna-trade-2[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--okna-trade-2[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--okna-trade-2[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--okna-trade-2[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--okna-trade-2[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--okna-trade-2.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--okna-trade-2.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-2.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-2.select2-container--open .select2-selection--single, .select2-container--okna-trade-2.select2-container--open .select2-selection--multiple {
  border-radius: 0;
}

.select2-container--okna-trade-2 .select2-dropdown {
  border-color: #000;
  border-radius: 1px;
}

.select2-container--okna-trade-2 .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--okna-trade-2 .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--okna-trade-2 .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}

.select2-container--okna-trade-2 .select2-results__option {
  color: #000000;
  font: 11px/24px "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: uppercase;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.select2-container--okna-trade-2 .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--okna-trade-2 .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--okna-trade-2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--okna-trade-2 .select2-results__option[aria-selected=true],
.select2-container--okna-trade-2 .select2-results__option--highlighted[aria-selected] {
  color: #00BFD6;
}

.select2-container--okna-trade-2 .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--okna-trade-2.roundered .select2-selection {
  border-radius: 8px;
  border: 1px solid #B2C4D0;
}

.select2-container--okna-trade-3 .select2-selection--single {
  background-color: #fff;
  border: 1px solid #7b7b83;
  border-radius: 8px;
  height: 44px;
}

.select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  color: #202020;
  line-height: 28px;
  padding: 14px 34px 0 24px;
  font: 14px/1 "Open Sans", sans-serif;
  font-weight: 500;
}

.select2-container--okna-trade-3 .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--okna-trade-3 .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--okna-trade-3 .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
}

.select2-container--okna-trade-3 .select2-selection--single .select2-selection__arrow b {
  border-color: #7c7b84 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-3[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--okna-trade-3[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--okna-trade-3.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-3.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--okna-trade-3.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade-3 .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 8px;
  cursor: pointer;
  height: 44px;
  position: relative;
}

.select2-container--okna-trade-3 .select2-selection--multiple::after {
  border-color: #7C7B84 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin: -2px 17px 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-3 .select2-selection--multiple[aria-expanded="true"]::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0 0 24px;
  width: 100%;
  font: 500 14px/1 "Open Sans", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  padding-top: 7px;
  font: inherit;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 14px;
  float: left;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-right: 5px;
  color: #202020;
  line-height: 28px;
  padding: 14px 34px 0 0;
  font: inherit;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__choice + .select2-selection__choice {
  display: none;
}

.select2-container--okna-trade-3 .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-3[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--okna-trade-3[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--okna-trade-3[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--okna-trade-3[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--okna-trade-3[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--okna-trade-3.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--okna-trade-3.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-3.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-3.select2-container--open {
  /*z-index: 100;*/
}

.select2-container--okna-trade-3.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--okna-trade-3.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--okna-trade-3.select2-container--open.select2-container--below .select2-selection--single, .select2-container--okna-trade-3.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--okna-trade-3 .select2-dropdown--above, .select2-container--okna-trade-3 .select2-dropdown--above .select2-search__field {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.select2-container--okna-trade-3 .select2-dropdown--below {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container--okna-trade-3 .select2-dropdown {
  border-color: #acabb0;
  position: relative;
}

.select2-container--okna-trade-3 .select2-dropdown .svg-i_search {
  position: absolute;
  right: 21px;
  top: 10px;
}

.select2-container--okna-trade-3 .select2-search--dropdown {
  padding: 0;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field {
  border-width: 0;
  border-bottom: 1px solid #aaa;
  font-size: 13px;
  padding: 11px 44px 11px 24px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field::-moz-placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field:-moz-placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--dropdown .select2-search__field::placeholder {
  opacity: 1;
  color: #858585;
  font-size: 13px;
}

.select2-container--okna-trade-3 .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--okna-trade-3 .select2-results .nano {
  width: -webkit-calc(100% - 22px);
  width: calc(100% - 22px);
}

.select2-container--okna-trade-3 .select2-results .nano > .nano-pane {
  top: 20px;
  bottom: 20px;
}

.select2-container--okna-trade-3 .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
  padding: 10px 0;
}

.select2-container--okna-trade-3 .select2-results__option {
  color: #1b1b1b;
  font: 500 12px/1.2 "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: none;
  padding: 10px 24px;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.select2-container--okna-trade-3 .select2-results__option .custom {
  color: #202020;
}

.select2-container--okna-trade-3 .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--okna-trade-3 .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--okna-trade-3 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--okna-trade-3 .select2-results__option[aria-selected=true],
.select2-container--okna-trade-3 .select2-results__option--highlighted[aria-selected] {
  color: #00BFD6;
}

.select2-container--okna-trade-3 .select2-results__option[aria-selected=true] .custom,
.select2-container--okna-trade-3 .select2-results__option--highlighted[aria-selected] .custom {
  color: #202020;
}

.select2-container--okna-trade-3 .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.js--domain-city-select +
.select2-container--okna-trade-4.select2-container--open .select2-selection__rendered {
  display: none !important;
}

.select2-container--okna-trade-4 .select2-selection--single {
  position: relative;
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 5px;
  height: 48px;
  width: auto;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-selection--single {
    width: 100%;
  }
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__rendered {
  color: #979797;
  line-height: 28px;
  padding: 10px 0px 0 17px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-selection--single .select2-selection__rendered {
    padding: 10px 0px 0 17px;
  }
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 44px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-selection--single .select2-selection__arrow {
    top: 15px;
  }
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__arrow b {
  height: 0;
  left: 50%;
  position: absolute;
  top: 60%;
  width: 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-4 .select2-selection--single .select2-selection__arrow::after {
  content: url("data:image/svg+xml,%3Csvg fill='rgb(0, 187, 211)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966'%3E%3Cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0 0 46.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 0 0 .083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z' class='active-path'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  display: block;
  width: 18px;
  height: 18px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-selection--single .select2-selection__arrow::after {
    right: 0;
  }
}

.select2-container--okna-trade-4[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--okna-trade-4[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--okna-trade-4.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-4.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--okna-trade-4.select2-container--open {
  z-index: 11000;
}

.select2-container--okna-trade-4.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade-4 .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 8px;
  cursor: pointer;
  height: 44px;
  position: relative;
}

.select2-container--okna-trade-4 .select2-selection--multiple::after {
  border-color: #7C7B84 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin: -2px 17px 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0 0 24px;
  width: 100%;
  font: 500 14px/1 "Open Sans", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  padding-top: 7px;
  font: inherit;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 14px;
  float: left;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-right: 5px;
  color: #202020;
  line-height: 28px;
  padding: 14px 34px 0 0;
  font: inherit;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__choice + .select2-selection__choice {
  display: none;
}

.select2-container--okna-trade-4 .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-4[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--okna-trade-4[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--okna-trade-4[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--okna-trade-4[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--okna-trade-4[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--okna-trade-4.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--okna-trade-4.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-4.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-4 .not-fake-input {
  display: none;
}

.select2-container--okna-trade-4.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--okna-trade-4.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-container--okna-trade-4.select2-container--open.select2-container--below .select2-selection--single, .select2-container--okna-trade-4.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #00bbd3;
}

.select2-container--okna-trade-4.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow::before, .select2-container--okna-trade-4.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__arrow::before {
  content: none;
}

.select2-container--okna-trade-4 .select2-dropdown--above, .select2-container--okna-trade-4 .select2-dropdown--above .select2-search__field {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.select2-container--okna-trade-4 .select2-dropdown--below {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container--okna-trade-4 .select2-dropdown {
  border: none;
  position: relative;
}

.select2-container--okna-trade-4 .select2-dropdown .svg-i_search {
  position: absolute;
  right: 21px;
  top: 10px;
}

.select2-container--okna-trade-4 .select2-search--dropdown {
  padding: 0;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field {
  border-width: 0;
  border-bottom: 1px solid #00bbd3;
  font-size: 16px;
  padding: 11px 44px 11px 24px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field::-moz-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field:-moz-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--dropdown .select2-search__field::placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-4 .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--okna-trade-4 .select2-results .nano {
  width: -webkit-calc(100% - 22px);
  width: calc(100% - 22px);
}

.select2-container--okna-trade-4 .select2-results .nano > .nano-pane {
  top: 20px;
  bottom: 20px;
}

.select2-container--okna-trade-4 .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
  padding: 10px 0;
}

.select2-container--okna-trade-4 .select2-results__option {
  color: #000000;
  font: 500 12px/1.2 "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: none;
  padding: 10px 24px;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.select2-container--okna-trade-4 .select2-results__option .custom {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--okna-trade-4 .select2-results__option[aria-disabled=true] {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-results__option[aria-selected=true] {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--okna-trade-4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--okna-trade-4 .select2-results__option[aria-selected=true],
.select2-container--okna-trade-4 .select2-results__option--highlighted[aria-selected] {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-results__option[aria-selected=true] .custom,
.select2-container--okna-trade-4 .select2-results__option--highlighted[aria-selected] .custom {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.js--domain-city-select +
.select2-container--okna-trade-5.select2-container--open .select2-selection__rendered {
  display: none !important;
}

.select2-container--okna-trade-5 .select2-selection--single {
  position: relative;
  background-color: #fff;
  border: 1px solid #B2C4D0;
  border-radius: 8px;
  height: 45px;
  width: auto;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-5 .select2-selection--single {
    width: 100%;
  }
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__rendered {
  color: #979797;
  line-height: 28px;
  padding: 10px 0px 0 17px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-5 .select2-selection--single .select2-selection__rendered {
    padding: 10px 0px 0 17px;
  }
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 44px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-5 .select2-selection--single .select2-selection__arrow {
    top: 15px;
  }
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__arrow b {
  height: 0;
  left: 50%;
  position: absolute;
  top: 60%;
  width: 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-5 .select2-selection--single .select2-selection__arrow::after {
  content: url("data:image/svg+xml,%3Csvg fill='rgb(0, 187, 211)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966'%3E%3Cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0 0 46.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 0 0 .083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z' class='active-path'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  display: block;
  width: 18px;
  height: 18px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-5 .select2-selection--single .select2-selection__arrow::after {
    right: 0;
  }
}

.select2-container--okna-trade-5[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--okna-trade-5[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--okna-trade-5.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-5.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--okna-trade-5.select2-container--open {
  z-index: 11000;
}

.select2-container--okna-trade-5.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--okna-trade-5 .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 8px;
  cursor: pointer;
  height: 44px;
  position: relative;
}

.select2-container--okna-trade-5 .select2-selection--multiple::after {
  border-color: #7C7B84 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin: -2px 17px 0;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0 0 24px;
  width: 100%;
  font: 500 14px/1 "Open Sans", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  padding-top: 7px;
  font: inherit;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 14px;
  float: left;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__choice {
  float: left;
  margin-right: 5px;
  color: #202020;
  line-height: 28px;
  padding: 14px 34px 0 0;
  font: inherit;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__choice + .select2-selection__choice {
  display: none;
}

.select2-container--okna-trade-5 .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-5[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--okna-trade-5[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--okna-trade-5[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--okna-trade-5[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--okna-trade-5[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--okna-trade-5.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--okna-trade-5.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--okna-trade-5.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--okna-trade-5 .not-fake-input {
  display: none;
}

.select2-container--okna-trade-5.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--okna-trade-5.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-container--okna-trade-5.select2-container--open.select2-container--below .select2-selection--single, .select2-container--okna-trade-5.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #00bbd3;
}

.select2-container--okna-trade-5.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow::before, .select2-container--okna-trade-5.select2-container--open.select2-container--below .select2-selection--multiple .select2-selection__arrow::before {
  content: none;
}

.select2-container--okna-trade-5 .select2-dropdown--above, .select2-container--okna-trade-5 .select2-dropdown--above .select2-search__field {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.select2-container--okna-trade-5 .select2-dropdown--below {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container--okna-trade-5 .select2-dropdown {
  border: none;
  position: relative;
}

.select2-container--okna-trade-5 .select2-dropdown .svg-i_search {
  position: absolute;
  right: 21px;
  top: 10px;
}

.select2-container--okna-trade-5 .select2-search--dropdown {
  padding: 0;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field {
  border-width: 0;
  border-bottom: 1px solid #00bbd3;
  font-size: 16px;
  padding: 11px 44px 11px 24px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field::-moz-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field:-moz-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--dropdown .select2-search__field::placeholder {
  opacity: 1;
  color: #00bbd3;
  font-size: 13px;
}

.select2-container--okna-trade-5 .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--okna-trade-5 .select2-results .nano {
  width: -webkit-calc(100% - 22px);
  width: calc(100% - 22px);
}

.select2-container--okna-trade-5 .select2-results .nano > .nano-pane {
  top: 20px;
  bottom: 20px;
}

.select2-container--okna-trade-5 .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
  padding: 10px 0;
}

.select2-container--okna-trade-5 .select2-results__option {
  color: #000000;
  font: 500 12px/1.2 "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: none;
  padding: 10px 24px;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.select2-container--okna-trade-5 .select2-results__option .custom {
  color: #00bbd3;
}

.select2-container--okna-trade-5 .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--okna-trade-5 .select2-results__option[aria-disabled=true] {
  color: #00bbd3;
}

.select2-container--okna-trade-5 .select2-results__option[aria-selected=true] {
  color: #00bbd3;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--okna-trade-5 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--okna-trade-5 .select2-results__option[aria-selected=true],
.select2-container--okna-trade-5 .select2-results__option--highlighted[aria-selected] {
  color: #00bbd3;
}

.select2-container--okna-trade-5 .select2-results__option[aria-selected=true] .custom,
.select2-container--okna-trade-5 .select2-results__option--highlighted[aria-selected] .custom {
  color: #00bbd3;
}

.select2-container--okna-trade-5 .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}

.slick-dots li {
  margin: 0 14.5px;
}

.slick-dots li::after {
  clear: both;
  content: "";
  display: table;
}

@media (max-width: 1169px) {
  .slick-dots li {
    margin-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .slick-dots li {
    margin: 0 3.5px;
  }
}

.slick-dots button {
  float: left;
  display: inline-block;
  height: 12px;
  width: 12px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  -webkit-transition: background-color	 .4s;
  -o-transition: background-color	 .4s;
  transition: background-color	 .4s;
}

.slick-dots button:before {
  height: 5px;
  width: 5px;
  border-radius: 5px;
  background: #DEDDE1;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

.slick-dots .slick-active button {
  background: #00BFD6;
}

.slick-dots .slick-active button:before {
  opacity: 0;
}

.slick-arrow {
  color: #ffffff;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  height: 41px;
  width: 41px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 1;
}

.slick-arrow svg {
  fill: #F2F3F4;
  height: 35px;
  width: 35px;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
}

.slick-arrow.slick-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.firefox .slick-arrow.slick-prev svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.slick-arrow:hover svg {
  fill: #00BFD6;
}

@media (min-width: 1170px) {
  .slick-arrow {
    margin-top: -32px;
    height: 52px;
    width: 52px;
  }
  .slick-arrow svg {
    height: 46px;
    width: 46px;
  }
}

.intro__window-cards .slick-prev, .slick-with-arrows .slick-prev {
  left: -80px;
  color: transparent;
  background-position: 45% 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492 492'%3E%3Cpath d='M198.608 246.104L382.664 62.04c5.068-5.056 7.856-11.816 7.856-19.024 0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12C361.476 2.792 354.712 0 347.504 0s-13.964 2.792-19.028 7.864L109.328 227.008c-5.084 5.08-7.868 11.868-7.848 19.084-.02 7.248 2.76 14.028 7.848 19.112l218.944 218.932c5.064 5.072 11.82 7.864 19.032 7.864 7.208 0 13.964-2.792 19.032-7.864l16.124-16.12c10.492-10.492 10.492-27.572 0-38.06L198.608 246.104z'/%3E%3C/svg%3E");
  opacity: 0.6;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.intro__window-cards .slick-prev:hover, .slick-with-arrows .slick-prev:hover {
  opacity: 1;
}

.intro__window-cards .slick-next, .slick-with-arrows .slick-next {
  right: -80px;
  color: transparent;
  background-position: 55% 50%;
  background-size: 25px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004'%3E%3Cpath d='M382.678 226.804L163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z'/%3E%3C/svg%3E");
  opacity: 0.6;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.intro__window-cards .slick-next:hover, .slick-with-arrows .slick-next:hover {
  opacity: 1;
}

.intro__window-cards .slick-arrow.slick-disabled, .slick-with-arrows .slick-arrow.slick-disabled {
  opacity: 0.2;
}

@media screen and (max-width: 1140px) {
  .intro__window-cards .slick-prev, .slick-with-arrows .slick-prev {
    display: none;
  }
  .intro__window-cards .slick-next, .slick-with-arrows .slick-next {
    display: none;
  }
}

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

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-height: -webkit-calc(var(--vh, 1vh) * 100);
  max-height: calc(var(--vh, 1vh) * 100);
  z-index: 9999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 767px) {
  .mfp-wrap {
    overflow-y: scroll;
  }
}

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

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

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

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

@media (max-width: 767px) {
  .mfp-content {
    padding-top: 60px;
  }
}

.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: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

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

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

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

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

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

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

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

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

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

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

button.mfp-arrow {
  background: transparent;
}

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

.mfp-close {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  width: 61px;
  height: 61px;
  color: #000;
  font-family: Verdana;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 3px;
}

.firefox.android .mfp-close {
  padding-bottom: 6px;
}

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

@media (max-width: 767px) {
  .mfp-close-btn-in .mfp-close {
    border: 1px solid #E4E4E6;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    font-size: 18px;
    line-height: 0;
    top: 15px !important;
    right: 17px;
  }
  .android.firefox .mfp-close-btn-in .mfp-close {
    padding-top: 2px;
  }
  .android:not(.firefox) .mfp-close-btn-in .mfp-close {
    line-height: 30px;
  }
}

.mfp-counter {
  color: #7b7b83;
  font: italic 13px/120% "PT Serif", serif;
  letter-spacing: .25px;
  white-space: nowrap;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 10px 20px 10px 18px;
}

.mfp-arrow {
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.mfp-arrow-left {
  left: 13px;
}

.mfp-arrow-right {
  right: 13px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -61px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

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

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

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  background-color: #fff;
  color: #9e9e9e;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mfp-title {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: left;
  line-height: 18px;
  word-wrap: break-word;
  border-left: 1px solid #F3F4F6;
  padding: 11px 13px 9px;
  font: 10px/14px "Open Sans", sans-serif;
}

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

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

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

.mfp-arrow {
  position: absolute;
}

.mfp-arrow:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: '';
  display: block;
}

.mfp-arrow svg {
  fill: rgba(0, 0, 0, 0.2);
  height: 33px;
  width: 33px;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}

.mfp-arrow-left svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mfp-arrow:hover svg {
  fill: #00C04B;
}

@media (min-width: 768px) {
  .mfp-counter {
    padding: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .mfp-counter {
    min-width: 75px;
    text-align: right;
  }
  .mfp-title {
    font-size: 12.5px;
    line-height: 17px;
    padding: 17px 31px 13px;
  }
}

@media (min-width: 1170px) {
  .mfp-title {
    font-size: 13.5px;
    line-height: 20px;
    padding: 23px 34px 19px;
  }
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-gallery {
  margin-right: auto;
  margin-left: auto;
}

.mfp-gallery .mfp-content {
  margin: auto;
}

@media (max-width: 767px) {
  button.mfp-arrow {
    display: none;
  }
  .mfp-no-pad .mfp-container,
  .mfp-gallery .mfp-container {
    padding: 0;
  }
}

@media (max-width: 1169px) {
  .mfp-gallery .mfp-content {
    max-width: 680px;
  }
}

@media (min-width: 1170px) {
  .mfp-gallery .mfp-content {
    max-width: 860px;
  }
}

.mfp-map .mfp-close {
  background-color: #fff;
  -webkit-transition: hover .4s;
  -o-transition: hover .4s;
  transition: hover .4s;
}

.mfp-map .mfp-close:not(:hover) {
  opacity: .7;
}

/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/*
 * jQuery File Upload UI Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
  -webkit-filter: none;
          filter: none;
}

.fileupload-process {
  float: right;
  display: none;
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain;
}

.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}

/** initial setup **/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.android.firefox .nano > .nano-content {
  right: -6px;
  padding-right: 6px;
}

.ios.safari .nano > .nano-content {
  right: -6px;
  padding-right: 6px;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano > .nano-pane {
  background: #e8eaee;
  position: absolute;
  width: 1px;
  right: 1px;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.nano > .nano-pane > .nano-slider {
  position: relative;
  margin: 0 1px 0 -1px;
  width: 3px;
  border-radius: 1.5px;
  background-color: #000000;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.input-char-counter {
  position: relative;
  width: 100%;
}

.input-char-counter .input {
  padding-right: 60px;
}

.input-char-counter__counter {
  position: absolute;
  right: 20px;
  bottom: 11px;
  font-size: 10px;
  font-style: italic;
  font-family: "PT Sans", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: rgba(123, 123, 131, 0.5);
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
}

.input-char-counter__counter--max {
  color: #e82c0d;
}

.input-char-counter textarea,
.input-char-counter textarea.input-text {
  font-family: "PT Sans", sans-serif;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.2px;
  text-align: left;
  color: #7b7b83;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 3px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 4px;
  /* please don't change 'position' */
  position: absolute;
  border-radius: 10px;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: #D8D8D8;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  -o-transition: background-color .2s linear, height .2s ease-in-out;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #959595;
  -o-transition: background-color .2s linear, width .2s ease-in-out;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 3px;
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
  border-radius: 10px;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 3px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.bch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
  width: 320px;
}

@media (max-width: 767px) {
  .bch {
    width: auto;
  }
}

.bch__logo {
  margin-right: 21px;
}

.bch__title {
  font-size: 15px;
  font-weight: 700;
}

.bcb {
  border: 1px solid #efefef;
  border-left: 0;
  border-right: 0;
  margin: 5px 0;
  padding: 10px 0 15px;
}

.bcb__stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.bcb__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}

@media (max-width: 767px) {
  .bcb__contacts {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.bcb__reviews {
  color: #676767;
  margin-left: 20px;
}

.bcb__contact {
  white-space: nowrap;
  margin-right: 15px;
}

.bcb__address {
  font: italic 15px/120% "PT Serif", serif;
  margin: 5px 0 10px;
}

.bcb__schedule {
  font: italic 13px/120% "PT Serif", serif;
}

.bcf {
  padding: 7px 0 4px;
  text-align: center;
}

@media (min-width: 1024px) {
  .box-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 940px;
  }
  .box-wrapper .box {
    margin: 0;
  }
  .box-wrapper .box_contact {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

@media (min-width: 1024px) {
  .box-wrapper--sm {
    max-width: 768px;
  }
}

.box-wrapper .mt-xs {
  margin-top: 24px !important;
}

.box {
  background-color: #fff;
  padding: 52px 30px 49px;
  position: relative;
}

.box__product {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  background-color: #fff;
  padding: 30px 0 30px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 520px;
}

@media (max-width: 1023px) {
  .box__product {
    display: none;
  }
}

.box__product-inner {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box__product-inner--start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.box__product-scrollbar {
  position: relative;
  overflow: hidden;
  padding-right: 30px;
  max-height: 100%;
}

.box__product-bottom {
  margin-top: 30px;
}

.box__product-close {
  position: static;
  height: auto;
  width: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #959595 !important;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.box__product-close:hover {
  color: #202020 !important;
}

.box__product-close svg {
  pointer-events: none;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  fill: currentColor;
}

.box__product--single {
  display: block;
  padding: 30px;
}

@media (max-width: 1023px) {
  .box__product--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.box__product--single .box__product-inner {
  display: block;
  height: auto !important;
}

@media (max-width: 767px) {
  .box__product--single .one-click-product__desc {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .box__product--single .one-click-product__image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .box__product--single .box__close {
    position: fixed;
    top: 60px !important;
    z-index: 9;
  }
}

.box__close {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  pointer-events: all;
  border-radius: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: 60px !important;
  width: 60px !important;
  padding: 0;
  margin: 0;
}

.box__close:hover::before, .box__close:hover::after {
  background-color: #00bcd4;
}

.box__close::before, .box__close::after {
  content: "";
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 20px;
  background-color: #333333;
}

.box__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.box__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.box__hd {
  border-bottom: 1px solid #f5f6f8;
  margin: -66px -30px 30px;
  padding: 19px 15px;
}

.box__hd .svg-i_ot-logo {
  height: 23px;
  width: 116px;
}

.box-title {
  font: 500 20px/24px "Open Sans", sans-serif;
  margin-bottom: 15px;
}

.box-title-2 {
  font: 18px/120% "Open Sans", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.box-description {
  margin-top: 20px;
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  line-height: 18px;
}

.box-caption-2 {
  color: #636363;
  font: italic 700 13px/120% "PT Serif", serif;
  letter-spacing: 0.25px;
  margin-bottom: 27px;
}

.box p {
  color: #9e9e9e;
  font: 12px/18px "Open Sans", sans-serif;
  margin-bottom: 25px;
}

.box p + p {
  margin-top: 15px;
}

.box_contact {
  padding-bottom: 30px;
}

.box_contact .btn[type="submit"] {
  min-width: 194px;
}

@media screen and (max-width: 398px) {
  .box_contact .btn[type="submit"] {
    margin-bottom: 10px;
  }
}

.box_cart .btn {
  width: 195px;
}

.box_city {
  padding-bottom: 0;
}

.box_city__select {
  width: 100%;
}

.box_city__list {
  font: 12px/40px "Open Sans", sans-serif;
  list-style: none;
  margin: 10px -30px;
  padding: 0 40px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.box_city__list li,
.box_city__list li a:not(:hover) {
  color: #636363;
}

.box_city__list li + li {
  border-top: 1px solid #f4f5f7;
}

.box_map {
  height: 80vh;
  padding: 0;
  max-width: 80vw;
  margin: auto;
}

.box_map #box-map {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .box .input-text {
    border-color: #acacb0;
  }
}

@media (min-width: 768px) {
  .box_contact {
    background-color: #f5f6f8;
  }
  .box-title {
    font-size: 22px;
  }
  .box p {
    font-size: 14px;
    line-height: 20px;
  }
  .box_contact {
    margin: auto;
    max-width: 420px;
  }
  .box_cart {
    margin: auto;
    max-width: 370px;
  }
}

.box-config {
  background-color: #fff;
  margin: auto;
  max-width: 1240px;
  padding: 79px 66px;
  font-family: "Open Sans", sans-serif;
}

.box-config__title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.37;
  text-align: left;
  color: #202020;
}

.box-config__caption {
  line-height: 1.33;
  text-align: left;
  color: #202020;
  margin: 53px 0 28px;
  padding-top: 54px;
  font-size: 18px;
  font-weight: 500;
}

.box-config .config-visual-root {
  margin-top: 65px;
  overflow-x: auto;
  padding: 0px 0px 25px 0px;
}

@media (max-width: 1168px) {
  .box-config .config-visual-root {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .box-config .config-visual-root {
    padding: 0px 0px 25px 16px;
  }
}

.box-config .config-visual-root .ps__rail-x {
  background-color: transparent;
  opacity: 1;
}

.box-config .config-visual-root .ps__thumb-x {
  background-color: #010100;
  height: 3px;
  cursor: pointer;
}

.box-config .config-visual-root .ps__rail-x,
.box-config .config-visual-root .ps__rail-y {
  opacity: 0.6;
}

.box-config .config-visual-root.overflow .cr-elements-wrap {
  padding-left: 16px;
}

@media (max-width: 767px) {
  .box-config {
    padding: 65px 46px;
  }
  .box-config .config-visual-root {
    margin-top: 30px;
  }
  .box-config__title {
    font-size: 22px;
  }
  .box-config__caption {
    margin-top: 0;
    padding-top: 30px;
  }
}

.box-config__actions {
  margin-top: 43px;
}

.box-config .list {
  margin-left: -20px;
}

.box-config .list li {
  font-size: 16px;
  line-height: 1.56;
  text-align: left;
  color: #9e9e9e;
}

.box-config .list li div {
  color: #000000;
}

.box-config {
  overflow: hidden;
}

@media (max-width: 767px) {
  .box-config .mfp-close {
    top: 65px;
  }
}

.box-config .cr-elements-wrap {
  padding-left: 24px;
  padding-right: 0;
  font-size: 11px !important;
}

@media (min-width: 1170px) {
  .box-config .handle-types {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 20px 30px 20px;
    max-width: 100%;
    width: auto;
  }
  .box-config .handle-type {
    -webkit-flex-basis: 112px;
        -ms-flex-preferred-size: 112px;
            flex-basis: 112px;
    max-width: 112px;
    width: 112px;
  }
  .box-config .cr-elements-wrap {
    margin-left: -26px;
    margin-right: -30px;
    padding-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-32 ._slope--window {
    height: 78%;
    left: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-32 ._slope--window {
    height: 92%;
    left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-32 .cr-element-slope-top-wrap--3 {
    width: 111%;
    left: -14px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-32 .cr-element-slope-top-wrap--3 {
    width: 110%;
    left: -16px;
  }
}

.box-config .cr-elements_type-33 ._slope--window {
  left: 1px;
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-33 ._slope--window {
    height: 79%;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-33 ._slope--window {
    height: 92%;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-33 ._slope--door {
    height: 83%;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-33 ._slope--door {
    height: 91%;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-34 ._slope--door {
    height: 83%;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-34 ._slope--door {
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .box-config .cr-elements_type-34 ._slope--door {
    height: 101%;
  }
}

.box-config .cr-elements_type-34 .cr-element-slope-top-wrap {
  width: 109%;
  left: -14px;
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-35 ._slope--door {
    height: 82%;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-35 ._slope--door {
    height: 89%;
    top: 4px;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-35 ._slope--window {
    height: 76%;
    top: 5px;
    left: 4px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-35 ._slope--window {
    height: 89%;
    top: 4px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .box-config .cr-elements_type-35 ._slope--window {
    height: 104%;
    top: 5px;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-36 ._slope--window {
    height: 78%;
    left: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-36 ._slope--window {
    height: 92%;
    left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-36 .cr-element-slope-top-wrap--3 {
    width: 111%;
    left: -14px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-36 .cr-element-slope-top-wrap--3 {
    width: 110%;
    left: -16px;
  }
}

@media screen and (min-width: 1024px) {
  .box-config .cr-elements_type-38 ._slope--window, .box-config .cr-elements_type-39 ._slope--window {
    height: 78%;
    left: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-38 ._slope--window, .box-config .cr-elements_type-39 ._slope--window {
    height: 91%;
    left: 2px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .box-config .cr-elements_type-38 ._slope--window, .box-config .cr-elements_type-39 ._slope--window {
    height: 105%;
    left: 0px;
  }
}

.box-config .cr-elements_type-38 .cr-element-sill-wrap, .box-config .cr-elements_type-39 .cr-element-sill-wrap {
  right: -22px;
  left: -22px;
}

.box-config .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap--4, .box-config .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap--4 {
  top: -14px;
}

@media screen and (max-width: 767px) {
  .box-config .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap--4, .box-config .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap--4 {
    top: -10px;
  }
}

.box-config .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.7em;
}

@media only screen and (min-width: 1439px) {
  .box-config .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 14em;
  }
}

@media only screen and (min-width: 1440px) {
  .box-config .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 16em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 14em;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .box-config .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 24.4em;
  }
}

.box-config .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.7em;
}

@media only screen and (min-width: 1439px) {
  .box-config .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 14em;
  }
}

@media only screen and (min-width: 1440px) {
  .box-config .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 16.2em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 14em;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .box-config .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
    height: 24.4em;
  }
}

@media only screen and (min-width: 1439px) {
  .box-config .cr-elements_type-5 ._slope--door {
    height: 30em;
  }
}

@media only screen and (min-width: 1440px) {
  .box-config .cr-elements_type-5 ._slope--door {
    height: 30em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-5 ._slope--door {
    height: 24.5em;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .box-config .cr-elements_type-5 ._slope--door {
    height: 30em;
  }
}

@media only screen and (min-width: 1439px) {
  .box-config .cr-elements_type-5:not(.cr-elements_reflected) .cr-element-slope-top-wrap {
    left: -14px;
    right: -14px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-5:not(.cr-elements_reflected) .cr-element-slope-top-wrap {
    left: -11px;
  }
}

.box-config .cr-elements_type-5.cr-elements_reflected ._slope--door {
  left: 4px;
}

@media (max-width: 766px) {
  .box-config .cr-elements_type-5.cr-elements_reflected ._slope--door {
    height: 30em;
    left: 0;
  }
}

.box-config .cr-elements_type-5.cr-elements_reflected .cr-element-slope-top-wrap {
  left: -12px;
  right: -11px;
}

.box-config .cr-element-sill {
  top: -4px;
}

.breadcrumb {
  margin: 16px 0 13px;
}

.breadcrumb ul {
  display: inline-block;
  list-style: none;
}

.breadcrumb ul::after {
  clear: both;
  content: "";
  display: table;
}

.breadcrumb li {
  float: left;
  font: 12px/120% "Open Sans", sans-serif;
  color: #7b7b83;
}

.breadcrumb li + li {
  margin-left: 19px;
  position: relative;
}

.breadcrumb li + li:before {
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: 50%;
  margin-top: -1px;
  width: 5px;
  border-top: 1px solid #00C2B7;
}

.breadcrumb li:last-child {
  color: #1b1b1b;
}

.breadcrumb li a {
  color: inherit;
}

@media (max-width: 767px) {
  .breadcrumb {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .breadcrumb {
    margin: 25px 0 17px;
  }
}

@media (min-width: 1170px) {
  .breadcrumb {
    margin: 25px 0 26px;
  }
}

.btn-round {
  background: transparent;
  border: 1px solid #E4E4E6;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  width: 30px;
}

.btn-round .svg-i_close {
  height: 10px;
  width: 10px;
}

.btn-round .svg-i_nav-toggle {
  height: 9px;
  width: 13px;
}

.btn-round .svg-i_marker {
  fill: #00BFD6;
  height: 16px;
  width: 10px;
}

@media (min-width: 768px) {
  .btn-round {
    height: 44px;
    width: 44px;
  }
  .btn-round .svg-i_marker {
    height: 16px;
    width: 11px;
  }
}

.btn {
  border: 0;
  cursor: pointer;
  display: inline-block;
  font: 600 11px/11px "Open Sans", sans-serif;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  -o-transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  transition: opacity .3s ease, background-color .3s ease, color .3s ease;
  padding: 0 21px;
  border-radius: 44px;
  height: 44px;
}

.btn__inner {
  height: 100%;
}

.btn_sm {
  border-radius: 40px;
  height: 40px;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: .5px;
  padding: 0 18px;
}

.btn .svg-i {
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}

.btn .svg-i_win-plus {
  margin-right: 12px;
}

.btn__before.svg-i {
  margin-right: 12px;
}

.btn__txt + .svg-i,
.svg-i + .btn__txt {
  margin-left: 8px;
}

.btn .svg-i_date {
  margin-top: -2px;
}

.btn_green {
  background-color: #00C04B;
  color: #fff;
}

.no-ios.no-android .btn_green:hover {
  color: #fff;
  background: #87E2A4;
}

.btn_green.pressed {
  background: #87E2A4;
}

.btn_green_pale {
  background: #87E2A4;
  color: #000;
}

.btn_green--outline {
  background-color: #fff;
  color: #00C04B;
  border: 2px solid #00C04B;
  -webkit-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

.btn_green--outline:hover {
  color: #00C04B;
  border-color: #87E2A4;
}

.btn_sky-text {
  color: #00BFD6;
}

.no-ios.no-android .btn_sky-text:hover {
  color: #7b7b83;
}

.btn_sky-text.pressed {
  color: #7b7b83;
}

.btn_red {
  background-color: #e82c0d;
  color: #fff;
}

.btn_red:hover {
  background-color: rgba(232, 44, 13, 0.7);
  color: #fff;
}

.btn_sky {
  background-color: #00BFD6;
  color: #fff;
}

.btn_sky:hover {
  background-color: #00d6f0;
}

.no-ios.no-android .btn_green:hover, .no-ios.no-android .btn_sky:hover {
  color: #fff;
}

.btn_green.pressed, .btn_sky.pressed {
  color: #fff;
}

.btn_green .svg-i, .btn_sky .svg-i {
  fill: #fff;
  position: relative;
}

.btn_green .svg-i_mail, .btn_sky .svg-i_mail {
  top: -1px;
}

.btn_white-blue {
  background: #fff;
  border: 2px solid #00bbd3;
  border-radius: 26px;
  height: 52px;
  padding: 0 47px;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #00bbd3;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
}

.btn_white-blue:hover {
  color: #00d6f0;
}

@media (max-width: 767px) {
  .btn_white-blue {
    font-size: 10px;
    line-height: 14px;
    padding: 0 43px;
    height: 48px;
  }
}

.btn_outline-sky {
  background: transparent;
  border: 2px solid #00BFD6;
  color: #202020;
}

.btn_outline-sky .svg-i {
  fill: #00BFD6;
}

.no-ios.no-android .btn_outline-sky:hover {
  background-color: #00BFD6;
  color: #fff;
}

.no-ios.no-android .btn_outline-sky:hover .svg-i {
  fill: #fff;
}

.no-ios.no-android .btn_outline-sky:hover .btn__txt {
  color: currentColor;
}

.btn_outline-sky.pressed {
  background-color: #00BFD6;
  color: #fff;
}

.btn_outline-sky.pressed .svg-i {
  fill: #fff;
}

.btn_default {
  background-color: #fff;
  border: 1px solid #E3E3E5;
  border-radius: 44px;
  height: 44px;
  font: 500 12px/12px "Open Sans", sans-serif;
  padding: 3px 21px 0;
}

.no-ios.no-android .btn_transparent:not(:hover) {
  color: #000;
}

.no-ios.no-android .btn_transparent, .no-ios.no-android .btn_transparent:hover {
  border-color: transparent;
  background-color: transparent;
}

.btn_transparent:not(.pressed) {
  color: #000;
}

.btn_transparent, .btn_transparent.pressed {
  border-color: transparent;
  background-color: transparent;
}

.btn_no-padding {
  padding-left: 0;
  padding-right: 0;
}

.btn_md {
  height: 50px;
}

.btn_min-100 {
  min-width: 100px;
}

.btn_min-150 {
  min-width: 150px;
}

.btn_min-180 {
  min-width: 180px;
}

.btn_min-200 {
  min-width: 200px;
}

.btn_min-230 {
  min-width: 230px;
}

.btn_min-260 {
  min-width: 260px;
}

.btn_min-height-50 {
  min-height: 50px;
}

.btn_link {
  background-color: transparent;
  border-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

.no-ios.no-android .btn_link:hover {
  color: #00BFD6;
  border-color: #00BFD6;
}

.no-ios.no-android .btn_link:hover .svg-i {
  color: currentColor;
  fill: currentColor;
}

.btn_link.pressed {
  color: #00BFD6;
  border-color: #00BFD6;
}

.btn_link.pressed .svg-i {
  color: currentColor;
  fill: currentColor;
}

.btn_with-sign {
  display: inline-block;
  position: relative;
}

.btn_with-sign .btn__inner {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.btn__sign {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  margin-top: 3px;
}

.btn__tooltip {
  font-weight: 400;
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  color: #7b7b83;
  position: absolute !important;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(24px, -50%);
      -ms-transform: translate(24px, -50%);
          transform: translate(24px, -50%);
  width: 130px;
  display: block;
  white-space: normal;
  letter-spacing: 0;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

@media (min-width: 0) and (max-width: 767px) {
  .btn__tooltip {
    left: 50%;
    top: auto;
    bottom: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -5px);
        -ms-transform: translate(-50%, -5px);
            transform: translate(-50%, -5px);
  }
}

.btn[disabled], .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn[disabled] .btn__tooltip, .btn.disabled .btn__tooltip {
  color: #000;
}

.btn-square {
  border-radius: 0;
  height: 55px;
  padding: 0 33px;
}

@media (max-width: 767px) {
  .btn_link-mob {
    background-color: transparent;
    border-color: transparent;
    padding-right: 0;
    padding-left: 0;
  }
  .no-ios.no-android .btn_link-mob:hover {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .no-ios.no-android .btn_link-mob:hover .svg-i {
    color: currentColor;
    fill: currentColor;
  }
  .btn_link-mob.pressed {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .btn_link-mob.pressed .svg-i {
    color: currentColor;
    fill: currentColor;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .btn_link-tab {
    background-color: transparent;
    border-color: transparent;
    padding-right: 0;
    padding-left: 0;
  }
  .no-ios.no-android .btn_link-tab:hover {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .no-ios.no-android .btn_link-tab:hover .svg-i {
    color: currentColor;
    fill: currentColor;
  }
  .btn_link-tab.pressed {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .btn_link-tab.pressed .svg-i {
    color: currentColor;
    fill: currentColor;
  }
}

@media (min-width: 1170px) {
  .btn_link-pc {
    background-color: transparent;
    border-color: transparent;
    padding-right: 0;
    padding-left: 0;
  }
  .no-ios.no-android .btn_link-pc:hover {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .no-ios.no-android .btn_link-pc:hover .svg-i {
    color: currentColor;
    fill: currentColor;
  }
  .btn_link-pc.pressed {
    color: #00BFD6;
    border-color: #00BFD6;
  }
  .btn_link-pc.pressed .svg-i {
    color: currentColor;
    fill: currentColor;
  }
}

.btn-flat {
  font: italic 700 11px/11px "PT Serif", serif;
  letter-spacing: .25px;
  text-align: center;
  white-space: nowrap;
  height: 41px;
  padding: 0 30px;
  background-color: transparent;
  border: 0;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}

.btn-flat .svg-i {
  margin-right: 11px;
  -webkit-transition: fill 0.4s, stroke 0.4s;
  -o-transition: fill 0.4s, stroke 0.4s;
  transition: fill 0.4s, stroke 0.4s;
}

.btn-flat .svg-i_tune {
  fill: #7b7b83;
  stroke: white;
}

.btn-flat_default {
  background-color: #fff;
  color: #7B7A83;
}

.no-ios.no-android .btn-flat_default:hover {
  background-color: #00BFD6;
  color: #fff;
}

.no-ios.no-android .btn-flat_default:hover .svg-i {
  fill: #fff;
}

.no-ios.no-android .btn-flat_default:hover .svg-i_tune {
  stroke: transparent;
}

.btn-flat_default.pressed {
  background-color: #00BFD6;
  color: #fff;
}

.btn-flat_default.pressed .svg-i {
  fill: #fff;
}

button.btn {
  padding-top: 2px;
}

button.btn_lg {
  padding-top: 3px;
}

button.btn .svg-i_ok {
  position: relative;
  top: -1px;
}

a.btn, span.btn, div.btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

a.btn .svg-i, span.btn .svg-i, div.btn .svg-i {
  vertical-align: middle;
}

a.btn_with-sign, span.btn_with-sign, div.btn_with-sign {
  display: inline-block;
}

@media (max-width: 1169px) {
  .btn_adaptive {
    height: 40px;
  }
}

@media (min-width: 1170px) {
  .btn_adaptive {
    height: 50px;
  }
  .btn_pc-lg {
    height: 60px;
    padding: 0 40px;
    font-size: 13px;
  }
}

.card-article {
  display: inline-block;
  width: 100%;
}

.card-article__i {
  overflow: hidden;
  position: relative;
}

.card-article__i::after {
  clear: both;
  content: "";
  display: table;
}

.card-article__i img {
  border-radius: 2px;
  float: left;
}

.card-article__i-placeholder {
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card-article__i-placeholder .svg-i {
  height: 123px;
  width: 123px;
}

.card-article__dt {
  color: #9E9E9E;
  font: 14px/24px "Open Sans", sans-serif;
  margin: 14px 0 0;
}

.card-article__nm {
  font: 500 14px/24px "Open Sans", sans-serif;
}

.card-article__txt {
  color: #636363;
  font: 12px/17px "Open Sans", sans-serif;
  margin: 10px 0 39px;
}

@media (max-width: 767px) {
  .card-article__i {
    height: 180px;
  }
}

@media (min-width: 768px) {
  .card-article {
    padding-right: 15px;
  }
  .card-article__i {
    height: 220px;
    margin-right: -15px;
  }
  .card-article__dt {
    margin: 24px 0 6px;
  }
  .card-article__nm {
    font-size: 15px;
  }
  .card-article__txt {
    margin-top: 13px;
  }
}

.card-article-mini a {
  text-decoration: underline;
}

.card-article-mini__tag {
  color: #636363;
  font: 11.5px/17px "Open Sans", sans-serif;
}

.card-article-mini__tag a:not(:hover) {
  color: inherit;
}

.card-article-mini__nm {
  font: 500 14px/20px "Open Sans", sans-serif;
}

.card-article-mini__nm a:not(:hover) {
  text-decoration: none;
}

.card-article-mini__dt {
  color: #9E9E9E;
  font: 11px/24px "Open Sans", sans-serif;
}

@media (max-width: 767px) {
  .card-article-mini__nm {
    margin: 10px 0 9px;
  }
}

@media (min-width: 768px) {
  .card-article-mini__nm {
    font-size: 15px;
    line-height: 24px;
    margin: 13px 0 3px;
  }
  .card-article-mini__dt {
    font-size: 14px;
  }
}

.card-article-rich {
  background: #fff;
  padding: 10px;
  -webkit-box-shadow: 2px 0 11px rgba(123, 122, 131, 0.11);
          box-shadow: 2px 0 11px rgba(123, 122, 131, 0.11);
}

.card-article-rich__i {
  text-align: center;
}

.card-article-rich__i img {
  max-width: 100%;
}

.card-article-rich__nm {
  font: 500 14px/24px "Open Sans", sans-serif;
}

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

.card-article-rich__txt {
  color: #898989;
  font: 12px/18px "Open Sans", sans-serif;
  letter-spacing: .15px;
  display: block;
  display: -webkit-box;
  font-size: 0.875rem;
  max-height: 4.2rem;
  line-height: 1.6;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.card-article-rich__links {
  font: 500 13px/20px Tahoma, sans-serif;
}

.card-article-rich__links span,
.card-article-rich__links a {
  border-bottom: 1px solid rgba(0, 191, 214, 0.2);
  cursor: pointer;
  color: #00a8bd;
  text-decoration: none;
  -webkit-transition: border-color .4s;
  -o-transition: border-color .4s;
  transition: border-color .4s;
}

.card-article-rich__links span:hover,
.card-article-rich__links a:hover {
  border-color: #00BFD6;
}

.card-article-rich__brand, .card-article-rich__dt, .card-article-rich__views {
  color: #9E9E9E;
  font: 14px/24px "Open Sans", sans-serif;
}

.card-article-rich__views .svg-i_eye {
  margin-right: 5px;
}

.card-article-rich__views .svg-i_eye {
  fill: #ABABAF;
  height: 13px;
  width: 19px;
}

@media (max-width: 767px) {
  .card-article-rich {
    padding: 10px 20px 14px;
  }
  .card-article-rich__l {
    margin: 0 -10px;
  }
  .card-article-rich__nm {
    margin: 10px 0 0;
  }
  .card-article-rich__txt {
    margin: 10px 0 15px;
  }
  .card-article-rich:not(.card-article-rich_only-text) .card-article-rich__txt, .card-article-rich__links {
    display: none;
  }
  .card-article-rich__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card-article-rich__brand {
    margin: 13px 0 0;
  }
}

@media (min-width: 768px) {
  .card-article-rich {
    padding: 30px 20px 25px;
  }
  .card-article-rich__top::after {
    clear: both;
    content: "";
    display: table;
  }
  .card-article-rich__l {
    float: left;
  }
  .card-article-rich__txt {
    color: #898989;
    font: 12px/18px "Open Sans", sans-serif;
    letter-spacing: .15px;
  }
  .card-article-rich__links {
    list-style: none;
    margin: 0 -10px;
  }
  .card-article-rich__links::after {
    clear: both;
    content: "";
    display: table;
  }
  .card-article-rich__links li {
    float: left;
    padding: 0 10px;
  }
  .card-article-rich__btm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-article-rich__brand {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .card-article-rich__meta {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-article-rich__btm {
    margin-top: 8px;
  }
  .card-article-rich__top {
    padding-left: 292px;
  }
  .card-article-rich__l {
    margin-left: -292px;
    width: 260px;
  }
  .card-article-rich__nm {
    font-size: 16px;
    top: -5px;
    position: relative;
  }
  .card-article-rich__meta {
    width: 260px;
  }
  .card-article-rich__brand {
    margin-left: 32px;
  }
  .card-article-rich__txt {
    margin: 12px 0 11px;
  }
  .card-article-rich__dt + .card-article-rich__views {
    margin-left: 30px;
  }
}

@media (min-width: 1170px) {
  .card-article-rich {
    min-height: 280px;
    padding-left: 352px;
  }
  .card-article-rich__btm {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card-article-rich__l {
    margin-left: -332px;
    width: 300px;
    position: absolute;
  }
  .card-article-rich__nm {
    font-size: 20px;
    position: relative;
    top: -4px;
  }
  .card-article-rich__txt {
    margin-bottom: 29px;
    margin-top: 7px;
    font-size: 14px;
    line-height: 22px;
  }
  .card-article-rich__links {
    margin-bottom: 5px;
  }
  .card-article-rich__dt + .card-article-rich__views {
    margin-left: 44px;
  }
}

.card-article-rich_no-media,
.card-article-rich_no-media .card-article-rich__top,
.card-article-rich_no-media .card-article-rich__top ~ .card-article-rich__btm {
  padding-left: 19px;
}

.card-article-rich_no-media.card-article-rich_only-text,
.card-article-rich_no-media.card-article-rich_only-text .card-article-rich__top,
.card-article-rich_no-media.card-article-rich_only-text .card-article-rich__top ~ .card-article-rich__btm {
  padding-left: 10px;
}

.card-article-rich_no-media {
  min-height: 0;
}

.card-brand {
  background: #fff;
  border-radius: 2px;
}

.card-brand__i {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #FAFAFB;
  border-top: 0;
  border-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
}

.card-brand__i img {
  max-height: 100%;
  max-width: 100%;
}

.card-brand__ratings, .card-brand__nm {
  padding: 19px;
}

.card-brand__ratings {
  padding-bottom: 0;
}

.card-brand__nm {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font: 500 14px/20px "Open Sans", sans-serif;
  padding-bottom: 10px;
  padding-top: 5px;
}

.card-brand__nm a:hover {
  text-decoration: underline;
}

.card-brand__txt {
  color: #444444;
  font: 13px/17px "Open Sans", sans-serif;
  padding: 0 21px 15px;
}

@media (max-width: 767px) {
  .card-brand__top {
    padding-left: 133px;
  }
  .card-brand__top::after {
    clear: both;
    content: "";
    display: table;
  }
  .card-brand__i {
    float: left;
    width: 133px;
    margin-left: -133px;
    padding-left: 13px;
  }
  .card-brand__ratings + .card-brand__nm {
    padding-top: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .card-brand__nm {
    min-height: 60px;
  }
}

@media (min-width: 768px) {
  .card-brand__i {
    border-right: 0;
    border-width: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 148px;
  }
  .card-brand__nm {
    font-size: 15px;
    line-height: 24px;
  }
}

.card-office {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(123, 123, 131, 0.11);
          box-shadow: 0 2px 10px rgba(123, 123, 131, 0.11);
  padding: 20px 22px;
}

.card-office__nm {
  font: 700 14px/20px "Open Sans", sans-serif;
  margin-bottom: 22px;
}

.card-office__nm:hover a {
  text-decoration: underline;
}

.card-office__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card-office__link a {
  font-size: 16px;
}

.card-office__work-time {
  background-color: #FAFAFB;
  color: #00C27A;
  font: 13px/22px GothamPro, sans-serif;
  padding: 10px 22px 7px;
  margin: 19px -22px;
}

.card-office__contact {
  padding-left: 32px;
}

.card-office__contact::after {
  clear: both;
  content: "";
  display: table;
}

.card-office__contact + .card-office__contact {
  margin-top: 11px;
}

.card-office__contact .svg-i {
  float: left;
  margin-left: -32px;
  margin-top: 5px;
}

.card-office__contact .svg-i-inline_phone {
  height: 14px;
  width: 11px;
}

.card-office__contact .svg-i-inline_mail {
  height: 10px;
  width: 15px;
}

.card-office__contact .card-product__link-placeholder, .card-office__contact .card-office__link a, .card-office__link .card-office__contact a, .card-office__contact .seller__contact a, .seller__contact .card-office__contact a {
  font-size: 16px;
}

.card-office__contact .card-product__link-value {
  font: 700 14px/20px "Open Sans", sans-serif;
}

@media (max-width: 767px) {
  .card-office + .card-office {
    margin-top: 6px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-office {
    padding-bottom: 33px;
  }
}

@media (min-width: 768px) {
  .card-office {
    padding-top: 30px;
  }
  .card-office__nm {
    font-size: 16px;
    line-height: 26px;
  }
  .card-office .card-product__link-value {
    font-size: 16px;
  }
  .card-office .svg-i {
    margin-right: 5px;
  }
  .card-office .svg-i-inline_pin {
    height: 18px;
    width: 12px;
  }
  .card-office .svg-i-inline_photo {
    height: 14px;
    width: 19px;
  }
}

@media (min-width: 1170px) {
  .card-office {
    padding-bottom: 40px;
  }
}

.cards-offices {
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .cards-offices {
    margin-right: -10px;
    margin-left: -10px;
  }
  .cards-offices__el + .cards-offices__el {
    margin-top: 6px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cards-offices__el {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    padding: 8px;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .cards-offices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .cards-offices__el {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cards-offices__el .card-office {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (min-width: 1170px) {
  .cards-offices__el {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 15px;
  }
}

.bg-wood .card-product {
  -webkit-box-shadow: 0 2px 1px #f1f1f1;
          box-shadow: 0 2px 1px #f1f1f1;
}

.card-product {
  background-color: #fff;
  border-radius: 2px;
}

.card-product + .card-product {
  margin-top: 10px;
}

.card-product__logo {
  display: block;
  height: auto;
  text-align: center;
}

.card-product__logo img {
  max-width: 100%;
}

.card-product__logo .svg-i_placeholder-2 {
  max-width: 100%;
  max-height: 100%;
}

.card-product__nm {
  font: 500 16px/24px "Open Sans", sans-serif;
}

.card-product__nm a:hover {
  text-decoration: underline;
}

.card-product__txt {
  color: #636363;
  font: 13px/17px "Open Sans", sans-serif;
}

.card-product__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
}

.card-product__info:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 0;
  border-top: 2px solid #F5F6F8;
}

.card-product__comments, .card-product__photos, .card-product__posts {
  color: #9E9E9E;
  font: 12px/24px GothamPro, sans-serif;
  letter-spacing: .25px;
}

.card-product__link {
  white-space: nowrap;
  padding-right: 20px !important;
}

.card-product__link_tel {
  padding-left: 20px !important;
}

.card-product__link_offices {
  padding-right: 0 !important;
}

.card-product__link .svg-i {
  margin-right: 6px;
}

.card-product__link .svg-i-inline_mail,
.card-product__link .svg-i-inline_phone {
  float: left;
  margin-left: -20px;
  margin-top: 2px;
}

.card-product__link_tel {
  color: #000000;
  font: 500 13px/120% GothamPro, sans-serif;
}

.card-product__link_tel::after {
  clear: both;
  content: "";
  display: table;
}

@media (min-width: 768px) {
  .card-product__link_tel {
    margin: 0 20px 10px 0;
  }
}

.card-product__link_mail a:not(:hover) {
  color: #7b7b83;
}

.card-product__link_offices, .card-product__link_mail {
  color: #7b7b83;
  font: italic 13px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.card-product__link-placeholder, .card-office__link a, .seller__contact a {
  border-bottom: 1px dashed #00BFD6;
  color: #7b7b83;
  font: italic 13px/120% "PT Serif", serif;
  letter-spacing: .25px;
  cursor: pointer;
  margin-bottom: auto;
}

.card-product__link-value {
  white-space: nowrap;
  margin-bottom: auto;
}

.card-product__address {
  color: #9e9e9e;
  font: 12px/17px GothamPro, sans-serif;
  letter-spacing: .25px;
  max-width: 100%;
}

.card-product__address td {
  vertical-align: top;
}

.card-product__address td:first-child {
  padding-right: 10px;
  padding-top: 1px;
  white-space: nowrap;
}

.card-product__street {
  color: #202020;
  font-weight: 500;
}

.card-product__pre-cost {
  color: #7b7b83;
  font: italic 700 10px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.card-product__cost {
  font: 24px/120% "Open Sans", sans-serif;
}

.card-product__order {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .card-product__l {
    border-bottom: 2px solid #F5F6F8;
    height: 120px;
    padding-left: 165px;
    padding-top: 23px;
  }
  .card-product__l::after {
    clear: both;
    content: "";
    display: table;
  }
  .card-product__r {
    padding: 16px 14px 14px;
  }
  .card-product__info {
    margin-top: 36px;
    padding-top: 20px;
  }
  .card-product__logo {
    float: left;
    margin-left: -165px;
    height: 80px;
    width: 162px;
  }
  .card-product__logo img {
    -webkit-transform: scale(0.82);
        -ms-transform: scale(0.82);
            transform: scale(0.82);
  }
  .card-product__rating {
    margin-bottom: 7px;
  }
  .card-product__posts {
    margin-top: 2px;
  }
  .card-product__link_tel, .card-product__link_mail {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    width: 50%;
  }
  .card-product__link_offices {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
  }
  .card-product__link_tel {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 20px;
  }
  .card-product__link_tel .svg-i-inline_phone {
    float: left;
    margin-left: -20px;
  }
  .card-product__link_mail {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .card-product__link_offices {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .card-product__address {
    margin: 8px 0 6px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    white-space: normal;
  }
  .card-product__rating, .card-product__comments, .card-product__photos, .card-product__posts {
    float: left;
  }
  .card-product__rating, .card-product__posts {
    width: 100%;
  }
  .card-product__comments, .card-product__photos {
    width: 50%;
  }
  .card-product__pre-cost {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin: 18px 0 6px;
    padding-right: 30px;
  }
  .card-product__cost {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media (min-width: 768px) {
  .card-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
  }
  .card-product__l {
    border-right: 2px solid #F5F6F8;
    float: left;
    padding: 30px;
    -webkit-flex-basis: 252px;
        -ms-flex-preferred-size: 252px;
            flex-basis: 252px;
    max-width: 252px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 252px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card-product__r {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    padding: 25px 30px;
  }
  .card-product__nm {
    font-size: 20px;
  }
  .card-product__logo {
    height: 75px;
    margin-bottom: 38px;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
  .card-product__logo .svg-i {
    max-width: 100%;
    max-height: 100%;
  }
  .card-product__link_mail {
    padding: 0 27px;
  }
  .card-product__address {
    margin: 7px 0 8px;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
  .card-product__pre-cost {
    -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
            flex-basis: 150px;
    max-width: 150px;
  }
  .card-product__photos, .card-product__posts {
    margin-top: 12px;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .card-product__posts {
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product__info {
    margin-top: 48px;
    padding-top: 18px;
  }
  .card-product__cost {
    margin-left: 28px;
  }
}

@media (max-width: 1169px) {
  .card-product__txt {
    display: none;
  }
}

@media (min-width: 1170px) {
  .card-product + .card-product {
    margin-top: 20px;
  }
  .card-product__txt {
    margin: 13px 0 33px;
  }
  .card-product__info {
    padding-top: 18px;
    padding-bottom: 65px;
  }
  .card-product__link_tel {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-basis: 145px;
        -ms-flex-preferred-size: 145px;
            flex-basis: 145px;
    max-width: 145px;
  }
  .card-product__link_mail {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex-basis: 206px;
        -ms-flex-preferred-size: 206px;
            flex-basis: 206px;
    max-width: 206px;
  }
  .card-product__link_mail-line-break {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    padding-left: 20px;
  }
  .card-product__link_offices {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
  .card-product__address {
    -webkit-flex-basis: 350px;
        -ms-flex-preferred-size: 350px;
            flex-basis: 350px;
    max-width: 350px;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .card-product__pre-cost {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .card-product__cost {
    margin-top: 19px;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    position: relative;
  }
  .card-product__order {
    position: absolute;
    top: 150%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.card-product__order--new {
  left: 0;
  -webkit-transform: translateX(-125%);
      -ms-transform: translateX(-125%);
          transform: translateX(-125%);
}

.card-product__order--new .btn {
  min-width: 200px;
}

.card-product__link.card-product__link_mail.card-product__link_mail-line-break.visible-pc {
  margin-bottom: 15px;
}

@media (max-width: 1169px) {
  .card-product__link.card-product__link_mail.card-product__link_mail-line-break.visible-pc {
    margin-bottom: 0;
  }
  .card-product__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .card-product__flex div:first-of-type {
    margin-right: 20px;
  }
  .card-product__order--new {
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .card-product__link.card-product__link_offices {
    padding-left: 0 !important;
  }
  .card-product__info--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .card-product__cost {
    width: 50%;
  }
  .card-product__flex {
    margin-left: -80%;
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .card-product__link {
    width: 100% !important;
    padding: 10px 20px !important;
  }
  .card-product__info--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .card-product__flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    margin: 10px auto !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .card-product__flex div {
    margin: 10px 0 !important;
  }
}

.card-product-new {
  display: -ms-grid;
  display: grid;
      grid-template-areas: 'logo text tooltips-btns' 'feedback text tooltips-btns' 'showmore showmore showmore' 'contacts contacts contacts';
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: (auto)[4];
  grid-template-rows: repeat(4, auto);
  background-color: #fff;
  padding: 16px 24px 32px;
  position: relative;
}

.card-product-new--special {
  border: 1px solid #00C04B;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new {
    -ms-grid-columns: 3fr 5fr 5fr;
    grid-template-columns: 3fr 5fr 5fr;
  }
}

@media (max-width: 767px) {
  .card-product-new {
    padding: 26px 16px 32px;
        grid-template-areas: 'logo' 'text' 'feedback' 'showmore' 'contacts' 'tooltips-btns';
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (auto)[6];
    grid-template-rows: repeat(6, auto);
    position: relative;
  }
}

.card-product-new__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.card-product-new__logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .card-product-new__logo {
    margin-bottom: 52px;
  }
}

.card-product-new__logo img {
  width: auto;
  height: auto;
  max-width: 34%;
  max-height: 61px;
}

@media (max-width: 767px) {
  .card-product-new__logo img {
    max-width: 31%;
  }
}

.card-product-new__text {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: text;
}

@media (max-width: 767px) {
  .card-product-new__text {
    margin-bottom: 20px;
  }
}

.card-product-new__title {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 16px;
}

.card-product-new__tooltips-btns {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: tooltips-btns;
}

.card-product-new__tooltips {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .card-product-new__tooltips {
    position: absolute;
    top: 32px;
    right: 16px;
  }
}

.card-product-new__tooltips .tip {
  height: 18px;
  background-color: transparent;
}

@media (max-width: 767px) {
  .card-product-new__tooltips .card-product-new__price {
    position: absolute;
    top: -webkit-calc(100% + 16px);
    top: calc(100% + 16px);
    right: 0;
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .card-product-new__tooltips .card-product-new__price {
    margin-top: 2px;
    margin-right: 16px;
  }
}

.card-product-new__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 767px) {
  .card-product-new__buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
}

.card-product-new__buttons .btn {
  width: 100%;
  max-width: 80%;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

.card-product-new__buttons .btn:last-child {
  margin-bottom: 0;
}

.card-product-new__tooltip {
  margin-left: 8px;
}

.card-product-new__feedback {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: feedback;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.card-product-new__stars-comments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-product-new__stars {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__stars {
    margin-right: 0;
    width: 100%;
  }
}

.card-product-new__stars .stars {
  vertical-align: bottom;
}

.card-product-new__stars .stars ul {
  vertical-align: baseline;
}

.card-product-new__stars .stars__val, .card-product-new__stars .feedback__comments {
  display: none;
}

.card-product-new__subtitle {
  font-size: 14px;
  line-height: 22px;
  color: #a2a2a2;
  width: 100%;
  margin-bottom: 4px;
}

.card-product-new__comments {
  font-size: 13px;
  line-height: 13px;
  color: #a2a2a2;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__comments {
    width: 100%;
    margin-top: 8px;
  }
}

.card-product-new__comments span {
  position: relative;
  padding-left: 16px;
  line-height: 13px;
  text-decoration: none;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  cursor: pointer;
}

.card-product-new__comments span:hover {
  color: #00BFD6;
}

.card-product-new__comments span:hover + .svg-i_arrow-down {
  fill: #00BFD6;
}

.card-product-new__comments span .svg-i {
  top: -4px;
}

.card-product-new__price {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #959595;
  font-family: "Open Sans", sans-serif;
}

.card-product-new__raiting {
  width: 100%;
  margin-top: 8px;
  font-size: 13px;
  line-height: 22px;
  color: #a2a2a2;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__raiting {
    width: 100%;
  }
}

.card-product-new__desc {
  grid-area: desc;
  font-size: 11px;
  line-height: 16px;
  color: #959595;
}

.card-product-new__showmore {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: showmore;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .card-product-new__showmore {
    margin-top: 10px;
  }
}

.card-product-new__showmore .showmore {
  cursor: pointer;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.card-product-new__contacts {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: contacts;
  display: none;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .card-product-new__contacts {
    margin-top: 16px;
    position: relative;
  }
}

.card-product-new__contacts.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .card-product-new__contacts.is-visible {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .card-product-new__contacts .card-product-new__price {
    display: none;
  }
}

@media (max-width: 767px) {
  .card-product-new__contacts .card-product-new__price--mob {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 2px;
  }
}

@media (min-width: 768px) {
  .card-product-new__contacts .card-product-new__price--mob {
    display: none;
  }
}

.card-product-new__address, .card-product-new__phone, .card-product-new__email {
  font-size: 13px;
  line-height: 22px;
  color: #959595;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  position: relative;
  padding-left: 18px;
}

.card-product-new__address .svg-i, .card-product-new__phone .svg-i, .card-product-new__email .svg-i {
  position: absolute;
  top: 4px;
  left: 0;
}

.card-product-new__address {
  padding-right: 32px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__address {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .card-product-new__address {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .card-product-new__address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .card-product-new__address .link-chameleon {
    margin-top: auto;
  }
  .card-product-new--special .card-product-new__address .link-chameleon {
    margin-top: 20px;
  }
}

.card-product-new__address a {
  border-bottom: 1px dashed #00BFD6;
  color: #7b7b83;
  font: italic 13px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.card-product-new__phone {
  position: relative;
  padding-left: 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__phone {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .card-product-new__phone {
    width: 100%;
    margin-top: 8px;
  }
}

.card-product-new__phone .card-product-new__price {
  margin-left: -16px;
}

@media (min-width: 768px) {
  .card-product-new__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .card-product-new__phone .card-product-new__price {
    margin-top: 20px;
  }
}

.card-product-new__email .svg-i {
  top: 6px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-product-new__email {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .card-product-new__email {
    width: 100%;
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .card-product-new__email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.tip {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #bdbdbd;
  position: relative;
  border-radius: 22px;
  font: 500 16px/16px "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 4px;
  cursor: help;
  margin-left: 10px;
}

.tip_sm {
  height: 14px;
  width: 14px;
  margin-left: 5px;
  padding-top: 0;
  font-size: 10px;
  font-weight: 700;
}

.drag-cursor-animation {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.drag-cursor-animation::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/local/templates/main/css/i/drag.svg) no-repeat center;
  background-size: 40px 40px;
  -webkit-animation: scrollMove 2s infinite;
          animation: scrollMove 2s infinite;
}

@-webkit-keyframes scrollMove {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes scrollMove {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.comment-mini {
  border-top: 1px solid rgba(172, 172, 176, 0.2);
  padding-top: 22px;
}

.comment-mini__children {
  padding-top: 20px;
  border-top: 1px solid rgba(172, 172, 176, 0.2);
  margin-left: 40px;
  margin-top: 20px;
  min-width: 462px;
}

@media (max-width: 767px) {
  .comment-mini__children {
    margin-left: 5px;
    padding-left: 10px;
    max-width: 300px;
    min-width: auto;
  }
  .comment-mini__children .comment-mini__author {
    font-size: 14px;
  }
}

.comment-mini__children .comment-mini {
  padding-top: 0;
  border: none;
  list-style-type: none;
}

.comment-mini__reply {
  display: inline-block;
  color: #00bbd3;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 43.75px;
  cursor: pointer;
}

.comment-mini__reply-content {
  display: none;
  max-width: 733px;
  padding-left: 0;
}

.comment-mini__reply-content .b_border-same {
  padding-left: 0;
}

@media (max-width: 1169px) {
  .comment-mini__reply-content {
    max-width: 582px;
  }
}

@media (max-width: 767px) {
  .comment-mini__reply-content {
    max-width: 280px;
  }
}

@media (max-width: 767px) {
  .comment-mini__reply-content {
    max-width: none;
  }
}

.comment-mini__top::after {
  clear: both;
  content: "";
  display: table;
}

.comment-mini__author {
  font: italic 700 15px/24px "PT Serif", serif;
}

.comment-mini__dt {
  color: #ACACB0;
  font: 11px/24px "Open Sans", sans-serif;
  letter-spacing: .25px;
}

.comment-mini__txt {
  color: #898989;
  font: 12.5px/18px "Open Sans", sans-serif;
  letter-spacing: .15px;
  margin: 9px 0 0;
}

.comment-mini__top .comment-mini__dt {
  padding-top: 2px;
}

.comment-mini + .comment-mini {
  margin-top: 22px;
}

@media (max-width: 767px) {
  .comment-mini__top .comment-mini__author {
    float: left;
  }
  .comment-mini__top .comment-mini__dt {
    float: right;
  }
}

@media (min-width: 768px) {
  .comment-mini + .comment-mini {
    padding-top: 22px;
  }
  .comment-mini__top .comment-mini__author, .comment-mini__top .comment-mini__dt {
    float: left;
  }
  .comment-mini__top .comment-mini__author {
    margin-right: 34px;
  }
  .comment-mini__author {
    font-size: 17px;
  }
  .comment-mini__dt {
    font-size: 13px;
  }
  .comment-mini__txt {
    font-size: 13.5px;
    line-height: 22px;
  }
}

.company-card {
  font-family: "Open Sans", sans-serif;
  margin: 15px 0;
}

.company-card__check {
  background-color: #fff;
  position: relative;
  margin-top: 2px;
  overflow: hidden;
  cursor: pointer;
  height: 50px;
  display: block;
}

.company-card__check input {
  display: none;
}

.company-card__check-mark {
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: background-color .4s, color .4s;
  -o-transition: background-color .4s, color .4s;
  transition: background-color .4s, color .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e3e3e5;
}

.company-card__check-mark svg {
  height: 20px;
  width: 20px;
  fill: #fff;
  fill-rule: evenodd;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

.company-card__check-text {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 0.5px;
  text-align: center;
  color: #000000;
  display: block;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 19px;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

input:checked ~ .company-card__check-text {
  opacity: 0;
}

input:not(:checked) ~ .company-card__check-mark {
  opacity: 0;
}

input:checked ~ .company-card__check-mark {
  background-color: #00BFD6;
  color: #fff;
}

.company-card__logo {
  background-color: #fff;
  height: 137px;
  padding: 20px 30px;
  position: relative;
  text-align: center;
  margin-bottom: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.company-card__description {
  background-color: #fff;
  padding: 15px 19px;
}

.company-card__description .stars {
  display: block;
  margin-bottom: 10px;
}

.company-card__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #202020;
}

.company-card__name:hover {
  color: #00BFD6;
}

.company-card__text {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  line-height: 1.48;
  text-align: left;
  color: #636363;
  margin: 19px 0 29px;
}

.company-card__footer {
  position: relative;
  padding-top: 21px;
}

.company-card__micro-text {
  font-family: "PT Serif", serif;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.2px;
  text-align: left;
  color: #7b7b83;
  margin-bottom: 6px;
}

.company-card__pricing {
  width: 168px;
  font-size: 24px;
  line-height: 1.82;
  text-align: left;
  color: #000000;
  white-space: nowrap;
}

.company-card__pricing b {
  font-weight: 700;
}

.company-card.checked .company-card__name {
  color: #00BFD6;
}

.companies-cards-mini-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  font-family: "Open Sans", sans-serif;
  margin: 0 -14px;
  padding: 14px 0;
}

.companies-cards-mini-list__item {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  padding: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.companies-cards-mini-list__item .company-card-mini {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 0) and (max-width: 959px) {
  .companies-cards-mini-list__item {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
}

.company-card-mini {
  background-color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.company-card-mini__cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.company-card-mini__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.company-card-mini__col_check {
  position: relative;
  max-width: 40px;
}

.company-card-mini__col_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  max-width: 231px;
  -webkit-flex-basis: 231px;
      -ms-flex-preferred-size: 231px;
          flex-basis: 231px;
}

.company-card-mini__col_content {
  padding: 16px 30px 14px 0;
}

.company-card-mini__check {
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.company-card-mini__check input {
  display: none;
}

.company-card-mini__check-mark {
  background-color: #dcdee3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: background-color .4s, color .4s;
  -o-transition: background-color .4s, color .4s;
  transition: background-color .4s, color .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e3e3e5;
}

.company-card-mini__check-mark svg {
  height: 20px;
  width: 20px;
  fill: #fff;
  fill-rule: evenodd;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

input:checked ~ .company-card-mini__check-mark {
  background-color: #00BFD6;
  color: #fff;
}

.company-card-mini__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  color: #000000;
}

.company-card-mini__name:hover {
  color: #00BFD6;
}

.company-card-mini__rating {
  font-size: 13.5px;
  line-height: 1.5925925925925926;
  letter-spacing: 0.3375px;
  color: #7b7b83;
  margin: 10px 0 6px;
}

.company-card-mini__rating .svg-i_star {
  height: 12px;
  width: 12px;
  position: relative;
  top: -2px;
}

.company-card-mini__pricing {
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
}

@media (min-width: 0) and (max-width: 1023px) {
  .company-card-mini__name {
    font-size: 16px;
  }
}

@media (min-width: 0) and (max-width: 489px) {
  .company-card-mini__cols {
    display: block;
    padding-left: 40px;
  }
  .company-card-mini__cols::after {
    clear: both;
    content: "";
    display: table;
  }
  .company-card-mini__col_check {
    margin-left: -40px;
    float: left;
    width: 40px;
    height: 100%;
  }
  .company-card-mini__col_content {
    padding-left: 34px;
  }
}

.company-nv {
  margin-top: 20px;
  background: #fff;
  font: 12px/24px "Open Sans", sans-serif;
}

@media (max-width: 1169px) {
  .company-nv {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.company-nv__l {
  margin: 0 -8px;
}

.company-nv__l a {
  margin: 0 8px;
  color: #808080;
}

.company-nv__r a {
  color: #00BFD6;
}

.company-nv a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .company-nv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    text-align: left;
    padding: 13px 20px 11px;
  }
  .company-nv__l {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .company-nv__r {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 768px) {
  .company-nv {
    font-size: 14px;
    padding: 32px 30px 24px;
  }
  .company-nv::after {
    clear: both;
    content: "";
    display: table;
  }
  .company-nv__l, .company-nv__r {
    width: auto;
  }
  .company-nv__l {
    float: left;
  }
  .company-nv__r {
    float: right;
  }
}

.input-text.dirty.filled, .input-text:focus {
  border-color: rgba(110, 180, 206, 0.9);
}

.input-text.dirty.filled ~ .input-placeholder, .input-text:focus ~ .input-placeholder {
  font-size: 14px;
  -webkit-transform: translateY(-34px);
      -ms-transform: translateY(-34px);
          transform: translateY(-34px);
}

.input-text.valid.not-empty, .input-text:valid.not-empty {
  border-color: #00C04B;
}

.input-text.invalid {
  border-color: #e82c0d;
  outline: none;
}

.input-text[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.input-text:focus {
  border-color: #00bbd3;
}

.input-date-wrap {
  position: relative;
  width: 100%;
}

.input-date-wrap .input-text {
  width: 100%;
}

.input-date-wrap .svg-i_calendar {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #acacb0;
  pointer-events: none;
}

.form {
  margin: 1.5em auto;
  max-width: 100%;
  width: 320px;
}

.form .input-text {
  width: 100%;
}

.form .form-group {
  display: block;
}

.form .form-group + .form-group {
  margin-top: 1em;
}

.form .form-group .btn:not(:last-child) {
  margin-bottom: 16px;
}

.form .form-group .btn_min-200 {
  min-width: 200px;
}

.admin-form {
  background-color: #fff;
  display: block;
  padding: 40px 32px 30px;
}

.admin-form--compact {
  padding-top: 22px;
}

.admin-form + .admin-form {
  margin-top: 30px;
}

.admin-form .select2 {
  max-width: 315px;
}

.admin-form .select2-container--okna-trade-2 .select2-selection--single {
  border-radius: 7px;
  text-transform: uppercase;
}

.admin-form .select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.admin-form .select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.admin-form .admin-image-uploads {
  margin-bottom: -14px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-form .admin-image-uploads {
    margin-bottom: 0;
  }
}

.admin-form .admin-image-upload-another {
  margin-top: 5px;
  display: inline-block;
}

.admin-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-input-group + .admin-input-group {
  margin-top: 21px;
}

.admin-input-group .admin-label {
  min-width: 270px;
  max-width: 270px;
  padding-top: 10px;
}

.admin-input-group .admin-label.pt-0 {
  padding-top: 0;
}

.admin-form--compact .admin-input-group .admin-label {
  min-width: 250px;
  max-width: 250px;
}

.admin-input-group--strings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-input-group--strings .admin-label {
  min-width: 0;
  max-width: none;
  font-size: 14px;
}

@media (max-width: 767px) {
  .admin-input-group--strings .admin-label:first-child {
    width: 40%;
  }
  .admin-input-group--strings .admin-label:last-child {
    width: 60%;
    padding-left: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-input-group--strings .admin-label:first-child {
    width: 64.62687%;
  }
  .admin-input-group--strings .admin-label:last-child {
    width: 35.37313%;
  }
}

@media (min-width: 1170px) {
  .admin-input-group--strings .admin-label:first-child {
    width: 50%;
  }
  .admin-input-group--strings .admin-label:last-child {
    width: 50%;
  }
}

.admin-input-group .custom.block + .custom.block {
  margin-top: 20px;
}

.admin-input-group .admin-input + .custom.block {
  margin-top: 20px;
}

.admin-input-group .font-wow-1 {
  color: #7b7b83;
  max-width: 280px;
  margin-top: 15px;
  line-height: 1.384;
}

.admin-input-group.block {
  display: block;
}

.admin-input-group.block .admin-label {
  padding-top: 0;
  margin-bottom: 14px;
  display: block;
  min-width: 0;
  max-width: none;
}

.admin-input-group .js-map {
  height: 287px;
  margin-top: 32px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .admin-input-group.block .admin-input {
    width: 631px;
  }
}

@media (min-width: 1170px) {
  .admin-input-group .radio-btn-group .radio-btn-wrap {
    min-width: 50%;
  }
}

.admin-label {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #282b32;
  display: inline-block;
  vertical-align: middle;
}

.admin-label__text {
  display: inline-block;
}

.admin-label__sign {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #959595;
}

.admin-label .tip {
  position: relative;
  top: -1px;
}

.admin-input ~ .admin-input-sign {
  margin-top: 10px;
}

.admin-input-sign {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #9e9e9e;
}

.admin-input {
  height: 44px;
  border-radius: 8px;
  background-color: #ffffff;
  border: solid 1px #acacb0;
  padding-left: 22px;
  padding-right: 22px;
}

.admin-input-box {
  position: relative;
}

.admin-input-box input {
  padding-right: 56px;
}

.admin-input-symbol {
  position: absolute;
  content: "%";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 24px;
  font-weight: 400;
}

.admin-input:not(.admin-input-stretchable) {
  min-width: 315px;
  max-width: 100%;
}

.admin-input::-webkit-input-placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input::-moz-placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input:-moz-placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input:-ms-input-placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input::-ms-input-placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input::placeholder {
  opacity: 1;
  font-family: 'Roboto';
  font-size: 12px;
  color: #959595;
}

.admin-input:focus {
  outline: none;
}

.admin-input-locked-text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.8333333333333333;
  letter-spacing: 0.18px;
  text-align: left;
  color: #282b32;
}

@media (min-width: 768px) {
  .admin-label ~ .admin-input-locked-text {
    padding-top: 10px;
  }
}

textarea.admin-input {
  height: 119px;
  width: 100%;
  resize: vertical;
  padding-top: 11px;
  padding-bottom: 11px;
}

textarea.admin-input--tall {
  height: 191px;
}

.admin-input-group-inside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

.admin-input-group-inside__right, .admin-input-group-inside__left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  padding: 0 15px;
}

.admin-input-group-inside__right .btn {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.admin-input-group-inside__right .custom:first-child {
  padding-top: 13px;
}

.admin-input-password {
  position: relative;
}

.admin-input-password__toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 49px;
  color: #acacb0;
  background-color: transparent;
  border-width: 0;
  z-index: 1;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.admin-input-password__toggle.active, .admin-input-password__toggle.hover {
  color: #00BFD6;
}

.admin-input-password__toggle .svg-i {
  color: currentColor;
}

.admin-input-password .admin-input {
  padding-right: 50px;
}

.admin-date-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -17px;
}

.admin-input-date-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 17px;
  position: relative;
}

.admin-input-date-wrap .admin-input--date {
  width: 170px;
  min-width: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #959595;
}

.admin-input-date-wrap .admin-input-date-calendar-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.admin-input-date-calendar-icon {
  height: 15px;
  width: 13px;
  color: #acacb0;
}

.admin-input-currency-wrap {
  position: relative;
}

.admin-input-currency-wrap::after {
  content: attr(data-currency);
  font-family: 'Roboto';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 1.2;
  padding: 14px;
}

@media (max-width: 767px) {
  .admin-date-inputs {
    display: block;
  }
  .admin-date-inputs .admin-input-date-wrap {
    margin-bottom: 20px;
  }
  .admin-form {
    padding-top: 17px;
    margin-left: -17px;
    margin-right: -17px;
    padding-left: 21px;
    padding-right: 21px;
  }
  .admin-input-group {
    display: block;
  }
  .admin-input-group--strings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-input-group--strings .admin-label {
    margin-bottom: 0;
    padding-top: 0;
  }
  .admin-label {
    display: block;
    margin-bottom: 15px;
  }
  .admin-input {
    min-width: 100%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .admin-checkboxes-grid__column + .admin-checkboxes-grid__column {
    margin-top: 20px;
  }
  .admin-input-group .js-map {
    height: 179px;
    margin-left: -21px;
    margin-right: -21px;
  }
  .admin-input-group-inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .admin-input-group-inside__right {
    margin-top: 24px;
  }
  .admin-input-group-inside__right--center-mob {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 839px) {
  .admin-input-group {
    max-width: 100%;
    overflow-x: hidden;
  }
  .admin-input-group-inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .admin-input-group-inside__left + .admin-input-group-inside__right {
    margin-top: 15px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .admin-form--actions {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .admin-checkboxes-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0 -15px;
  }
  .admin-checkboxes-grid__column {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    padding: 0 15px;
  }
  .admin-checkboxes-grid__column .custom {
    width: 100%;
  }
  .admin-checkboxes-grid__column .custom__txt {
    max-width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-input-group-inside .admin-input {
    min-width: 286px;
    max-width: 286px;
  }
  .admin-input-group .js-map {
    height: 281px;
  }
  .admin-form--compact .admin-label {
    min-width: 233px;
    max-width: 233px;
  }
}

@media screen and (min-width: 767px) and (max-width: 859px) {
  .admin-form--compact .admin-label {
    min-width: 175px;
    max-width: 175px;
  }
}

.ico {
  display: inline-block;
  vertical-align: middle;
}

.ico_window {
  background: url(/local/templates/main/css/i/window.png);
  height: 47px;
  width: 48px;
}

.custom-switch {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.custom-switch::after {
  clear: both;
  content: "";
  display: table;
}

.custom-switch input {
  display: none;
}

.custom-switch__ui {
  float: left;
  width: 23px;
  height: 8px;
  border-radius: 4px;
  background-color: rgba(189, 189, 189, 0.3);
  display: inline-block;
  position: relative;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
}

.custom-switch__ui::after {
  -webkit-transition: background-color .4s, -webkit-transform .4s;
  transition: background-color .4s, -webkit-transform .4s;
  -o-transition: background-color .4s, transform .4s;
  transition: background-color .4s, transform .4s;
  transition: background-color .4s, transform .4s, -webkit-transform .4s;
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bdbdbd;
  top: -2px;
  left: 0;
  -webkit-transform: translateX(0px) rotateZ(1deg);
      -ms-transform: translateX(0px) rotate(1deg);
          transform: translateX(0px) rotateZ(1deg);
}

input:checked ~ .custom-switch__ui {
  background-color: rgba(0, 191, 214, 0.3);
}

input:checked ~ .custom-switch__ui::after {
  background-color: #00BFD6;
  -webkit-transform: translateX(11px) rotateZ(1deg);
      -ms-transform: translateX(11px) rotate(1deg);
          transform: translateX(11px) rotateZ(1deg);
}

input[disabled] ~ .custom-switch__ui {
  cursor: not-allowed;
  opacity: .5;
}

.input-label {
  color: #202020;
  font: 11px/24px "Open Sans", sans-serif;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}

.input-label_2 {
  font-family: "PT Serif", serif;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  line-height: 120%;
  letter-spacing: 0.2px;
  text-align: left;
  color: #c2c2c2;
  margin-bottom: 7px;
}

.input-label_on-light {
  color: white;
}

.input-text {
  background: #fff;
  border: 1px solid #7b7b83;
  border-radius: 1px;
  height: 44px;
  font: 14px/1 "Open Sans", sans-serif;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.input-text_area {
  min-height: 70px;
  resize: none;
  padding-top: 13px;
  padding-bottom: 13px;
}

.input-text_rounded {
  border-radius: 8px;
}

.input-text_light-border {
  border-color: #e3e3e5;
}

.input-text_date-range-combine {
  font-size: 13px;
}

.input-text::-webkit-input-placeholder {
  color: #202020;
}

.input-text::-moz-placeholder {
  color: #202020;
}

.input-text:-ms-input-placeholder {
  color: #202020;
}

.input-text::-ms-input-placeholder {
  color: #202020;
}

.input-text::placeholder {
  color: #202020;
}

.input-text:hover, .input-text:focus {
  border-color: #00bbd3;
}

.input-text_on-light {
  color: #202020;
  border: 1px solid white;
}

.input-text_on-light:hover, .input-text_on-light:focus {
  border-color: white;
}

.input-text_on-light::-webkit-input-placeholder {
  color: #959595;
}

.input-text_on-light::-moz-placeholder {
  color: #959595;
}

.input-text_on-light:-ms-input-placeholder {
  color: #959595;
}

.input-text_on-light::-ms-input-placeholder {
  color: #959595;
}

.input-text_on-light::placeholder {
  color: #959595;
}

.input-box_30, .input-text_30 {
  width: 30px;
}

.input-box_50, .input-text_50 {
  width: 50px;
}

.input-box_70, .input-text_70 {
  width: 70px;
}

.input-box_90, .input-text_90 {
  width: 90px;
}

.input-tip {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 300;
  font-style: italic;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.input-tip_valid {
  color: #00BFD6;
}

.input-tip_error {
  color: #e82c0d;
}

.input-tip_align-left {
  margin-right: 10px;
}

.input-tip_align-right {
  margin-left: 10px;
}

.input-tip_align-left, .input-tip_align-right {
  max-width: 190px;
}

.input-search {
  border: 1px solid #e3e3e5;
  border-radius: 44px;
  font: 14px/14px "Open Sans", sans-serif;
  height: 44px;
  padding-left: 19px;
  padding-right: 45px;
}

.input-search::-webkit-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.input-search::-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.input-search:-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.input-search:-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.input-search::-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.input-search::placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}

.firefox .input-search::-webkit-input-placeholder {
  padding-top: 10px;
}

.firefox .input-search::-moz-placeholder {
  padding-top: 10px;
}

.firefox .input-search:-ms-input-placeholder {
  padding-top: 10px;
}

.firefox .input-search::-ms-input-placeholder {
  padding-top: 10px;
}

.firefox .input-search::placeholder {
  padding-top: 10px;
}

.input-search::-moz-placeholder {
  padding-top: 10px;
}

.input-search:-moz-placeholder {
  padding-top: 10px;
}

.ios .input-search::-webkit-input-placeholder {
  padding-top: 2px;
}

.input-search::-ms-clear {
  display: none;
}

.input-search-box {
  position: relative;
}

.input-search-box .input-search {
  width: 100%;
}

.input-search-box .svg-i_search {
  position: absolute;
  right: 19px;
  top: 13px;
}

.input-search-box__submit {
  background: none;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
}

.input-search.not-empty ~ .input-search-box__submit:hover .svg-i_search {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.input-search.not-empty ~ .input-search-box__submit .svg-i_search {
  fill: #00BFD6;
}

.input-box {
  display: inline-block;
  vertical-align: middle;
}

.input-box:not(:first-child) {
  margin-top: 24px;
}

.input-box_wide {
  width: 100%;
}

.input-box select {
  width: 100%;
}

.input-box .input-label {
  display: block;
  margin: 0px 0 2px;
}

.input-box .input-text {
  width: 100%;
}

.input-with-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.input-with-button .input-search {
  width: -webkit-calc(100% - 170px);
  width: calc(100% - 170px);
}

.input-with-button .btn {
  width: 210px;
  margin-left: -40px;
}

@media (max-width: 767px) {
  .input-with-button {
    display: block;
  }
  .input-with-button .input-search {
    width: 100%;
    margin-bottom: 20px;
  }
  .input-with-button .btn {
    margin: auto;
  }
  .input-with-button .btn:not(:hover) {
    background-color: transparent;
    border: 2px solid #00BFD6;
    color: #202020;
  }
}

@media (min-width: 768px) {
  .input-text_area {
    min-height: 70px;
  }
}

.color-labels {
  margin: 5px -5px 10px;
}

.color-labels::after {
  clear: both;
  content: "";
  display: table;
}

.color-labels .color-label {
  float: left;
  margin: 5px;
}

.color-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.color-label::after {
  clear: both;
  content: "";
  display: table;
}

.color-label input {
  display: none;
}

.color-label__ui {
  float: left;
  display: inline-block;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  border: solid 1px transparent;
  overflow: hidden;
}

.color-label.light .color-label__ui {
  border-color: #e3e3e5;
}

input:checked ~ .color-label__ui {
  border-color: #00BFD6;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 191, 214, 0.72);
          box-shadow: 0 0 0 3px rgba(0, 191, 214, 0.72);
  position: relative;
}

.color-label.blink input:checked ~ .color-label__ui::after {
  content: '';
  display: block;
  position: absolute;
  height: 55px;
  width: 35px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(-245deg, transparent, rgba(255, 255, 255, 0.9), transparent, transparent);
  background-image: -o-linear-gradient(115deg,transparent, rgba(255, 255, 255, 0.9), transparent, transparent);
  background-image: linear-gradient(-25deg,transparent, rgba(255, 255, 255, 0.9), transparent, transparent);
  -webkit-animation: color-label-blink 3s infinite;
          animation: color-label-blink 3s infinite;
}

@-webkit-keyframes color-label-blink {
  from {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  to {
    -webkit-transform: translateY(200%);
            transform: translateY(200%);
  }
}

@keyframes color-label-blink {
  from {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  to {
    -webkit-transform: translateY(200%);
            transform: translateY(200%);
  }
}

input[disabled] ~ .color-label__ui {
  cursor: not-allowed;
  opacity: .5;
}

.pattern-labels {
  margin: 5px -5px 10px;
}

.pattern-labels::after {
  clear: both;
  content: "";
  display: table;
}

.pattern-labels .pattern-label {
  float: left;
  margin: 5px;
}

.pattern-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

.pattern-label::after {
  clear: both;
  content: "";
  display: table;
}

.pattern-label input {
  display: none;
}

.pattern-label__ui {
  float: left;
  display: inline-block;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  border: solid 1px transparent;
  overflow: hidden;
  position: relative;
}

.pattern-label.blink .pattern-label__ui::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: -o-linear-gradient(135deg, transparent 0%, transparent 49%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
  background-image: linear-gradient(-45deg, transparent 0%, transparent 49%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
}

.pattern-label.light .pattern-label__ui {
  border-color: #e3e3e5;
}

input:checked ~ .pattern-label__ui {
  border-color: #00BFD6;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 191, 214, 0.72);
          box-shadow: 0 0 0 3px rgba(0, 191, 214, 0.72);
}

.pattern-label.blink input:checked ~ .pattern-label__ui::after {
  content: '';
  display: block;
  position: absolute;
  height: 100px;
  width: 100px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(-225deg, transparent 0%, transparent 49%, rgba(255, 255, 255, 0.9) 50%, transparent 100%);
  background-image: -o-linear-gradient(135deg,transparent 0%, transparent 49%, rgba(255, 255, 255, 0.9) 50%, transparent 100%);
  background-image: linear-gradient(-45deg,transparent 0%, transparent 49%, rgba(255, 255, 255, 0.9) 50%, transparent 100%);
}

input[disabled] ~ .pattern-label__ui {
  cursor: not-allowed;
  opacity: .5;
}

.custom {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  padding-left: 23px;
}

.custom::after {
  clear: both;
  content: "";
  display: table;
}

.custom input {
  display: none;
}

.custom__input {
  background: #e9e9e9;
  border: 1px solid #d4d6d7;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  display: inline-block;
  position: relative;
  height: 16px;
  width: 16px;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  float: left;
  margin-left: -23px;
  top: 2px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.custom__input::after {
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.custom.warning .custom__input {
  border-color: red;
}

.custom .custom__txt {
  margin-left: 5px;
}

.custom__txt {
  font: 500 14px/120% "Open Sans", sans-serif;
  position: relative;
  top: 0;
  display: inline-block;
}

.custom__txt--label {
  font: 600 20px/120% "Open Sans", sans-serif;
}

.custom__txt--bold {
  font: 600 16px/137% "Open Sans", sans-serif;
}

.custom__txt--normal {
  font-size: 14px;
  font-weight: 400;
}

.custom__txt--xs {
  font-size: 10px;
}

.custom.warning .custom__txt {
  color: red;
}

.custom.warning .custom__txt > a {
  color: red !important;
  border-bottom-color: red;
}

.custom.warning .custom__txt > span[data-seo-hidden-href] {
  color: red !important;
  border-bottom-color: red;
}

.custom__txt a {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.custom__txt a:hover {
  border-bottom-color: transparent !important;
}

.custom__txt-footnote {
  font-size: 14px;
  line-height: 2.67;
  font-weight: 400;
  color: rgba(40, 43, 50, 0.5);
}

.custom_accept {
  padding-left: 22px;
}

.custom_accept::after {
  clear: both;
  content: "";
  display: table;
}

.custom_accept .custom__input {
  float: left;
  margin-left: -22px;
  margin-top: 3px;
}

.custom_accept .custom__txt {
  color: #202020;
  font: 14px/20px "Open Sans", sans-serif;
  margin-left: 18px;
}

.custom__link {
  border-bottom: 1px dotted #00bbd3;
}

input[type="checkbox"] ~ .custom__input {
  border-radius: 2px;
}

input[type="checkbox"] ~ .custom__input::after {
  border-radius: 1px;
}

input[type="radio"] ~ .custom__input, input[type="radio"] ~ .custom__input::after {
  border-radius: 50%;
}

input:checked ~ .custom__input {
  background-color: #f5f6f8;
}

input[type="checkbox"]:checked ~ .custom__input::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4zMTMgOS4wMzEiPjxwYXRoIGZpbGw9IiMwMEJGRDYiIGQ9Ik0xMC4xNDcgMy4wNDRMNC4zMjMgOC44NjlhLjUuNSAwIDAxLS43MTIgMGwtLjE1OC0uMTU4LS4xNzEtLjE3Mi0uNzM4LS43MzhhLjA5MS4wOTEgMCAwMC0uMDExLS4wMTZMLjE0OSA1LjM3NmEuNS41IDAgMDEwLS43MTJsMS4wNjctMS4wNjdhLjUuNSAwIDAxLjcxMiAwbDIuMDQzIDIuMDY2IDQuNC00LjRhLjUuNSAwIDAxLjcxMSAwbDEuMDY3IDEuMDY3YS41LjUgMCAwMS0uMDAyLjcxNHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  height: 9px;
  width: 11px;
  top: 2px;
  left: 2px;
}

input[type="radio"]:checked ~ .custom__input {
  border-color: #00BFD6;
}

input[type="radio"]:checked ~ .custom__input::after {
  background-color: #00BFD6;
}

input[disabled] ~ .custom__input,
input[disabled] ~ .custom__txt {
  cursor: not-allowed;
  opacity: 0.5;
}

.custom--inline {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom:hover .custom__input {
  border: 1px solid #00bbd3;
}

.custom_on-light:hover {
  color: white !important;
}

.custom_on-light a {
  color: white;
  border-bottom: 1px dashed white;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.custom_on-light a:hover {
  border-color: transparent;
}

.input-file {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.input-file:hover .input-file__label {
  border-bottom: 1px dashed transparent;
}

.input-file input[type='file'] {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  left: 0;
  top: -5px;
  bottom: -5px;
  font-size: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.input-file__label {
  border-bottom: 1px dashed #00BBD3;
  color: #959595;
  display: inline-block;
  font: 14px/14px "Open Sans", sans-serif;
  text-transform: initial;
  cursor: pointer;
}

.input-file .svg-i_doc {
  fill: #00BBD3;
  height: 20px;
  width: 14px;
  margin-right: 13px;
  cursor: pointer;
}

.input-box .input-file {
  margin-top: 13px;
}

.item-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
}

.item-quantity__input, .item-quantity__plus, .item-quantity__minus {
  float: left;
  height: 40px;
}

.item-quantity__plus, .item-quantity__minus {
  width: 30px;
  border: 1px solid #f6f6f6;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  color: #959595;
}

.item-quantity__plus:hover, .item-quantity__minus:hover {
  color: #00BFD6;
}

.item-quantity__input {
  margin: 0;
  width: 60px;
  border-radius: 2px;
  background-color: #f6f6f6;
  border: none;
}

.item-quantity__input, .item-quantity__unit {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  text-align: center;
  color: #202020;
}

.feedback {
  border: 8px solid #F5F6F8;
  margin-right: auto;
  margin-left: auto;
  max-width: 1007px;
  padding: 13px 13px 23px;
  position: relative;
}

.feedback::after {
  clear: both;
  content: "";
  display: table;
}

.feedback:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjYgODYiPjxwYXRoIGZpbGw9IiNGNUY2RjgiIGQ9Ik00LjMgODZjNi42LTEuNCAxMy4zLTQgMjAuMi03LjcgNi45LTMuNyAxMy4yLTguMyAxOC44LTEzLjcgNS43LTUuNCAxMC4zLTExLjUgMTMuOS0xOC4xIDMuNi02LjYgNS40LTEzLjYgNS40LTIwLjggMC04LjYtMi43LTE1LTguMi0xOS01LjUtNC0xMS44LTYuMi0xOS02LjYtMi45LjYtNS45IDItOSA0LjItMy4xIDIuMi02IDQuOS04LjYgOC0yLjcgMy4xLTQuOCA2LjUtNi41IDEwLjMtMS43IDMuNy0yLjQgNy40LTIuMiAxMSAzLjUgMS4yIDcuMiAyLjggMTEgNC43IDMuOCAxLjkgNi41IDQuNSA4LjIgNy43LTEgNS40LTQuMSAxMC44LTkuMyAxNi01IDUuMS0xMS40IDguOC0xOSAxMWw0LjMgMTN6bTYzLjMgMGM2LjYtMS40IDEzLjMtNCAyMC4yLTcuNyA2LjktMy43IDEzLjItOC4zIDE4LjgtMTMuNyA1LjctNS40IDEwLjMtMTEuNSAxMy45LTE4LjEgMy42LTYuNiA1LjQtMTMuNiA1LjQtMjAuOCAwLTguNi0yLjctMTUtOC4yLTE5LTUuNS00LTExLjgtNi4yLTE5LTYuNi0yLjkuNi01LjkgMi05IDQuMi0zLjEgMi4yLTYgNC45LTguNiA4LTIuNyAzLjEtNC44IDYuNS02LjUgMTAuMy0xLjcgMy43LTIuNCA3LjQtMi4yIDExIDMuNSAxLjIgNy4yIDIuOCAxMSA0LjcgMy44IDEuOSA2LjUgNC41IDguMiA3LjctMSA1LjQtNC4xIDEwLjgtOS4zIDE2LTUuMSA1LjItMTEuNSA5LTE5LjEgMTEuMkw2Ny42IDg2eiIvPjwvc3ZnPg==) no-repeat;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  height: 53px;
  width: 78px;
  -webkit-transform: translate(-39px, -29px);
      -ms-transform: translate(-39px, -29px);
          transform: translate(-39px, -29px);
}

.feedback__i {
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

.feedback__i::after {
  clear: both;
  content: "";
  display: table;
}

.feedback__i img {
  border-radius: 2px;
  float: left;
  width: 100%;
}

.feedback__comments .svg-i_comment {
  margin-right: 3px;
  height: 16px;
  width: 15px;
}

.feedback__comments .svg-i_comment path,
.feedback__comments .svg-i_comment circle {
  stroke: #ccc;
}

.feedback__brand-name {
  font: 500 15px/24px "Open Sans", sans-serif;
  margin: 6px 0 11px;
}

.feedback__reviewer-rate {
  height: 33px;
  position: relative;
}

.feedback__reviewer-rate:before, .feedback__reviewer-rate:after {
  position: absolute;
  display: block;
  top: 0;
}

.feedback__reviewer-rate:after {
  content: attr(data-rate);
  left: 50%;
  background: #F5F6F8;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  font: italic 700 18px/24px "PT Serif", serif;
  color: #00BFD6;
  text-align: center;
  margin-left: 14px;
  padding-top: 5px;
}

.feedback__reviewer-rate:before {
  content: attr(data-label);
  right: 50%;
  color: #9e9e9e;
  font: 10px/12px "Open Sans", sans-serif;
  letter-spacing: .25px;
  text-align: right;
  width: 110px;
  margin-top: 4px;
}

.feedback__reviewer-name {
  font: italic 700 17px/24px "PT Serif", serif;
  margin: 12px 0 0;
}

.feedback__reviewer-text {
  cursor: pointer;
  display: block;
  font: italic 11px/15px "Open Sans", sans-serif;
  letter-spacing: .15px;
  margin: 9px 0 21px;
  text-decoration: none;
  max-height: 190px;
  position: relative;
}

.feedback__reviewer-text, .feedback__reviewer-text:hover {
  color: #898989;
}

.feedback__reviewer-text::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.01)), color-stop(rgba(255, 255, 255, 0.7)), to(#fff));
  background: -o-linear-gradient(rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.7), #fff);
  background: linear-gradient(rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.7), #fff);
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

@media (max-width: 767px) {
  .feedback__actions {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .feedback {
    padding: 62px 60px 62px 308px;
    position: relative;
  }
  .feedback:before {
    height: 86px;
    width: 126px;
    -webkit-transform: translate(-63px, -60px);
        -ms-transform: translate(-63px, -60px);
            transform: translate(-63px, -60px);
  }
  .feedback__l {
    float: left;
    margin-left: -248px;
    padding-right: 29px;
    width: 248px;
  }
  .feedback__i {
    margin-bottom: 45px;
  }
  .feedback__brand-name {
    margin-top: 17px;
  }
  .feedback__reviewer-rate {
    float: right;
    height: 50px;
    margin: -17px 60px 0 0;
  }
  .feedback__reviewer-rate:before {
    font-size: 11px;
    line-height: 14px;
    margin-top: 12px;
  }
  .feedback__reviewer-rate:after {
    font-size: 20px;
    height: 50px;
    width: 50px;
    padding-top: 13px;
  }
  .feedback__reviewer-name {
    font-size: 19px;
    margin-top: -4px;
  }
  .feedback__reviewer-text {
    font-size: 12px;
    line-height: 17px;
    margin: 27px 0 32px;
  }
}

@media (min-width: 1170px) {
  .feedback {
    padding-left: 364px;
  }
  .feedback__l {
    margin-left: -310px;
    padding-right: 47px;
    width: 310px;
  }
  .feedback__i {
    margin-bottom: 25px;
  }
  .feedback__reviewer-rate {
    margin: -15px 68px 0 0;
  }
  .feedback__reviewer-rate:before {
    margin-top: 19px;
    width: auto;
    white-space: nowrap;
  }
  .feedback__reviewer-rate:after {
    margin-left: 17px;
  }
  .feedback__reviewer-name {
    font-size: 22px;
  }
  .feedback__reviewer-text {
    font-size: 14px;
    line-height: 22px;
    margin: 35px 0 40px;
  }
  .feedback__open-company {
    min-width: 218px;
  }
}

.mark-company {
  font-family: "Open Sans", sans-serif;
  min-height: 210px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.mark-company__check {
  background-color: #fff;
  border-radius: 2px;
  -webkit-flex-basis: 65px;
      -ms-flex-preferred-size: 65px;
          flex-basis: 65px;
  max-width: 65px;
  width: 65px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.mark-company__check-mark {
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: background-color .4s, color .4s;
  -o-transition: background-color .4s, color .4s;
  transition: background-color .4s, color .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e3e3e5;
}

.mark-company__check-mark svg {
  height: 20px;
  width: 20px;
  fill: none;
  fill-rule: evenodd;
}

.mark-company__check-mark ._mark {
  opacity: 0;
}

input:checked ~ .mark-company__check-mark {
  background-color: #00BFD6;
  color: #fff;
}

input:checked ~ .mark-company__check-mark ._mark {
  opacity: 1;
}

.mark-company__logo {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #fff;
  border-right: 2px;
  -webkit-flex-basis: 251px;
      -ms-flex-preferred-size: 251px;
          flex-basis: 251px;
  max-width: 251px;
  width: 251px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 30px 60px;
  position: relative;
}

.mark-company__logo .stars {
  position: absolute;
  bottom: 30px;
}

.mark-company__description {
  background-color: #fff;
  border-right: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 29px 41px 25px;
}

.mark-company__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  color: #202020;
}

.mark-company__name:hover {
  color: #00BFD6;
  text-decoration: underline;
}

.mark-company__text {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  line-height: 1.48;
  text-align: left;
  color: #636363;
  margin: 19px 0 29px;
}

.mark-company__footer {
  position: relative;
  padding-top: 21px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mark-company__footer::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 2px;
  background-color: #f5f6f8;
}

.mark-company__micro-text {
  font-family: "PT Serif", serif;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.2px;
  text-align: left;
  color: #7b7b83;
  -webkit-flex-basis: 250px;
      -ms-flex-preferred-size: 250px;
          flex-basis: 250px;
  width: 250px;
  max-width: 250px;
  margin-right: 58px;
}

.mark-company__pricing {
  width: 168px;
  font-size: 24px;
  line-height: 1.82;
  text-align: left;
  color: #000000;
  white-space: nowrap;
}

.mark-company__pricing b {
  font-weight: 700;
}

.mark-companies__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 10px -10px;
}

.mark-companies__list-element {
  padding: 10px;
}

.mark-companies__list-element .company-card {
  margin: 0;
}

@media (min-width: 0) and (max-width: 559px) {
  .mark-companies__list-element {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 560px) and (max-width: 768px) {
  .mark-companies__list-element {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mark-companies__list-element {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%;
  }
}

@media (min-width: 1024px) {
  .mark-companies__list-element {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
    width: 25%;
  }
}

.mark-companies .mark-company + .mark-company {
  margin-top: 10px;
}

.ordered-item {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 46px;
}

.ordered-item__num {
  color: #00BFD6;
  margin-right: 27px;
}

.ordered-item__name {
  color: #282b32;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ordered-item__link-more {
  font-family: "PT Serif", serif;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.2px;
  text-align: left;
  color: #c2c2c2;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  margin-left: 25px;
  cursor: pointer;
}

.ordered-item__link-more:hover {
  color: #00BFD6;
}

.ordered-item__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ordered-item__add-btn {
  min-width: 148px;
}

.ordered-item__remove-btn {
  margin-left: 15px;
}

.ordered-item__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ordered-item__value .config-subtitle {
  margin: 0 40px 0 0 !important;
}

.ordered-item__value .ordered-item__right {
  margin: 5px 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
}

@media (min-width: 0) and (max-width: 767px) {
  .ordered-item__value {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ordered-item__value .config-subtitle {
    margin: 0 40px 20px 0 !important;
  }
}

.ordered-item__value-price {
  max-width: 80%;
}

@media (max-width: 767px) {
  .ordered-item__value-price {
    max-width: none;
  }
}

.ordered-item__value-price p {
  font-size: 13px;
  line-height: 1.8;
}

.ordered-item__value-price p:not(:first-child) {
  margin-top: 16px;
}

.ordered-item__add-label {
  display: inline-block;
  margin: 0 21px 0 61px;
  max-width: 110px;
  width: 110px;
}

@media (min-width: 555px) and (max-width: 1023px) {
  .ordered-item__add-label {
    max-width: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.ordered-item__name-link {
  cursor: pointer;
}

@media (min-width: 768px) {
  .ordered-item__remove-btn {
    margin-left: 60px;
  }
}

@media (min-width: 0) and (max-width: 889px) {
  .ordered-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .ordered-item__name, .ordered-item__right {
    width: 100%;
  }
  .ordered-item__right {
    margin-left: 0;
  }
}

@media (min-width: 0) and (max-width: 689px) {
  .ordered-item {
    padding: 15px 20px;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .ordered-item__num {
    margin-right: 15px;
  }
}

@media (min-width: 0) and (max-width: 619px) {
  .ordered-item {
    font-weight: 400;
    font-size: 15px;
  }
  .ordered-item__add-label {
    margin: 0 20px;
  }
}

@media (min-width: 0) and (max-width: 514px) {
  .ordered-item__right {
    margin: 10px auto 0;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media (min-width: 0) and (max-width: 439px) {
  .ordered-item__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .ordered-item__add-label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 100%;
    text-align: center;
    padding: 5px 0 15px;
  }
  .ordered-item .item-quantity {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ordered-item__add-btn {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ordered-item__remove-btn {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

@media (min-width: 0) and (max-width: 399px) {
  .ordered-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ordered-item__name {
    font-size: 14px;
  }
  .ordered-item__add-btn {
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ordered-item {
    padding-left: 20px;
  }
}

@media (min-width: 1440px) {
  .ordered-item__name-link {
    max-width: 343px;
  }
  .ordered-items--configurator .ordered-item__name-link {
    max-width: 653px;
  }
}

.ordered-items {
  margin: -3px 0 5px;
}

.ordered-items__action-add {
  min-width: 239px;
}

.ordered-items__actions {
  margin-top: 26px;
}

.ordered-items .ordered-item {
  margin: 3px 0;
}

@media (min-width: 768px) {
  .ordered-items--configurator {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .ordered-items {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .ordered-items--configurator .ordered-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ordered-items--configurator .ordered-item__left, .ordered-items--configurator .ordered-item__right {
    width: auto;
  }
  .ordered-items--configurator .ordered-item__right {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .ordered-items--configurator {
    margin-left: -17px;
    margin-right: -17px;
  }
  .ordered-items--configurator .ordered-item {
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .ordered-items--configurator .ordered-item__num {
    font-size: 15px;
    font-weight: 500;
    color: #282b32;
  }
  .ordered-items--configurator .ordered-item__name {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding-right: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
  }
  .ordered-items--configurator .ordered-item__link-more {
    width: 100%;
    margin-left: 26px;
    margin-top: 15px;
  }
  .ordered-items--configurator .ordered-item__right {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 26px;
  }
  .ordered-items--configurator .ordered-item__right .config-remove-action svg {
    margin-right: 0;
  }
}

.pagination {
  margin: 10px 0 40px;
}

.pagination__show-all {
  margin-left: 33px;
  font: italic 10px/120% "PT Serif", serif;
  letter-spacing: 0.25px;
}

.pagination__show-all > a,
.pagination__show-all button {
  color: #7b7b83;
  background-color: transparent;
  border: none;
}

.pagination__to-string {
  color: #7b7b83;
  font: italic 10px/120% "PT Serif", serif;
  letter-spacing: 0.25px;
  padding: 18px 30px 18px 0;
  text-align: center;
  white-space: nowrap;
}

.pagination__list {
  background: #fff;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination__el {
  font: 500 14px/120% "Open Sans", sans-serif;
  letter-spacing: 0.5px;
}

.pagination__ln {
  border: 1px solid transparent;
  border-bottom: 0;
  border-top: 0;
  display: inline-block;
  height: 61px;
  width: 46px;
  padding: 24px 10px 0;
  text-align: center;
}

.pagination__el.active .pagination__ln {
  border-color: #f5f6f8;
  cursor: default;
  position: relative;
}

.pagination__el.active .pagination__ln:after, .pagination__el.active .pagination__ln:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
}

.pagination__el.active .pagination__ln:before {
  border-bottom: 2px solid #00BFD6;
  height: 0;
  width: 100%;
  left: 0;
}

.pagination__el.active .pagination__ln:after {
  border: 2px solid transparent;
  border-top-color: #00BFD6;
  border-right-color: #00BFD6;
  height: 4px;
  width: 4px;
  left: 50%;
  margin-left: -2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pagination__el.active .pagination__ln:hover {
  color: #202020;
}

@media (max-width: 767px) {
  .pagination {
    margin: 0 0;
    margin-bottom: 1.25rem;
  }
  .pagination__top {
    text-align: left;
  }
  .pagination__to-string {
    display: inline-block;
    padding-right: 0;
    padding-left: 30px;
  }
  .pagination__show-all {
    display: inline-block;
    margin-left: 4px;
  }
  .pagination__show-all svg {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 768px) {
  .pagination__to-string, .pagination__show-all {
    font-size: 14px;
  }
  .pagination__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 10px;
  }
}

@media (min-width: 1170px) {
  .pagination {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.radio-btn {
  border: 1px solid #00BFD6;
  border-radius: 40px;
  color: #202020;
  height: 40px;
  padding: 2px 20px 0;
  font: 700 10px/10px "Open Sans", sans-serif;
  letter-spacing: .5px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.radio-btn--medium {
  border-width: 2px;
  height: 45px;
  letter-spacing: 0.5px;
  font-weight: 600;
  min-width: 138px;
}

@media (min-width: 768px) {
  .radio-btn--medium {
    min-width: 161px;
  }
}

.radio-btn__input:not(:checked) ~ .radio-btn:hover {
  color: #00BFD6;
}

.ios .radio-btn__txt {
  display: inline-block;
  margin-top: 4px;
}

.radio-btn .svg-i {
  fill: #7B7A83;
  margin-right: 10px;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}

.radio-btn-wrap .radio-btn {
  width: 100%;
}

.radio-btn-wrap {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.radio-btn__input {
  display: none;
}

.radio-btn__input:checked:hover {
  cursor: default;
}

.radio-btn__input:checked ~ .radio-btn {
  background-color: #00BFD6;
  color: #fff;
}

.radio-btn__input:checked ~ .radio-btn .svg-i {
  fill: #fff;
}

.radio-btn-wrap + .radio-btn-wrap .radio-btn__input:checked ~ .radio-btn {
  position: relative;
}

.radio-btn-wrap + .radio-btn-wrap .radio-btn__input:checked ~ .radio-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 2px;
  background-color: #00BFD6;
}

.radio-btn-group {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.radio-btn-group.flex, .radio-btn-group.card-brand__ratings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .radio-btn-group--wide-mob {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .radio-btn-group--wide-mob .radio-btn-wrap {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
       -moz-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

.radio-btn-group--equal-width .radio-btn-wrap {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.radio-btn-group .radio-btn-wrap {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.radio-btn-group .radio-btn-wrap:not(:first-child) .radio-btn {
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.radio-btn-group .radio-btn-wrap:not(:last-child) .radio-btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.radio-btn-group.radio-btn-view .radio-btn-wrap .radio-btn {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #00BFD6;
}

.radio-btn-group.radio-btn-view .radio-btn-wrap .radio-btn::before {
  display: none;
  opacity: 0;
}

.radio-btn-group.radio-btn-view .radio-btn-wrap:first-child .radio-btn {
  width: 94px;
}

.radio-btn-group.radio-btn-view .radio-btn-wrap:last-child .radio-btn {
  width: 106px;
}

.search-bar-container {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.search-bar-container.transparency:not(.focus) {
  opacity: .8;
}

.search-bar__title {
  color: #7b7b83;
  font: italic 700 13px/120% "PT Serif", serif;
}

@media (max-width: 767px) {
  .search-bar__title {
    margin-bottom: 8px;
  }
}

.search-bar__title a {
  color: #00BFD6;
}

.search-bar__query-box {
  display: block;
  position: relative;
}

.search-bar__input {
  border: 1px solid #E3E2E5;
  border-radius: 44px;
  height: 44px;
  padding: 0 50px 0 20px;
  width: 100%;
  font: 14px/120% "Open Sans", sans-serif;
}

.search-bar__input::-webkit-input-placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.search-bar__input::-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.search-bar__input:-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.search-bar__input:-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.search-bar__input::-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.search-bar__input::placeholder {
  opacity: 1;
  color: #959595;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.firefox .search-bar__input::-webkit-input-placeholder {
  padding-top: 10px;
}

.firefox .search-bar__input::-moz-placeholder {
  padding-top: 10px;
}

.firefox .search-bar__input:-ms-input-placeholder {
  padding-top: 10px;
}

.firefox .search-bar__input::-ms-input-placeholder {
  padding-top: 10px;
}

.firefox .search-bar__input::placeholder {
  padding-top: 10px;
}

.search-bar__input::-moz-placeholder {
  padding-top: 10px;
}

.ios .search-bar__input::-webkit-input-placeholder {
  padding-top: 2px;
}

.search-bar__find {
  background: transparent;
  border: 0;
  position: absolute;
  height: 100%;
  width: 50px;
  right: 0;
  top: 0;
  z-index: 1;
}

.ios .search-bar__find {
  top: -2px;
}

@media (max-width: 767px) {
  .search-bar:not(.search-bar_static) {
    margin: 20px 0;
    background: #fff;
    padding: 24px 20px 22px;
  }
  .search-bar:not(.search-bar_static)__query-box {
    margin-top: 15px;
  }
  .search-bar_static {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-bar_static .search-bar__query-box {
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .search-bar {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-bar__query-box {
    margin-left: 30px;
    width: 294px;
    max-width: 100%;
  }
  .search-bar__query-box_short {
    max-width: 555px;
  }
}

@media (max-width: 1169px) {
  .search-bar__title {
    text-align: center;
  }
}

@media (min-width: 1170px) {
  .search-bar {
    width: 100%;
  }
  .search-bar__title {
    -webkit-box-flex: 34.78774%;
    -webkit-flex: 34.78774%;
       -moz-box-flex: 34.78774%;
        -ms-flex: 34.78774%;
            flex: 34.78774%;
    font-size: 17px;
  }
  .search-bar__title_width-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .search-bar__query-box {
    -webkit-box-flex: 65.21226%;
    -webkit-flex: 65.21226%;
       -moz-box-flex: 65.21226%;
        -ms-flex: 65.21226%;
            flex: 65.21226%;
  }
}

.select-line {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 22px;
}

.select-line::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  border-top: solid 2px #e3e3e5;
  height: 0;
  width: 100%;
}

.select-line-wrap {
  height: 40px;
  margin-bottom: 18px;
}

.select-line-point {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.select-line-point::after {
  content: '';
  display: block;
  position: absolute;
  top: -15px;
  right: -20px;
  bottom: -15px;
  left: -13px;
  border-radius: 50%;
}

.select-line-point__ui {
  display: block;
  height: 9px;
  width: 8px;
  position: relative;
}

.select-line-point__ui::after, .select-line-point__ui::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}

.select-line-point__ui::before {
  background-color: transparent;
  border: solid 1px transparent;
  border-radius: 14px;
  height: 14px;
  width: 14px;
  margin: -7px;
  -webkit-transition: background-color .4s, border-color .4s;
  -o-transition: background-color .4s, border-color .4s;
  transition: background-color .4s, border-color .4s;
}

.select-line-point__ui::after {
  width: 8px;
  height: 8px;
  margin: -4px;
  background-color: #e3e3e5;
  border-radius: 50%;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
}

.select-line-point__name {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #282b32;
  position: absolute;
  top: 20px;
  white-space: nowrap;
}

@media (min-width: 0) and (max-width: 359px) {
  .select-line-point__name {
    font-size: 10px;
  }
}

.select-line-point:not(:first-child):not(:last-child) .select-line-point__name {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.select-line-point:first-child .select-line-point__name {
  left: 0;
}

.select-line-point:last-child .select-line-point__name {
  right: 0;
}

.select-line-point.active .select-line-point__ui::before {
  background-color: #fff;
  border-color: #e3e3e5;
}

.select-line-point.active .select-line-point__ui::after {
  background-color: #00BFD6;
  width: 6px;
  height: 6px;
  margin: -3px;
}

.no-ie .select-line-point {
  max-width: 0;
}

.ie .select-line {
  display: block;
}

.ie .select-line-point {
  position: absolute;
  top: 1px;
}

.steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 19px 0;
}

.steps__step {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Open Sans", sans-serif;
  padding: 11px 25px 5px;
}

.steps__step + .steps__step {
  border-left: 1px solid #f5f6f8;
}

.steps__step-num {
  font-size: 15px;
  font-weight: bold;
  line-height: 2.92;
  color: #00BFD6;
  white-space: nowrap;
}

@media (min-width: 841px) and (max-width: 989px) {
  .steps__step-num {
    font-size: 0;
  }
  .steps__step-num::before {
    content: attr(data-step);
    font-size: 15px;
  }
}

.steps__step-name {
  font-size: 15px;
  font-weight: bold;
  line-height: 2.92;
  color: rgba(32, 32, 32, 0.3);
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  margin-left: 19px;
}

@media (min-width: 650px) and (max-width: 840px) {
  .steps__step-num {
    display: none;
  }
  .steps__step-name {
    margin-left: 0;
  }
}

@media (min-width: 650px) and (max-width: 734px) {
  .steps__step-name {
    font-size: 14px;
  }
}

@media (min-width: 650px) and (max-width: 699px) {
  .steps__step {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.steps__step.done {
  background-color: #00BFD6;
}

.steps__step.done .steps__step-num {
  color: #fff;
}

.steps__step.done .steps__step-name {
  color: rgba(255, 255, 255, 0.3);
}

.steps__step.active {
  position: relative;
}

.steps__step.active::after, .steps__step.active::before {
  content: '';
  display: block;
  position: absolute;
}

.steps__step.active::after {
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0 2.5px 3px 2.5px;
  border-color: transparent transparent #00BFD6 transparent;
  left: 50%;
  bottom: 2px;
  margin-left: -2px;
}

.steps__step.active::before {
  border-bottom: 2px solid #00BFD6;
  left: 0;
  bottom: 0;
  height: 0;
}

.steps__step.active:last-child::before {
  right: 0;
}

.steps__step.active:not(:last-child)::before {
  right: -1px;
}

.steps__step.active .steps__step-name {
  color: #202020;
}

.steps__step.active + .steps__step ~ .steps__step .steps__step-num {
  color: rgba(32, 32, 32, 0.3);
}

@media (min-width: 0) and (max-width: 649px) {
  .steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .steps__step {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-bottom: 1px solid #fcfcfc;
  }
}

.svg-i {
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: fill 0.4s, -webkit-transform 0.4s;
  transition: fill 0.4s, -webkit-transform 0.4s;
  -o-transition: fill 0.4s, transform 0.4s;
  transition: fill 0.4s, transform 0.4s;
  transition: fill 0.4s, transform 0.4s, -webkit-transform 0.4s;
}

.svg-i_logo {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDguMTk5IDQ5Ljc1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNMCAzOS44aDE5OC41NTlWMEgwdjM5Ljh6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjI1IDAgMCAtMS4yNSAwIDQ5Ljc1KSI+PHBhdGggZD0iTTE4OS4yOCAyMi4yMTRoMy41NDV2LTguNTk2aC00Ljc1NWMuMzAzLjY4Ny41NCAxLjUwNi43MDggMi40NTUuMTcuOTUuMjg3IDIuMDMzLjM1MSAzLjI1M2wuMTUxIDIuODg4em0tNy4zOS04LjU5NlY1LjYxMmgzLjY3NnY0LjkyNWg5LjMyNFY1LjYxMmgzLjY3djguMDA2aC0yLjA1VjI1LjQySDE4NS43bC0uMzAzLTYuMDkzYy0uMS0yLjA1NC0uMy0zLjUxNy0uNTk4LTQuMzg4LS4yOTgtLjg3LS44MDktMS4zMDctMS41MzQtMS4zMDdoLS40MjZ2LS4wMTNoLS45NDl6bS03LjM1MiAxOC4yOGMwLS40ODYtLjE0LS44ODUtLjQyLTEuMTk3LS4yNzktLjMxMi0uNzA4LS40NjctMS4yODYtLjQ2Ny0uNTk2IDAtMS4wMzQuMTU1LTEuMzEzLjQ2Ny0uMjguMzEyLS40Mi43MTEtLjQyIDEuMTk3aC0yLjkzbC0uMDI3LS4wODNjLS4wNTUtMS4xNjQuMzQ4LTIuMTE2IDEuMjEtMi44NTRzMi4wMjItMS4xMDcgMy40OC0xLjEwN2MxLjQ1IDAgMi42MDIuMzcgMy40NiAxLjEwNy44NTcuNzM4IDEuMjYzIDEuNjkgMS4yMTcgMi44NTRsLS4wMjguMDgzaC0yLjk0M3ptLTQuMjMtMTUuNTQzbC0uMDgzLjAxNHY5LjA1aC0zLjY4MlYxMC41MzdoMy42ODJsNC45NzMgOS4wOTIuMDgyLS4wMTR2LTkuMDc4aDMuNjY0VjI1LjQyaC0zLjY2NGwtNC45NzItOS4wNjR6bS0yNS41OTcgNC45NzFjLjY1LS44NDIuOTc1LTEuOTc0Ljk3NS0zLjM5OSAwLTEuNDI0LS4zMjUtMi41NTctLjk3NS0zLjM5OC0uNjUtLjg0Mi0xLjU2Ny0xLjI2Mi0yLjc0OS0xLjI2Mi0xLjE0MyAwLTEuOTk1LjQxNi0yLjU1NyAxLjI0Ny0uNTYyLjgzMS0uODQyIDEuOTctLjg0MiAzLjQxMyAwIDEuNDQ0LjI4IDIuNTgyLjg0MiAzLjQxMy41NjIuODMyIDEuNDE0IDEuMjQ3IDIuNTU3IDEuMjQ3IDEuMTgyIDAgMi4xLS40MiAyLjc1LTEuMjZtLjU4OC0xMC40OTRjLjkxLjM5NiAxLjY3Mi45NDUgMi4yODYgMS42NDhhNy40MDMgNy40MDMgMCAwMTEuNDEgMi40NDhjLjMyNi45My40OSAxLjkzLjQ5IDIuOTk4YTguODg0IDguODg0IDAgMDEtLjUwNSAzLjAxMyA3LjMgNy4zIDAgMDEtMS40NCAyLjQ0OCA2LjYwNCA2LjYwNCAwIDAxLTIuMjg1IDEuNjMzYy0uOS4zOTUtMS45MTUuNTkzLTMuMDQzLjU5My0xLjM0NSAwLTIuNTYyLS4zNjYtMy42NS0xLjA5OGwtLjI5Ny44NjFoLTMuMjA2VjMuMzU0aDMuNjgxdjcuODk1Yy45OS0uNjczIDIuMTQ3LTEuMDA5IDMuNDcyLTEuMDA5IDEuMTQ4IDAgMi4xNzcuMTk4IDMuMDg3LjU5M20tMTAuNjg1IDIwLjQ4aC0xNS41NTJ2LTMuNjhoNS44NzdWMTAuNTM3aDMuOHYxNy4wOTZoNS44NzV2My42OHoiIGZpbGw9IiMwMGJjZDQiLz48cGF0aCBkPSJNMTA5LjQ4OCAxMy4wNmMtMS4zMjYgMC0xLjk4OC41OTMtMS45ODggMS43OCAwIC40MTYuMTI4Ljc4Mi4zODUgMS4xLjI1Ny4zMTUuNTk0LjU4NyAxLjAxLjgxNS40MTUuMjI3Ljg5NS40IDEuNDQuNTIuNTQzLjExOCAxLjEwMi4xOTcgMS42NzYuMjM3di0zLjM4NGMtLjc1Mi0uNzEyLTEuNTkzLTEuMDY4LTIuNTIzLTEuMDY4bTcuNTEuMjA3Yy0uMjc4IDAtLjUwNS4wMi0uNjgzLjA2YS41NzguNTc4IDAgMDAtLjQuMzExYy0uMDkuMTY4LS4xNDkuNDExLS4xNzkuNzI3LS4wMy4zMTctLjA0NS43NDItLjA0NSAxLjI3N3Y0LjAwN2MwIDMuOTc3LTEuNzkgNS45NjUtNS4zNzIgNS45NjUtMS43NiAwLTMuNTYtLjQzNS01LjQwMi0xLjMwNWwuMzI3LTIuOTk4YzEuNTQzLjc1MiAyLjg5OCAxLjEyOCA0LjA2NiAxLjEyOC45NSAwIDEuNjIyLS4xODQgMi4wMTgtLjU0OS4zOTYtLjM2Ny42MTMtLjk5NS42NTMtMS44ODVhMTYuNjcgMTYuNjcgMCAwMS0yLjU2Ny0uMjk3Yy0uOTYtLjE3OC0xLjg2NS0uNDctMi43MTYtLjg3NmE2LjY4IDYuNjggMCAwMS0yLjE2Ni0xLjYxN2MtLjU5NC0uNjczLS44OS0xLjUxNC0uODktMi41MjMgMC0uNjkzLjEwOC0xLjMxLjMyNi0xLjg1NWE0LjA3OCA0LjA3OCAwIDAxLjkwNS0xLjM5NSAzLjk3IDMuOTcgMCAwMTEuMzY1LS44OSA0LjU4NSA0LjU4NSAwIDAxMS43MDctLjMxMmMxLjk5OCAwIDMuNTEyLjU3NCA0LjU0MSAxLjcyMS42MTMtMS4xNDcgMS43MjEtMS43MiAzLjMyNC0xLjcyaDEuMzM2bC4zMjYgMy4wMjZoLS40NzV6TTEwMC44NTQgMjUuNDJoLTMuNjgzdi02LjAyNEg5Mi4xdjYuMDI0aC0zLjY3OVYxMC41MzdoMy42OHY1Ljc3N2g1LjA3MXYtNS43NzdoMy42ODNWMjUuNDJ6bS0yMy45NzktOC4yNzhsNC43Mi02LjYwNGg0LjE1NGwtNS40MyA3LjczMSA1LjQzIDcuMTFoLTQuMTU1bC00LjcxOS02LjA3djYuMDg4aC0zLjY4VjEwLjUzN2gzLjY4djYuNjA0em0tMTEuMSAzLjc4NGMwLTEuMDczLS4xMzUtMi4wNTItLjQwMi0yLjkzNi0uMjY3LS44ODQtLjY1OC0xLjYzOS0xLjE3Mi0yLjI2NWE1LjMxNyA1LjMxNyAwIDAwLTEuOS0xLjQ2Yy0uNzUyLS4zNDgtMS42MjItLjUyMi0yLjYxMi0uNTIyLS45ODkgMC0xLjg2LjE3NC0yLjYxMi41MjFhNS4zMDQgNS4zMDQgMCAwMC0xLjg5OSAxLjQ2MWMtLjUxNS42MjYtLjkwNSAxLjM4MS0xLjE3MyAyLjI2NS0uMjY3Ljg4NC0uNCAxLjg2My0uNCAyLjkzNnMuMTMzIDIuMDUxLjQgMi45MzZjLjI2OC44ODMuNjU4IDEuNjM4IDEuMTczIDIuMjY1YTUuMzAyIDUuMzAyIDAgMDAxLjkgMS40NmMuNzUxLjM0OCAxLjYyMi41MjIgMi42MTEuNTIyIDEuOTYgMCAzLjQ2My0uNjU2IDQuNTEyLTEuOTY4IDEuMDQ4LTEuMzMgMS41NzMtMy4wNjkgMS41NzMtNS4yMTVtNC4xNTUgMGMwIDEuNjAzLS4yNTIgMy4wNjctLjc1NyA0LjM5My0uNTA0IDEuMzI1LTEuMjEyIDIuNDYzLTIuMTIyIDMuNDEzYTkuNTIgOS41MiAwIDAxLTMuMjUgMi4yMTFjLTEuMjU3LjUyNC0yLjYyNy43ODctNC4xMS43ODctMS40ODUgMC0yLjg1NS0uMjU4LTQuMTEtLjc3MmE5LjIxNCA5LjIxNCAwIDAxLTMuMjM3LTIuMTk2Yy0uOS0uOTUtMS42MDgtMi4wODgtMi4xMjItMy40MTQtLjUxNS0xLjMyNi0uNzcyLTIuOC0uNzcyLTQuNDIyIDAtMS42MjMuMjUzLTMuMDk3Ljc1Ny00LjQyMi41MDUtMS4zMjYgMS4yMTItMi40NjQgMi4xMjItMy40MTRhOS4zMzkgOS4zMzkgMCAwMTMuMjUxLTIuMTk2YzEuMjU2LS41MTQgMi42MjYtLjc3MiA0LjExLS43NzIgMy4wMDggMCA1LjQ2Mi45OSA3LjM2MSAyLjk2OCAxLjkyIDEuOTggMi44OCA0LjU5MSAyLjg4IDcuODM2IiBmaWxsPSIjZmY3NjJiIi8+PHBhdGggZD0iTTE2My45MzIgMTcuOTQ2YTguNTI4IDguNTI4IDAgMDEtLjUyIDIuOTk4IDcuMTMgNy4xMyAwIDAxLTEuNDk5IDIuNDMzIDcuMTQzIDcuMTQzIDAgMDEtMi4zNzQgMS42NDhjLS45My40MDUtMS45NjkuNjA4LTMuMTE3LjYwOC0xLjE0NyAwLTIuMTgtLjE5OC0zLjEtLjU5M2E3LjAxNyA3LjAxNyAwIDAxLTIuMzYtMS42MzNjLS4wMTYtLjAxNi0uMDI2LS4wMzYtLjA0Mi0uMDUzbDIuNzAzLTIuMTI0Yy4wMjIuMDMyLjAzOC4wNy4wNjEuMS42NDcuODUgMS41NiAxLjI3NiAyLjczOCAxLjI3NiAxLjE2IDAgMi4wNjEtLjQyNiAyLjcxLTEuMjc2LjQ2MS0uNTg5Ljc1Mi0xLjMyLjg5NC0yLjE3M2gtNC45M3YtMi4yNDVoNC45NjRjLS4xMjYtLjkwNi0uNDI0LTEuNjgtLjg5OS0yLjMyLS42NDgtLjg3LTEuNTYtMS4zMDYtMi43MzktMS4zMDYtMS4xNzggMC0yLjA5LjQyNS0yLjczOCAxLjI3Ni0uMDEuMDE1LS4wMTguMDMyLS4wMjkuMDQ3bC0yLjY5Ny0yLjEyLjAwMy0uMDA0YTcuMDAzIDcuMDAzIDAgMDEyLjM2LTEuNjMzYy45Mi0uMzk1IDEuOTU0LS41OTMgMy4xMDEtLjU5MyAyLjI5NiAwIDQuMTE2Ljc0MiA1LjQ2MiAyLjIyNiAxLjM2NSAxLjQ4NCAyLjA0OCAzLjMwNCAyLjA0OCA1LjQ2MU0yMi4xNjIgNC41MjVjLTkuNzQgMC0xNy42MzggNy44OTYtMTcuNjM4IDE3LjYzOCAwIDkuNzQgNy44OTcgMTcuNjM3IDE3LjYzOCAxNy42MzcgOS43NDEgMCAxNy42MzgtNy44OTcgMTcuNjM4LTE3LjYzNyAwLTkuNzQyLTcuODk3LTE3LjYzOC0xNy42MzgtMTcuNjM4IiBmaWxsPSIjMDBiY2Q0Ii8+PHBhdGggZD0iTTQuNDM2Ljc2MWwxOS40NDIgMTkuNDQyLTMuNjc2IDMuNjc1TC43NiA0LjQzNiA0LjQzNi43NjF6IiBmaWxsPSIjMDBiY2Q0Ii8+PHBhdGggZD0iTTIyLjE2MiAzNS4xNTNjLTcuMzYyIDAtMTMuMzMtNS44MTYtMTMuMzMtMTIuOTkgMC03LjE3NiA1Ljk2OC0xMi45OTIgMTMuMzMtMTIuOTkyczEzLjMzIDUuODE2IDEzLjMzIDEyLjk5MS01Ljk2OCAxMi45OTEtMTMuMzMgMTIuOTkxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTS43NjEuNzYxYTIuNTk4IDIuNTk4IDAgMTAzLjY3NCAzLjY3NUEyLjU5OCAyLjU5OCAwIDAwLjc2MS43NjEiIGZpbGw9IiMwMGJjZDQiLz48cGF0aCBkPSJNMTUuMDk5IDIyLjY3Mmg2LjU3djYuNTdoLTYuNTd2LTYuNTd6TTE1LjA5OSAxNS4wODJoNi41N3Y2LjU3aC02LjU3di02LjU3ek0yMi42NTUgMjIuNjcyaDYuNTd2Ni41N2gtNi41N3YtNi41N3pNMjIuNjU1IDE1LjA4Mmg2LjU3djYuNTdoLTYuNTd2LTYuNTd6IiBmaWxsPSIjZmY3NjJiIi8+PC9nPjwvc3ZnPg==) no-repeat;
  height: 30px;
  width: 149px;
}

.svg-i_ot-logo {
  height: 48px;
  width: 195px;
}

.svg-i_mail {
  height: 13px;
  width: 19px;
}

.svg-i_placeholder, .svg-i_placeholder-2 {
  fill: #F5F6F8;
}

.svg-i_arrow-down {
  fill: #D3D4D5;
  height: 25px;
  width: 25px;
}

.svg-i_arrow-round-right {
  fill: #39b54a;
  height: 33px;
  width: 33px;
}

.svg-i_search {
  fill: #7C7B84;
  height: 16px;
  width: 16px;
}

.svg-i_date {
  height: 15px;
  width: 13px;
}

.svg-i_star {
  fill: #00AEEF;
  height: 16px;
  width: 16px;
}

.svg-i_popular {
  fill: #7B7A83;
  height: 15px;
  width: 13px;
}

.svg-i_tune {
  height: 17px;
  width: 17px;
}

.svg-i_filter {
  fill: #7b7b83;
  height: 11px;
  width: 11px;
}

.svg-i_ok {
  height: 21px;
  width: 21px;
}

.svg-i_globe {
  fill: #A7A7A7;
  height: 14px;
  width: 14px;
}

.svg-i_play {
  fill: #fff;
  height: 50px;
  width: 71px;
}

.svg-i-inline_comment {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyMS41Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xMiAxQzUuOSAxIDEgNSAxIDEwYzAgMi4yLjkgNC4yIDIuNSA1LjcgMCAxLjItLjMgMy4zLTEuNSA0LjggMi43LS4zIDQuOC0xLjQgNi0yLjEgMS4zLjQgMi42LjYgNCAuNiA2LjEgMCAxMS00IDExLTlzLTQuOS05LTExLTl6Ii8+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iNi45IiBjeT0iMTAuMyIgcj0iMSIvPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQTJBMkEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjExLjkiIGN5PSIxMC4zIiByPSIxIi8+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTYuOSIgY3k9IjEwLjMiIHI9IjEiLz48L3N2Zz4=);
  height: 15px;
  width: 16px;
}

.svg-i-inline_comment-new {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0iI0EyQTJBMiI+PHBhdGggZD0iTTguOCA3Ljg1N0g1Ljg2N0w0LjQgOS4yODZWMTBIMi45MzNWNy44NTdIMi4yYy0xLjA4IDAtMi4yLS41MzYtMi4yLTEuNTg2VjEuOTA3QTEuODc4IDEuODc4IDAgMDEuNTcxLjU1OCAxLjk4IDEuOTggMCAwMTEuOTU2IDBoNy4wODhjLjUyIDAgMS4wMTcuMiAxLjM4NC41NTguMzY3LjM1OC41NzMuODQzLjU3MiAxLjM1VjYuMjdjMCAxLjA1LTEuMTIgMS41ODYtMi4yIDEuNTg2eiIvPjwvc3ZnPg==);
  width: 11px;
  height: 10px;
}

.svg-i-inline_photo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAxOCI+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTIiIGN5PSI5LjUiIHI9IjQiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTggMy40Yy0uMy0uMS0uNi0uMy0uOC0uNWwtMS4zLTEuNWMtLjMtLjItLjYtLjQtLjktLjRIOWMtLjMgMC0uNi4yLS44LjRMNi44IDIuOWMtLjIuMi0uNS40LS44LjVsLTQuNSAxYy0uMy4xLS41LjMtLjUuNnYxMS41YzAgLjMuMi41LjUuNWgyMWMuMyAwIC41LS4yLjUtLjVWNWMwLS4zLS4yLS41LS41LS42bC00LjUtMXoiLz48L3N2Zz4=);
  height: 10px;
  width: 14px;
}

.svg-i-inline_edit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS44IDIxLjgiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0EyQTJBMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xOSA5Ljh2MTFIMXYtMThoMTEiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTkgNS44bDEtMWMxLTEgMS0yIDAtM3MtMi0xLTMgMGwtMSAxLTEwIDEwdjNoM2wxMC0xMHpNMTcgMy44bDEgMSIvPjwvc3ZnPg==);
  height: 12px;
  width: 12px;
}

.svg-i-inline_mail {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAxNiI+PHBhdGggZmlsbD0iI0EyQTJBMiIgZD0iTTI0IDE2SDBWMGgyNHYxNnpNMiAxNGgyMFYySDJ2MTJ6Ii8+PHBhdGggZmlsbD0iI0EyQTJBMiIgZD0iTTEyIDExYy0uMiAwLS40LS4xLS42LS4ybC0xMS04IDEuMi0xLjZMMTIgOC44bDEwLjQtNy42IDEuMiAxLjYtMTEgOGMtLjIuMS0uNC4yLS42LjJ6Ii8+PC9zdmc+);
  height: 8px;
  width: 13px;
}

.svg-i-inline_mail-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0QTkwRTIiPjxwYXRoIGQ9Ik05LjkgMEgxLjFDLjQ5NSAwIC4wMDUuNTA2LjAwNSAxLjEyNUwwIDcuODc1QzAgOC40OTQuNDk1IDkgMS4xIDloOC44Yy42MDUgMCAxLjEtLjUwNiAxLjEtMS4xMjV2LTYuNzVDMTEgLjUwNiAxMC41MDUgMCA5LjkgMHptMCAyLjI1TDUuNSA1LjA2MyAxLjEgMi4yNVYxLjEyNWw0LjQgMi44MTMgNC40LTIuODEzVjIuMjV6Ii8+PC9zdmc+);
  height: 8px;
  width: 13px;
}

.svg-i-inline_phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zIDg3LjEiPjxwYXRoIGZpbGw9IiNBMkEyQTIiIGQ9Ik01OS45IDYzLjVjLTcuOC0yLjctMTUuNi01LjMtMjMuNS03LjktMS45LS42LTMuNS4yLTQuMyAyLS4xLjItLjEuNC0uMi42LTYuMS00LjgtMTAuMi0xMS40LTEyLjMtMTkuOS4yIDAgLjQuMS42LjEgMi4zLjMgMy42LS44IDMuOS0zIDEuMi04IDIuNC0xNi4xIDMuNi0yNC4xLjQtMi41LS42LTMuOC0zLjEtNC4zLTUuNy0uOS0xMS41LTEuOC0xNy4zLTIuNy0xLjUtLjMtMi44LjQtMy41IDEuOC0uMy43LS41IDEuMy0uNyAyQy40IDE1LjUtLjUgMjMuNi4zIDMyLjFjLjkgOC44IDMuMyAxNi45IDcuMyAyNCA4IDE0LjIgMTkuOCAyMy45IDM1IDI5IDMuMSAxIDYuNCAxLjcgMTAuMiAyaC40YzEuNyAwIDMuMS0xLjEgMy4zLTIuOC4yLTEuOC0xLTMuMy0yLjktMy42LS4yIDAtLjQtLjEtLjYtLjEtLjEgMC0uMyAwLS40LS4xLS40LS4xLS45LS4xLTEuMy0uMi0xLS4xLTEuOS0uMy0yLjgtLjUtMTIuOS0zLTIzLjUtMTAuMS0zMS41LTIxQzggNDYuNCA0LjkgMzIuMSA3LjcgMTYuMmMuMi0xLjMuNi0yLjcgMS00IC4xLS40LjItLjcuMy0xLjFsMTIuMiAyLTIuOCAxOC43LTIuMS0uM2MtMS4zLS4yLTIuNC4yLTMuMSAxLS42LjctLjkgMS43LS44IDIuOC4xLjUuMSAxLjEuMyAxLjcgMi40IDEyLjIgOC43IDIyLjEgMTguNyAyOS41LjcuNSAxLjUuOCAyLjMuOCAxLjQgMCAyLjUtLjkgMy4xLTIuNWwuNy0xLjlMNTUuMyA2OWwtLjIuNGMtLjQgMS4xLS43IDIuMS0xIDMuMS0uNiAxLjguMiAzLjYgMS45IDQuMi40LjEuNy4yIDEuMS4yIDEuNCAwIDIuNi0uOSAzLjEtMi4zLjgtMi4zIDEuNS00LjQgMi4xLTYuNS40LTIuMy0uNC0zLjktMi40LTQuNnoiLz48cGF0aCBmaWxsPSIjQTJBMkEyIiBkPSJNNTEuOCAyMi45YzAgNy0yLjcgMTIuOS04LjEgMTcuN2wtLjguNyA0LjMgNC4zLjctLjZjNi41LTUuNCAxMC4yLTEzLjUgMTAuMi0yMi4xQzU4IDE0IDU0LjMgNS45IDQ3LjguNmwtLjctLjYtNC40IDQuMy44LjdjNS41IDQuOSA4LjMgMTAuOCA4LjMgMTcuOXoiLz48cGF0aCBmaWxsPSIjQTJBMkEyIiBkPSJNMzcuNiAyMi44Yy4xIDEuNi0uOSAyLjktMi41IDMuN2wtMS4zLjYgNC44IDQuNy43LS40YzIuOS0xLjcgNC43LTQuOCA0LjgtOC4zLjEtMy42LTEuNi02LjgtNC42LTguNi0uMy0uMi0uNy0uMy0xLS4zLS41IDAtLjguMi0uOS4zLS44LjctMS41IDEuNC0yLjMgMi4ybC0xLjkgMS44IDEuNC42YzEuNi43IDIuNyAyLjEgMi44IDMuN3oiLz48L3N2Zz4=);
  height: 12px;
  width: 9px;
}

.svg-i-inline_phone-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zIDg3LjEiPjxwYXRoIGZpbGw9IiM0YTkwZTIiIGQ9Ik01OS45IDYzLjVjLTcuOC0yLjctMTUuNi01LjMtMjMuNS03LjktMS45LS42LTMuNS4yLTQuMyAyLS4xLjItLjEuNC0uMi42LTYuMS00LjgtMTAuMi0xMS40LTEyLjMtMTkuOS4yIDAgLjQuMS42LjEgMi4zLjMgMy42LS44IDMuOS0zIDEuMi04IDIuNC0xNi4xIDMuNi0yNC4xLjQtMi41LS42LTMuOC0zLjEtNC4zLTUuNy0uOS0xMS41LTEuOC0xNy4zLTIuNy0xLjUtLjMtMi44LjQtMy41IDEuOC0uMy43LS41IDEuMy0uNyAyQy40IDE1LjUtLjUgMjMuNi4zIDMyLjFjLjkgOC44IDMuMyAxNi45IDcuMyAyNCA4IDE0LjIgMTkuOCAyMy45IDM1IDI5IDMuMSAxIDYuNCAxLjcgMTAuMiAyaC40YzEuNyAwIDMuMS0xLjEgMy4zLTIuOC4yLTEuOC0xLTMuMy0yLjktMy42LS4yIDAtLjQtLjEtLjYtLjEtLjEgMC0uMyAwLS40LS4xLS40LS4xLS45LS4xLTEuMy0uMi0xLS4xLTEuOS0uMy0yLjgtLjUtMTIuOS0zLTIzLjUtMTAuMS0zMS41LTIxQzggNDYuNCA0LjkgMzIuMSA3LjcgMTYuMmMuMi0xLjMuNi0yLjcgMS00IC4xLS40LjItLjcuMy0xLjFsMTIuMiAyLTIuOCAxOC43LTIuMS0uM2MtMS4zLS4yLTIuNC4yLTMuMSAxLS42LjctLjkgMS43LS44IDIuOC4xLjUuMSAxLjEuMyAxLjcgMi40IDEyLjIgOC43IDIyLjEgMTguNyAyOS41LjcuNSAxLjUuOCAyLjMuOCAxLjQgMCAyLjUtLjkgMy4xLTIuNWwuNy0xLjlMNTUuMyA2OWwtLjIuNGMtLjQgMS4xLS43IDIuMS0xIDMuMS0uNiAxLjguMiAzLjYgMS45IDQuMi40LjEuNy4yIDEuMS4yIDEuNCAwIDIuNi0uOSAzLjEtMi4zLjgtMi4zIDEuNS00LjQgMi4xLTYuNS40LTIuMy0uNC0zLjktMi40LTQuNnoiLz48cGF0aCBmaWxsPSIjNGE5MGUyIiBkPSJNNTEuOCAyMi45YzAgNy0yLjcgMTIuOS04LjEgMTcuN2wtLjguNyA0LjMgNC4zLjctLjZjNi41LTUuNCAxMC4yLTEzLjUgMTAuMi0yMi4xQzU4IDE0IDU0LjMgNS45IDQ3LjguNmwtLjctLjYtNC40IDQuMy44LjdjNS41IDQuOSA4LjMgMTAuOCA4LjMgMTcuOXoiLz48cGF0aCBmaWxsPSIjNGE5MGUyIiBkPSJNMzcuNiAyMi44Yy4xIDEuNi0uOSAyLjktMi41IDMuN2wtMS4zLjYgNC44IDQuNy43LS40YzIuOS0xLjcgNC43LTQuOCA0LjgtOC4zLjEtMy42LTEuNi02LjgtNC42LTguNi0uMy0uMi0uNy0uMy0xLS4zLS41IDAtLjguMi0uOS4zLS44LjctMS41IDEuNC0yLjMgMi4ybC0xLjkgMS44IDEuNC42YzEuNi43IDIuNyAyLjEgMi44IDMuN3oiLz48L3N2Zz4=);
  height: 12px;
  width: 9px;
}

.svg-i-inline_pin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyMy40Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNBMkEyQTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNSA4YzAgNy03IDE0LTcgMTRTMSAxNSAxIDhjMC0zLjkgMy4xLTcgNy03czcgMy4xIDcgN3oiLz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0EyQTJBMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI4IiBjeT0iOCIgcj0iMSIvPjwvc3ZnPg==);
  height: 13px;
  width: 9px;
}

.svg-i-inline_pin-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyMy40Ij48cGF0aCBmaWxsPSIjNGE5MGUyIiBzdHJva2U9IiM0YTkwZTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNSA4YzAgNy03IDE0LTcgMTRTMSAxNSAxIDhjMC0zLjkgMy4xLTcgNy03czcgMy4xIDcgN3oiLz48Y2lyY2xlIGZpbGw9IiNmZmYiIGN4PSI4IiBjeT0iOCIgcj0iMyIvPjwvc3ZnPg==);
  height: 13px;
  width: 9px;
}

.svg-i-inline_alarms {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0iIzAwQkJEMyI+PHBhdGggZD0iTTE1Ljk1MSAzLjUxM0wxMi4zMS40MjVsLTEuMDMgMS4xODhMMTQuOTIyIDQuN2wxLjAzLTEuMTg4ek00Ljc5IDEuNjkyTDMuNzU5LjUwNC4xMTggMy41MTMgMS4xNDcgNC43bDMuNjQyLTMuMDA4em0zLjY0IDMuNjQxSDcuMjQzdjQuNzVsMy43MiAyLjI5Ni42MzQtLjk1LTMuMTY3LTEuOVY1LjMzM3ptLS4zOTYtMy4xNjZBNy4wOTUgNy4wOTUgMCAwMC45MSA5LjI5MmE3LjA5NSA3LjA5NSAwIDAwNy4xMjUgNy4xMjUgNy4wOTUgNy4wOTUgMCAwMDcuMTI1LTcuMTI1IDcuMDk1IDcuMDk1IDAgMDAtNy4xMjUtNy4xMjV6bTAgMTIuNjY2YTUuNTA4IDUuNTA4IDAgMDEtNS41NDEtNS41NDFBNS41MDggNS41MDggMCAwMTguMDM0IDMuNzVhNS41MDggNS41MDggMCAwMTUuNTQyIDUuNTQyIDUuNTA4IDUuNTA4IDAgMDEtNS41NDIgNS41NDF6Ii8+PC9zdmc+);
  width: 16px;
  height: 17px;
}

.svg-i-inline_calculator {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE0IDE0IDI0IDI1IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjQuMTA3IDE5LjE4MmMuNDk2IDAgLjg5My40MDQuODkzLjkwOXMtLjM5Ny45MDktLjg5My45MDloLTguMjE0YS44OTcuODk3IDAgMDEtLjg5My0uOTFjMC0uNTA0LjM5Ny0uOTA4Ljg5My0uOTA4aDMuMjE0di0zLjI3M2MwLS41MDUuMzk3LS45MDkuODkzLS45MDlzLjg5My40MDQuODkzLjkxdjMuMjcyaDMuMjE0ek0yNy44OTMgMjFjLS40OTYgMC0uODkzLS40NDQtLjg5My0xcy4zOTctMSAuODkzLTFoOC4yMTRjLjQ5NiAwIC44OTMuNDQ0Ljg5MyAxcy0uMzk3IDEtLjg5MyAxaC04LjIxNHptOC4yMTQgMTFjLjQ5NiAwIC44OTMuNDQ0Ljg5MyAxcy0uMzk3IDEtLjg5MyAxaC04LjIxNGMtLjQ5NiAwLS44OTMtLjQ0NC0uODkzLTFzLjM5Ny0xIC44OTMtMWg4LjIxNHpNMjEgMjQuMDQzYzAgLjU0NC0uNDQ0Ljk1Ny0xIC45NTdzLTEtLjQzNS0xLS45Nzh2LTEuMDQ0QS45ODUuOTg1IDAgMDEyMCAyMmMuNTU2IDAgMSAuNDM1IDEgLjk3OHYxLjA2NXpNMzEuODA0IDI5aC4zOTJjLjQ0NyAwIC44MDQuNDQ0LjgwNCAxcy0uMzU3IDEtLjgwNCAxaC0uMzkyYy0uNDQ3IDAtLjgwNC0uNDQ0LS44MDQtMXMuMzU3LTEgLjgwNC0xem0uMzkyIDZjLjQ0NyAwIC44MDQuNDQ0LjgwNCAxcy0uMzU3IDEtLjgwNCAxaC0uMzkyYy0uNDQ3IDAtLjgwNC0uNDQ0LS44MDQtMXMuMzU3LTEgLjgwNC0xaC4zOTJ6TTI0IDI5Ljk1MmEuOTY3Ljk2NyAwIDAxLS4yNzIuNjY5bC02LjExNSA2LjEwN2ExLjAxIDEuMDEgMCAwMS0uNjcuMjcyYy0uMjUyIDAtLjUwMy0uMDg0LS42Ny0uMjcyYTEuMDA3IDEuMDA3IDAgMDEtLjI3My0uNjdjMC0uMjUuMDg0LS41MDEuMjcyLS42NjhsMi4zODgtMi4zODUtMi4zODgtMi4zODRhMS4wMDcgMS4wMDcgMCAwMS0uMjcyLS42N2MwLS4yNS4wODQtLjUwMS4yNzItLjY2OWEuOTM2LjkzNiAwIDAxMS4zNCAwTDIwIDMxLjY2N2wyLjM4Ny0yLjM4NWEuOTM2LjkzNiAwIDAxMS4zNCAwYy4xNjguMTg5LjI3My40MTkuMjczLjY3em0tMS43NTggNS4yNjVsLjU0OC41NDZjLjEzLjE0NS4yMS4zMjEuMjEuNTE0YS42NzcuNjc3IDAgMDEtLjIxLjUxNC43NzguNzc4IDAgMDEtLjUxNi4yMDkuNzQ4Ljc0OCAwIDAxLS41MTYtLjIwOWwtLjU0OC0uNTQ2YS43NzIuNzcyIDAgMDEtLjIxLS41MTRjMC0uMTkzLjA2NS0uMzg2LjIxLS41MTRhLjcyMy43MjMgMCAwMTEuMDMyIDB6Ii8+PC9zdmc+);
  width: 22px;
  height: 22px;
}

.svg-i-inline_rss {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE3LjUgMTcuNSIgZmlsbD0iIzAwQzA0QiI+PGNpcmNsZSBjeD0iMi4xOCIgY3k9IjEzLjE4IiByPSIyLjE4Ii8+PHBhdGggZD0iTTAgMHYyLjgzYzcuMDMgMCAxMi43MyA1LjcgMTIuNzMgMTIuNzNoMi44M0MxNS41NiA2Ljk3IDguNTkgMCAwIDB6bTAgNS42NnYyLjgzYzMuOSAwIDcuMDcgMy4xNyA3LjA3IDcuMDdIOS45YzAtNS40Ny00LjQzLTkuOS05LjktOS45eiIvPjwvc3ZnPg==);
  width: 16px;
  height: 16px;
}

.svg-i-inline_show-more-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDdGQzciPjxwYXRoIGQ9Ik05IDBDNC4wMzggMCAwIDQuMDM4IDAgOXM0LjAzOCA5IDkgOSA5LTQuMDM4IDktOS00LjAzOC05LTktOXptMCAxNi44NzVjLTQuMzQyIDAtNy44NzUtMy41MzMtNy44NzUtNy44NzUgMC00LjM0MiAzLjUzMy03Ljg3NSA3Ljg3NS03Ljg3NSA0LjM0MiAwIDcuODc1IDMuNTMzIDcuODc1IDcuODc1IDAgNC4zNDItMy41MzMgNy44NzUtNy44NzUgNy44NzV6bTQuODk3LTguMjk3bC0zLjI2NC0zLjM0YS41NjguNTY4IDAgMDAtLjgyIDAgLjYwMS42MDEgMCAwMDAgLjgzOGwyLjI3NCAyLjMyOEg0LjUyQS41OS41OSAwIDAwMy45MzggOWMwIC4zMy4yNi41OTYuNTgyLjU5Nmg3LjU2M2wtMi4yNzQgMi4zMjhhLjYwMS42MDEgMCAwMDAgLjgzOS41NjguNTY4IDAgMDAuODIgMGwzLjI2My0zLjM0MWEuNTk4LjU5OCAwIDAwLjE3LS40MjIuNTkzLjU5MyAwIDAwLS4xNjUtLjQyMnoiLz48L3N2Zz4=);
  width: 18px;
  height: 18px;
}

.svg-i_trash {
  fill: none;
  fill-rule: nonzero;
}

.svg-i_win-plus {
  height: 22px;
  width: 18px;
}

.svg-i_save {
  height: 15px;
  width: 15px;
}

.svg-i_circle-plus {
  height: 19px;
  width: 19px;
}

.svg-i_send {
  height: 17px;
  width: 17px;
}

.svg-i_arrow-back {
  height: 14px;
  width: 30px;
}

.svg-i_win-type {
  fill: none;
  fill-rule: evenodd;
  stroke-linecap: round;
  stroke-linejoin: round;
  height: 26px;
}

.svg-i_win-type-1 {
  width: 15px;
}

.svg-i_win-type-2 {
  width: 30px;
}

.svg-i_win-type-3 {
  width: 44px;
}

.svg-i_win-type-5, .svg-i_win-type-40, .svg-i_win-type-4, .svg-i_win-type-6, .svg-i_win-type-34, .svg-i_win-type-7, .svg-i_win-type-11, .svg-i_win-type-12, .svg-i_win-type-13, .svg-i_win-type-14, .svg-i_win-type-15 {
  height: 40px;
}

.svg-i_win-type-4 {
  width: 15px;
}

.svg-i_win-type-5, .svg-i_win-type-40 {
  width: 30px;
}

.svg-i_win-type-34 {
  width: 44px;
}

.svg-i_win-type-6 {
  width: 44px;
}

.svg-i_win-type-7 {
  width: 58px;
}

.svg-i_win-type-8 {
  width: 16px;
}

.svg-i_win-type-9 {
  width: 30px;
}

.svg-i_win-type-10 {
  width: 44px;
}

.svg-i_win-type-11 {
  width: 15px;
}

.svg-i_win-type-12, .svg-i_win-type-13, .svg-i_win-type-14, .svg-i_win-type-15 {
  width: 30px;
}

.svg-i_win-type-21, .svg-i_win-type-22, .svg-i_win-type-23, .svg-i_win-type-24, .svg-i_win-type-25, .svg-i_win-type-37, .svg-i_win-type-38 {
  width: 67px;
  height: 30px;
}

@media (max-width: 767px) {
  .svg-i_win-type-21, .svg-i_win-type-22, .svg-i_win-type-23, .svg-i_win-type-24, .svg-i_win-type-25, .svg-i_win-type-37, .svg-i_win-type-38 {
    width: 62px;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-37, .svg-i_win-type-25 {
    width: 56px;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-24 {
    width: 53px;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-23 {
    width: 48px;
  }
}

.svg-i_win-type-38 {
  width: 103px;
  height: 29px;
}

@media (max-width: 767px) {
  .svg-i_win-type-38 {
    width: 94px;
  }
}

.svg-i_win-type-39 {
  width: 140px;
  height: 29px;
}

@media (max-width: 767px) {
  .svg-i_win-type-39 {
    width: 125px;
  }
}

.svg-i_win-type-26, .svg-i_win-type-27, .svg-i_win-type-28 {
  height: 44px;
  width: 30px;
}

@media (max-width: 767px) {
  .svg-i_win-type-26 {
    height: 27px;
  }
}

.svg-i_win-type-29, .svg-i_win-type-30, .svg-i_win-type-31 {
  height: 57px;
  width: 42px;
}

@media (max-width: 767px) {
  .svg-i_win-type-29, .svg-i_win-type-30, .svg-i_win-type-31 {
    height: 35px;
  }
}

.svg-i_win-type-32, .svg-i_win-type-33, .svg-i_win-type-34, .svg-i_win-type-35, .svg-i_win-type-36, .svg-i_win-type-5, .svg-i_win-type-6, .svg-i_win-type-7, .svg-i_win-type-40 {
  height: 48px;
  width: 52px;
}

@media (max-width: 767px) {
  .svg-i_win-type-32, .svg-i_win-type-33, .svg-i_win-type-34, .svg-i_win-type-35, .svg-i_win-type-36, .svg-i_win-type-5, .svg-i_win-type-6, .svg-i_win-type-7, .svg-i_win-type-40 {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-5, .svg-i_win-type-40 {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-34, .svg-i_win-type-36, .svg-i_win-type-32 {
    width: 38px;
  }
}

@media (max-width: 767px) {
  .svg-i_win-type-21, .svg-i_win-type-22 {
    height: 27px;
  }
}

.svg-i_service-1 {
  height: 36px;
  width: 42px;
}

.svg-i_service-2 {
  height: 37px;
  width: 31px;
}

.svg-i_service-3 {
  height: 37px;
  width: 43px;
}

.svg-i_service-4 {
  height: 47px;
  width: 31px;
}

@media (min-width: 768px) {
  .svg-i_win-type {
    height: 34px;
  }
  .svg-i_win-type-1 {
    width: 21px;
  }
  .svg-i_win-type-2 {
    width: 40px;
  }
  .svg-i_win-type-3 {
    width: 58px;
  }
  .svg-i_win-type-5, .svg-i_win-type-40, .svg-i_win-type-4, .svg-i_win-type-6, .svg-i_win-type-34, .svg-i_win-type-7, .svg-i_win-type-11, .svg-i_win-type-12, .svg-i_win-type-13, .svg-i_win-type-14, .svg-i_win-type-15, .svg-i_win-type-32, .svg-i_win-type-33, .svg-i_win-type-36 {
    height: 46px;
  }
  .svg-i_win-type-35 {
    height: 65px;
    width: 65px;
  }
  .svg-i_win-type-4 {
    width: 21px;
  }
  .svg-i_win-type-5, .svg-i_win-type-40 {
    width: 40px;
  }
  .svg-i_win-type-6 {
    width: 58px;
  }
  .svg-i_win-type-34 {
    width: 58px;
  }
  .svg-i_win-type-7 {
    width: 67px;
  }
  .svg-i_win-type-8 {
    width: 21px;
  }
  .svg-i_win-type-9 {
    width: 40px;
  }
  .svg-i_win-type-10 {
    width: 58px;
  }
  .svg-i_win-type-11 {
    width: 21px;
  }
  .svg-i_win-type-12, .svg-i_win-type-13, .svg-i_win-type-14, .svg-i_win-type-15 {
    width: 40px;
  }
  .svg-i_win-type-21, .svg-i_win-type-22, .svg-i_win-type-23, .svg-i_win-type-24, .svg-i_win-type-25, .svg-i_win-type-37 {
    width: 73px;
    height: 36px;
  }
  .svg-i_service-1 {
    height: 40px;
    width: 46px;
  }
  .svg-i_service-2 {
    height: 41px;
    width: 34px;
  }
  .svg-i_service-3 {
    height: 40px;
    width: 47px;
  }
  .svg-i_service-4 {
    height: 51px;
    width: 34px;
  }
}

@media (max-width: 767px) {
  .svg-i_ot-logo {
    height: 24.7px;
    width: 120.25px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .svg-i_ot-logo {
    height: 31.54px;
    width: 153.55px;
  }
}

.window-svg_comment-new {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gIDxkZWZzPiAgICA8cGF0aCBpZD0iYSIgZD0iTTYuMjkzIDE2LjI5M0ExIDEgMCAwIDEgNyAxNmgxMmExIDEgMCAwIDAgMS0xVjVhMSAxIDAgMCAwLTEtMUg1YTEgMSAwIDAgMC0xIDF2MTMuNTg2bDIuMjkzLTIuMjkzek03LjQxNCAxOGwtMy43MDcgMy43MDdDMy4wNzcgMjIuMzM3IDIgMjEuODkxIDIgMjFWNWEzIDMgMCAwIDEgMy0zaDE0YTMgMyAwIDAgMSAzIDN2MTBhMyAzIDAgMCAxLTMgM0g3LjQxNHoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4gICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+ICAgIDwvbWFzaz4gICAgPHVzZSBmaWxsPSIjYTJhMmEyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIi8+ICAgIDxnIGZpbGw9IiNhMmEyYTIiIG1hc2s9InVybCgjYikiPiAgICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  width: 25px;
  height: 25px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.window-svg_hours {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5C0 7.7573 2.24297 10 5 10C7.75703 10 10 7.7573 10 5C10 2.24297 7.75703 0 5 0C2.24297 0 0 2.24297 0 5ZM5 1.35135C2.98811 1.35135 1.35135 2.98838 1.35135 5C1.35135 7.01189 2.98811 8.64865 5 8.64865C7.01189 8.64865 8.64865 7.01189 8.64865 5C8.64865 2.98838 7.01189 1.35135 5 1.35135ZM5.67568 5.28V2.16216H4.32432V4.72027L3.13541 5.90919L4.09081 6.86486L5.67568 5.28Z' fill='%234A90E2'/%3e%3c/svg%3e");
  height: 10px;
  width: 10px;
}

.new-windows-svg-pin {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-rule='evenodd' fill-rule='evenodd' stroke='%23007fc7' stroke-linecap='square'%3e%3cpath d='m8.0001 9.0611c1.1776 0 2.1333-.95513 2.1333-2.13197 0-1.17683-.9557-2.13193-2.1333-2.13193s-2.13334.9551-2.13334 2.13193c0 1.17684.95574 2.13197 2.13334 2.13197z'/%3e%3cpath d='m14.4001 6.92913c0 5.32987-5.33334 8.52777-6.4 8.52777-1.06667 0-6.4-3.1979-6.4-8.52777 0-3.53156 2.86613-6.395797 6.4-6.395797 3.5339 0 6.4 2.864237 6.4 6.395797z'/%3e%3c/g%3e%3c/svg%3e");
  height: 16px;
  width: 16px;
}

.new-windows-svg-phone {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m5.03395.533333h-2.36717c-1.17821 0-2.133333.955127-2.133333 2.133337v2.13333c0 5.891 4.775633 10.6667 10.666653 10.6667h2.1333c1.1783 0 2.1334-.9552 2.1334-2.1334v-1.4741c0-.404-.2283-.7733-.5897-.954l-2.577-1.28852c-.5805-.29029-1.2836.00094-1.4889.61672l-.3176.9529c-.2058.6172-.8389.9846-1.47686.857-2.55338-.5107-4.54927-2.50654-5.05995-5.05993-.12759-.63796.23983-1.2711.85704-1.47683l1.18254-.39418c.52877-.17626.83269-.7299.69751-1.27063l-.62511-2.50044c-.11871-.47484-.54536-.807957-1.03482-.807957z' stroke='%23007fc7'/%3e%3c/svg%3e");
  height: 16px;
  width: 16px;
}

.new-windows-svg-mail {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m.533447 4.8 7.466663 4.26667 7.46669-4.26667m-13.86669-3.2h12.79999c.5891 0 1.0667.47756 1.0667 1.06667v10.66663c0 .5891-.4776 1.0667-1.0667 1.0667h-12.79999c-.5891 0-1.066663-.4776-1.066663-1.0667v-10.66663c0-.58911.477563-1.06667 1.066663-1.06667z' stroke='%23007fc7'/%3e%3c/svg%3e");
  height: 16px;
  width: 16px;
}

.new-windows-svg-clock {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.99999 8H7.49999C7.49999 8.13261 7.55267 8.25978 7.64644 8.35355L7.99999 8ZM7.99999 14.9667C4.15241 14.9667 1.03333 11.8476 1.03333 8H0.0333252C0.0333252 12.3999 3.60012 15.9667 7.99999 15.9667V14.9667ZM14.9667 8C14.9667 11.8476 11.8476 14.9667 7.99999 14.9667V15.9667C12.3999 15.9667 15.9667 12.3999 15.9667 8H14.9667ZM7.99999 1.03333C11.8476 1.03333 14.9667 4.15242 14.9667 8H15.9667C15.9667 3.60013 12.3999 0.0333328 7.99999 0.0333328V1.03333ZM7.99999 0.0333328C3.60012 0.0333328 0.0333252 3.60013 0.0333252 8H1.03333C1.03333 4.15242 4.15241 1.03333 7.99999 1.03333V0.0333328ZM7.49999 3.2V8H8.49999V3.2H7.49999ZM7.64644 8.35355L10.8464 11.5536L11.5535 10.8464L8.35354 7.64645L7.64644 8.35355Z' fill='%23007FC7'/%3e%3c/svg%3e ");
  height: 16px;
  width: 16px;
}

.stars ul {
  list-style: none;
}

.stars ul::after {
  clear: both;
  content: "";
  display: table;
}

.stars li {
  float: left;
}

.stars li + li {
  margin-left: 1px;
}

.stars li button {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.stars li .svg-i_star {
  fill: #CCCCCC;
  height: 15px;
  width: 15px;
  -webkit-transition: fill 0.4s, stroke 0.4s;
  -o-transition: fill 0.4s, stroke 0.4s;
  transition: fill 0.4s, stroke 0.4s;
}

.stars,
.stars ul, .stars__val, .feedback__comments {
  display: inline-block;
  vertical-align: middle;
}

.stars__val, .feedback__comments {
  font: 12px/12px GothamPro, sans-serif;
  letter-spacing: .25px;
  color: #9E9E9E;
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.video {
  background-color: #fff;
  display: inline-block;
}

.video__caption {
  font: 500 14px/120% "Open Sans", sans-serif;
  padding: 15px 20px;
}

.video__preview {
  background-size: cover;
  position: relative;
}

.video__preview .svg-i_play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -35px;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}

.video:hover .svg-i_play {
  fill: #00BFD6;
}

@media (max-width: 767px) {
  .video__preview {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .video__caption {
    font-weight: 700;
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .video__preview {
    height: 280px;
  }
}

@media (min-width: 1170px) {
  .video__preview {
    height: 360px;
  }
  .video__caption {
    font-size: 16px;
    line-height: 26px;
    min-height: 90px;
    padding: 24px 31px 15px;
  }
}

.videos {
  padding-bottom: 30px;
}

.videos__el .video {
  width: 100%;
}

@media (max-width: 767px) {
  .videos {
    margin-right: -10px;
    margin-left: -10px;
  }
  .videos__el + .videos__el {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  .videos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .videos__el {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .videos__el .video {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (min-width: 768px) {
  .videos__el {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .videos {
    margin: -7px;
  }
  .videos__el {
    padding: 7px;
  }
}

@media (min-width: 1170px) {
  .videos {
    margin: -15px;
  }
  .videos__el {
    padding: 15px;
  }
}

.tabs {
  list-style: none;
}

.tabs::after {
  clear: both;
  content: "";
  display: table;
}

.tabs__el {
  float: left;
  font: 700 10px/120% "Open Sans", sans-serif;
  letter-spacing: .5px;
}

.tabs__ln {
  border: 1px solid transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  border-radius: 40px;
  padding: 0 20px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  -o-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  text-transform: uppercase;
}

.tabs__ln:not(.active) .svg-i {
  fill: #7B7A83;
}

.tabs__ln.active .svg-i, .tabs__ln:hover .svg-i {
  fill: #00BFD6;
}

.tabs .active {
  color: #00BFD6;
  border-color: #00BFD6;
}

.tabs .svg-i {
  margin-right: 17px;
  max-width: 17px;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}

.tabs .svg-i_list {
  height: 14px;
  width: 14px;
}

.tabs .svg-i_markers {
  height: 18px;
  width: 17px;
}

.tabs-content:not(.active) {
  display: none;
}

.tabs-2-marker {
  display: block;
}

.tabs-2-marker:not(.active) {
  position: absolute;
  width: 0;
}

.tabs-2-marker.active {
  position: relative;
  width: 100%;
}

.tabs-2 {
  text-align: center;
  display: block;
  background-color: #F5F6F8;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.tabs-2-content {
  display: none;
}

.tabs-2-content.loaded:not(.dn) {
  display: block;
}

.tabs-2__tab {
  display: inline-block;
  vertical-align: top;
  color: #7b7b83;
  font: 500 12px/120% "Open Sans", sans-serif;
  white-space: nowrap;
  letter-spacing: .75px;
  text-transform: uppercase;
  padding-top: 25px;
  -webkit-transition: color 0.4s, background-color 0.4s;
  -o-transition: color 0.4s, background-color 0.4s;
  transition: color 0.4s, background-color 0.4s;
}

.tabs-2__tab_box {
  background-color: #39b54a;
  color: #fff;
}

.tabs-2__tab_box:hover {
  background-color: #00BFD6;
  color: #fff;
}

.tabs-2__tab-before {
  margin-right: 13px;
}

.tabs-2__tab-after {
  margin-left: 13px;
}

.tabs-2__tab-before, .tabs-2__tab-after {
  color: #00BFD6;
  font: italic 13px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.tabs-2__tab.active {
  background: #fff;
  color: #000000;
  position: relative;
}

.tabs-2__tab.active:after, .tabs-2__tab.active:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
}

.tabs-2__tab.active:before {
  left: 0;
  bottom: 0;
}

.tabs-2__tab.active:after {
  border: 2px solid transparent;
  border-top-color: #00BFD6;
  border-right-color: #00BFD6;
  height: 4px;
  width: 4px;
}

@media (max-width: 767px) {
  .tabs-2 {
    display: block;
  }
  .tabs-2__tab {
    background: #fff;
    display: block;
    height: 60px;
    padding: 25px 30px 0;
    position: relative;
  }
  .tabs-2__tab + .tabs-2__tab {
    margin-top: 2px;
  }
  .tabs-2__tab svg {
    height: 5px;
    width: 8px;
    -webkit-transition: fill 0.4s, -webkit-transform 0.4s;
    transition: fill 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, fill 0.4s;
    transition: transform 0.4s, fill 0.4s;
    transition: transform 0.4s, fill 0.4s, -webkit-transform 0.4s;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -2px;
  }
  .tabs-2__tab.active:before {
    border-left: 2px solid #00BFD6;
    height: 100%;
    width: 0;
  }
  .tabs-2__tab.active:after {
    left: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .tabs-2__tab.active svg {
    fill: #00BFD6;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (min-width: 768px) {
  .tabs-2 {
    background-color: #FAFAFB;
    border-top: 1px solid #F5F6F8;
  }
  .tabs-2__scroller {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .tabs-2__inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .tabs-2__tab {
    border: 1px solid #F5F6F8;
    border-bottom: 0;
    border-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
  .tabs-2__tab + .tabs-2__tab {
    border-left: 0;
  }
  .tabs-2__tab svg {
    display: none;
  }
  .tabs-2__tab.active:before {
    border-bottom: 2px solid #00BFD6;
    height: 0;
    width: 100%;
    left: 0;
  }
  .tabs-2__tab.active:after {
    left: 50%;
    margin-left: -2px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .tabs-2__tab {
    font-size: 10px;
    height: 59px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .tabs-2__tab-before, .tabs-2__tab-after {
    font-size: 11px;
  }
  .tabs-2__tab-before {
    margin-left: 8px;
  }
  .tabs-2__tab-after {
    margin-left: 8px;
  }
}

@media (min-width: 1170px) {
  .tabs-2__tab {
    height: 69px;
    min-width: 147px;
    padding-top: 29px;
  }
  .windows .tabs-2__tab {
    padding-top: 27px;
  }
}

.tabs-2:not(.tabs-2_fixed) .visible-when-fixed {
  display: none;
}

.tabs-2_fixed {
  background-color: #D4D7DD;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

.tabs-2 .msg-info {
  margin: 0;
  font-style: normal;
  padding: 4px 11px;
  margin-left: -3px;
}

@media (max-width: 767px) {
  .tabs-2 .msg-info {
    margin-left: -58px;
    /* opacity: 0; */
    /* position: absolute; */
    position: relative;
    -webkit-transform: translateX(-123px) translateY(-2px);
        -ms-transform: translateX(-123px) translateY(-2px);
            transform: translateX(-123px) translateY(-2px);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.tabs-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .seller-tabs .msg-info {
    margin-left: 0;
    position: absolute;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (max-width: 460px) {
  .seller-tabs .msg-info {
    left: 50px;
  }
}

@media (min-width: 461px) and (max-width: 640px) {
  .seller-tabs .msg-info {
    left: 20%;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  .seller-tabs .msg-info {
    left: 31%;
  }
}

.tabs-filter {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabs-filter--bordered {
  border-bottom: 1px solid #F5F6F8;
  border-top: 1px solid #F5F6F8;
}

.tabs-filter--configurator {
  max-width: 453px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .tabs-filter--configurator {
    max-width: 533px;
  }
}

.tabs-filter--stretch {
  width: 100%;
}

.tabs-filter--stretch .tabs-filter__option {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tabs-filter--stretch .tabs-filter__options {
  width: 100%;
}

.tabs-filter__placeholder {
  color: #7b7b83;
  font: 500 12px/120% "Open Sans", sans-serif;
  padding-left: 32px;
  padding-right: 34px;
}

.tabs-filter__options {
  background: #fff;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabs-filter__option {
  font: 500 10px/120% "Open Sans", sans-serif;
  letter-spacing: .3px;
  text-transform: uppercase;
  border-left: 1px solid #F5F6F8;
  color: #7b7b83;
}

.tabs-filter__option:last-child {
  border-right: 1px solid #F5F6F8;
}

.tabs-filter__option-ln {
  display: block;
  height: 60px;
  padding: 24px 19px 0;
  text-align: center;
  white-space: nowrap;
  color: inherit;
}

.tabs-filter__option.active {
  color: #202020;
}

.tabs-filter__option.active .tabs-filter__option-ln {
  cursor: default;
  position: relative;
}

.tabs-filter__option.active .tabs-filter__option-ln:after, .tabs-filter__option.active .tabs-filter__option-ln:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
}

.tabs-filter__option.active .tabs-filter__option-ln:before {
  border-bottom: 2px solid #00BFD6;
  height: 0;
  width: 100%;
  left: 0;
}

.tabs-filter__option.active .tabs-filter__option-ln:after {
  border: 2px solid transparent;
  border-top-color: #00BFD6;
  border-right-color: #00BFD6;
  height: 4px;
  width: 4px;
  left: 50%;
  margin-left: -2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tabs-filter__option.active .tabs-filter__option-ln:hover {
  color: #202020;
}

.hello-panel {
  padding: 10px 20px 10px 0;
  background-color: #c8edf3;
  text-align: center;
  color: #444444;
  z-index: 1000;
  position: relative;
}

.hello-panel a {
  font-weight: bold;
}

.hello-panel .wrap {
  position: relative;
}

.hello-panel .wrap .close {
  position: absolute;
  top: 0;
  right: 5px;
  cursor: pointer;
  font-weight: bold;
}

@media (max-width: 1169px) {
  .hello-panel {
    font-size: 11px;
  }
}

select.window-type-choose {
  display: none;
}

.window-type-choose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: -5px -5px 5px -5px;
}

.window-type-choose__caption {
  font-size: 11px;
  line-height: 14px;
  margin-top: 4px;
  color: #ababab;
}

.window-type-choose__element {
  margin: 5px 10px 25px 10px;
  position: relative;
}

.window-type-choose__element, .window-type-choose__element > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  width: auto;
  color: #959595;
}

.window-type-choose__element > a {
  border-radius: 8px;
  color: #959595;
}

.window-type-choose__element > a:hover {
  color: #00bbd3;
}

.window-type-choose__element > a.reflected {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.window-type-choose__element > a svg {
  pointer-events: none;
}

.window-type-choose__element > a svg > rect {
  position: relative;
  pointer-events: auto;
}

.window-type-choose__element-reflect {
  border: 0;
  background-color: transparent;
  color: #bdbdc3;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  margin-top: 1px;
}

.window-type-choose__element-reflect:hover {
  color: #00BFD6;
}

.window-type-choose__element.active > a {
  color: #00bbd3;
}

.window-type-choose__element.active > a svg,
.window-type-choose__element.active > a rect,
.window-type-choose__element.active > a path {
  stroke: #00bbd3 !important;
}

.window-type-choose__element.active > a > .svg-i_win-type-8, .window-type-choose__element.active > a > .svg-i_win-type-9, .window-type-choose__element.active > a > .svg-i_win-type-10, .window-type-choose__element.active > a > .svg-i_win-type-11, .window-type-choose__element.active > a > .svg-i_win-type-12, .window-type-choose__element.active > a > .svg-i_win-type-13, .window-type-choose__element.active > a > .svg-i_win-type-14, .window-type-choose__element.active > a > .svg-i_win-type-15, .window-type-choose__element.active > a > .svg-i_win-type-26, .window-type-choose__element.active > a > .svg-i_win-type-21, .window-type-choose__element.active > a > .svg-i_win-type-22, .window-type-choose__element.active > a > .svg-i_win-type-23, .window-type-choose__element.active > a > .svg-i_win-type-24, .window-type-choose__element.active > a > .svg-i_win-type-25 {
  stroke: #00bbd3 !important;
}

@media (min-width: 768px) {
  .window-type-choose {
    margin: -5px -15px 10px -15px;
  }
  .window-type-choose__element {
    margin: 5px 15px 25px 15px;
  }
  .window-type-choose__element-reflect {
    margin-top: 5px;
  }
}

.line-cards {
  margin: -4px 0;
}

.line-cards .stars__val, .line-cards .feedback__comments {
  top: 3px;
}

.line-cards-group {
  margin: 0 0 30px;
}

.line-cards-group .config-subtitle {
  margin-bottom: 25px;
}

.line-cards-group__show-more {
  margin: 22px 0 0 33px;
}

@media (max-width: 767px) {
  .line-cards-group {
    margin-left: -17px;
    margin-right: -17px;
  }
  .line-cards-group__show-more {
    margin-left: 17px;
  }
}

.line-card {
  background-color: #ffffff;
  border-radius: 3px;
  margin: 4px 0;
  padding: 0 31px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-ie .line-card {
  min-height: 88px;
}

.ie .line-card {
  padding-top: 32px;
  padding-bottom: 32px;
}

.line-card__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.line-card__stars {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.25px;
  color: #7b7b83;
  white-space: nowrap;
}

.line-card__stars .stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.line-card__stars .stars ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.line-card__cost {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  white-space: nowrap;
}

.line-card__cost--from {
  padding-left: 30px;
}

.line-card__cost--to {
  padding-left: 30px;
}

.line-card__cost-description {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.25px;
  color: #7b7b83;
  white-space: nowrap;
}

.line-card__name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  color: #202020;
}

.line-card__name a {
  color: #202020;
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .line-card__stars {
    width: 120px;
  }
  .line-card__cost--from {
    padding: 0 15px 0 30px;
    white-space: nowrap;
    width: 150px;
  }
}

@media (max-width: 767px) {
  .line-card {
    border-radius: 0;
    padding-top: 22px;
    padding-bottom: 28px;
    padding-left: 21px;
    padding-right: 21px;
  }
  .line-card__inner, .line-card__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .line-card__cost--from {
    padding-left: 0;
  }
  .line-card__costs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .line-card__costs--from {
    margin-left: 35px;
  }
  .line-card__stars {
    margin: 3px 0 19px;
  }
}

@media (min-width: 768px) {
  .line-card__left {
    width: -webkit-calc(100% - 425px);
    width: calc(100% - 425px);
  }
  .line-card__right {
    width: 425px;
  }
  .line-card__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .line-card__right, .line-card__costs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 1170px) {
  .line-card__right .line-card__stars {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
  .line-card__right .line-card__costs {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
       -moz-box-flex: 1;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
  }
  .line-card__cost--from {
    width: 164px;
  }
}

@media (min-width: 768px) {
  .line-card__cost-description {
    display: none;
  }
}

.line-card-subtitle {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fff;
}

@media (max-width: 767px) {
  .line-card-subtitle {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.line-card-subtitle__img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 278px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px;
}

@media (max-width: 1023px) {
  .line-card-subtitle__img {
    width: 223px;
    padding: 50px 24px;
  }
}

@media (max-width: 767px) {
  .line-card-subtitle__img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100%;
    padding: 36px 35px 25px;
  }
}

.line-card-subtitle__img img {
  width: 100%;
  max-height: 250px;
}

.line-card-subtitle__img img.win-type-1 {
  width: 83px;
}

.line-card-subtitle__img img.win-type-2 {
  width: 140px;
}

.line-card-subtitle__img img.win-type-3 {
  width: 208px;
}

.line-card-subtitle__img img.win-type-4 {
  width: 208px;
}

.line-card-subtitle__inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 39px 50px;
  border-left: 1px solid #F5F6F8;
}

@media (max-width: 1023px) {
  .line-card-subtitle__inner {
    padding: 20px 50px;
  }
}

@media (max-width: 767px) {
  .line-card-subtitle__inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100%;
    padding: 10px 14px 34px 30px;
  }
}

.line-card-subtitle__name {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
  color: #000;
  margin-bottom: 21px;
}

.line-card-subtitle__properties {
  font-family: "Open Sans", sans-serif;
}

.line-card-subtitle__property {
  color: #a2a2a2;
  font-size: 14px;
  line-height: 20px;
}

.line-card-subtitle__property:not(:last-child) {
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .line-card-subtitle__property {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
  }
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.justify-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn_sm-height {
  height: 30px;
  width: 108px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
}

.line-card-company {
  position: relative;
  background-color: #fff;
  padding: 18px 21px 11px 29px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}

@media (max-width: 1169px) {
  .line-card-company {
    padding-right: 26px;
  }
}

@media (max-width: 1023px) {
  .line-card-company {
    padding-bottom: 22px;
  }
}

@media (max-width: 767px) {
  .line-card-company {
    padding: 19px 24px 27px 29px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.line-card-company:not(:last-child) {
  margin-bottom: 2px;
}

.line-card-company:hover {
  z-index: 1;
  -webkit-box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
}

.line-card-company--special .line-card-company__top {
  position: relative;
  z-index: 3;
  padding-bottom: 13px;
}

.line-card-company--special .line-card-company__top::before {
  position: absolute;
  content: "";
  top: -18px;
  left: -6px;
  width: -webkit-calc(100% + 12px);
  width: calc(100% + 12px);
  height: -webkit-calc(100% + 31px);
  height: calc(100% + 31px);
  border: 1px solid #00C04B;
  z-index: -1;
}

@media (max-width: 767px) {
  .line-card-company--special .line-card-company__top::before {
    top: -22px;
    left: -20px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    height: -webkit-calc(100% + 35px);
    height: calc(100% + 35px);
  }
}

.is-card .line-card-company--special .line-card-company__top::before {
  top: -19px;
  left: -7px;
  width: -webkit-calc(100% + 14px);
  width: calc(100% + 14px);
  height: -webkit-calc(100% + 32px);
  height: calc(100% + 32px);
}

@media (max-width: 767px) {
  .is-card .line-card-company--special .line-card-company__top::before {
    top: -22px;
    left: -20px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    height: -webkit-calc(100% + 35px);
    height: calc(100% + 35px);
  }
}

.line-card-company__banner {
  position: relative;
  margin-bottom: 6px;
}

.line-card-company__banner a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.line-card-company__banner img {
  width: 100%;
}

.line-card-company__tooltips {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}

.line-card-company__tooltip {
  margin-right: 10px;
}

.line-card-company__tooltip:last-child {
  margin-right: 0;
}

.line-card-company__tooltip .tip {
  background-color: transparent;
  margin-left: 0;
  cursor: help;
}

.line-card-company__table {
  width: 100%;
  overflow: auto;
}

.is-card .line-card-company__table {
  overflow: visible;
}

.line-card-company__table-head {
  background-color: #f5f6f8;
  border-top: 1px solid #b9c6d0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 22px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .line-card-company__table-head {
    padding: 0 12px;
    min-width: 806px;
  }
}

@media (max-width: 767px) {
  .line-card-company__table-head {
    padding: 0 12px;
    width: 100%;
    min-width: 806px;
  }
}

.line-card-company__table-title {
  font-size: 8px;
  letter-spacing: 0.2px;
  color: #7b7b83;
  text-transform: uppercase;
  padding: 20px 15px 20px 0;
  font-weight: 600;
}

.line-card-company__table-title--type {
  width: 16%;
}

.line-card-company__table-title--group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  padding: 0;
}

.line-card-company__table-title--system {
  width: 21%;
}

.line-card-company__table-title--seria {
  width: 22%;
}

.line-card-company__table-title--glass {
  width: 25%;
}

.line-card-company__table-title--open {
  width: 32%;
}

.line-card-company__table-body {
  padding: 0 22px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .line-card-company__table-body {
    padding: 0 12px;
    min-width: 806px;
  }
  .is-card .line-card-company__table-body {
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .line-card-company__table-body {
    padding: 0 12px;
    width: 100%;
    min-width: 806px;
  }
  .is-card .line-card-company__table-body {
    min-width: 0;
  }
}

.is-card .line-card-company__table-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}

.line-card-company__table-image {
  position: relative;
  z-index: 1;
}

.line-card-company__table-text {
  position: relative;
  z-index: 1;
}

.line-card-company__table-text p {
  color: #202020;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.line-card-company__table-text:hover p {
  color: #00bbd3 !important;
}

.line-card-company__table-more {
  width: 100%;
}

.line-card-company__table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.is-card .line-card-company__table-row {
  width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 44px 10px 22px 22px;
  border-right: 1px solid #B2C4D0;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-row {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding: 44px 32px 2px;
  }
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-row {
    width: 100%;
    border: 0;
    border-top: 1px solid #dfe7eb;
    padding: 20px 0 82px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
        grid-template-areas: "title title" "price price" "info info";
  }
}

@media (min-width: 1170px) {
  .is-card .line-card-company__table-row:hover:before {
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  .is-card .line-card-company__table-row:hover .line-card-company__table-column--group {
    display: block;
    border: 1px solid #b2c4d0;
    padding-left: 30px;
    padding-right: 10px;
    width: -webkit-calc(100% + 17px);
    width: calc(100% + 17px);
    left: -8px;
    border: 0;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  .is-card .line-card-company__table-row:hover .line-card-company__table-column--group:after {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
  }
}

.is-card .line-card-company__table-row:nth-child(4n + 4) {
  border-right: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-row:nth-child(n + 4) {
    display: none;
  }
}

.line-card-company__table-row.is-additional {
  cursor: default;
  display: none;
}

@media (min-width: 1170px) {
  .is-card .line-card-company__table-row.is-additional {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.is-card .line-card-company__table-row.is-additional:before {
  display: none;
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-image {
    position: absolute;
    right: 0;
    top: 20px;
    max-width: 44%;
  }
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-text {
    max-width: 50%;
  }
}

.line-card-company__table-column {
  font-size: 11px;
  line-height: 1.55;
  color: #000;
  border-bottom: 1px solid #b2c4d0;
  vertical-align: top;
  padding: 20px 15px 20px 0;
}

.is-card .line-card-company__table-column {
  border-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  color: #202020;
}

.is-card .line-card-company__table-column--empty {
  display: none !important;
}

.line-card-company__table-column--type {
  width: 16%;
}

.line-card-company__table-column--type img {
  height: 40px;
}

.is-card .line-card-company__table-column--type {
  width: 100%;
  padding: 0 0 8px;
}

.is-card .line-card-company__table-column--type img {
  max-width: 100%;
  height: 90px;
  display: block;
  margin: 0 auto 12px;
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--type img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 90px;
  }
}

.is-card .line-card-company__table-column--type p {
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  color: #202020;
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--type p {
    font-size: 11px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--type {
    grid-area: title;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.line-card-company__table-column--group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  padding: 0;
}

.is-card .line-card-company__table-column--group {
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -webkit-calc(100% - 1px);
  top: calc(100% - 1px);
  background-color: #fff;
  padding: 0 22px 22px;
  z-index: 3;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--group {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--group.is-visible {
    display: block;
    border: 1px solid #b2c4d0;
    border-top: 0;
  }
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--group.is-visible {
    grid-area: info;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 22px 0 0;
  }
}

.line-card-company__table-column--system {
  width: 21%;
  border: 0;
}

.is-card .line-card-company__table-column--system {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.is-card .line-card-company__table-column--system::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--system .is-hidden {
    display: none;
  }
  .is-card .line-card-company__table-column--system .is-visible {
    display: block;
  }
}

.line-card-company__table-column--seria {
  width: 22%;
  border: 0;
}

.is-card .line-card-company__table-column--seria {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.is-card .line-card-company__table-column--seria::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--seria .is-hidden {
    display: none;
  }
  .is-card .line-card-company__table-column--seria .is-visible {
    display: block;
  }
}

.line-card-company__table-column--glass {
  width: 25%;
  border: 0;
}

.is-card .line-card-company__table-column--glass {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.is-card .line-card-company__table-column--glass::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--glass .is-hidden {
    display: none;
  }
  .is-card .line-card-company__table-column--glass .is-visible {
    display: block;
  }
}

.line-card-company__table-column--open {
  width: 32%;
  border: 0;
}

.is-card .line-card-company__table-column--open {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.is-card .line-card-company__table-column--open::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--open .is-hidden {
    display: none;
  }
  .is-card .line-card-company__table-column--open .is-visible {
    display: block;
  }
}

.line-card-company__table-column--price {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .line-card-company__table-column--price {
    position: static;
  }
}

.line-card-company__table-column--price .line-card-company__showmore {
  display: none;
}

.is-card .line-card-company__table-column--price {
  padding: 0;
  margin-top: auto;
  border: 0;
}

.is-card .line-card-company__table-column--price .table-price__text {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--price .table-price__text {
    font-size: 11px;
    line-height: 13px;
    max-width: 50%;
    margin-bottom: 0;
  }
  .is-card .line-card-company__table-column--price .table-price__text .sp-lg {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .is-card .line-card-company__table-column--price .line-card-company__showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    position: relative;
    z-index: 2;
  }
  .is-card .line-card-company__table-column--price .line-card-company__showmore .showmore {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .is-card .line-card-company__table-column--price .line-card-company__showmore .showmore span {
    font-size: 13px;
    line-height: 13px;
    color: #959595;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--price {
    grid-area: price;
  }
  .is-card .line-card-company__table-column--price .line-card-company__showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .is-card .line-card-company__table-column--price .line-card-company__showmore .showmore {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .is-card .line-card-company__table-column--price .line-card-company__showmore .showmore span {
    font-size: 13px;
    line-height: 13px;
    color: #959595;
    font-weight: 400;
  }
}

.line-card-company__table-column--price .table-price__double-buttons {
  position: relative;
  z-index: 3;
}

@media (max-width: 767px) {
  .is-card .line-card-company__table-column--price .table-price__double-buttons {
    position: absolute;
    bottom: 20px;
    right: 0;
  }
}

.line-card-company__table-more {
  text-align: center;
}

.is-card .line-card-company__table-more {
  border-top: 1px solid #B2C4D0;
}

.line-card-company__table-more .btn {
  margin: 25px 0;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #959595;
  height: auto;
  width: auto;
  padding: 0 0 2px;
  background: none;
  border-radius: 0;
  border-bottom: 1px dashed #007fc7;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

@media (max-width: 767px) {
  .line-card-company__table-more .btn {
    margin-bottom: 32px;
  }
}

.line-card-company__table-more .btn:hover {
  border-bottom: 1px dashed transparent;
}

.is-card .line-card-company__table {
  border-top: 1px solid #b2c4d0;
  border-bottom: 1px solid #b2c4d0;
  margin-left: -6px;
  margin-right: -6px;
  width: -webkit-calc(100% + 12px);
  width: calc(100% + 12px);
}

@media (max-width: 767px) {
  .is-card .line-card-company__table {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

.is-card .line-card-company__table-head {
  display: none;
}

.line-card-company .stars li .svg-i_star {
  width: 16px;
  height: 16px;
}

@media (max-width: 767px) {
  .line-card-company .stars li .svg-i_star {
    width: 12px;
    height: 12px;
  }
}

.line-card-company__information {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}

@media (max-width: 767px) {
  .line-card-company__information {
    width: 100%;
  }
}

.line-card-company__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.line-card-company__name {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  margin-bottom: 8px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (min-width: 768px) {
  .line-card-company__name {
    margin-bottom: 15px;
  }
}

.line-card-company__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}

.line-card-company__rating-text {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 5px;
  color: #4a4a4a;
}

@media (max-width: 767px) {
  .line-card-company__rating-text {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

.line-card-company__rating .stars {
  margin-right: 22px;
  font-size: 0;
  vertical-align: bottom;
}

.line-card-company__rating .stars ul {
  vertical-align: baseline;
}

.line-card-company__rating .stars__val, .line-card-company__rating .feedback__comments {
  display: none;
}

.line-card-company__rating-comments {
  position: relative;
  z-index: 2;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
  justify-self: flex-end;
}

.line-card-company__rating-comments .svg-i {
  margin-right: 7px;
}

.line-card-company__rating-comments-count {
  font-size: 13px;
  line-height: 13px;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  .line-card-company__rating-comments-count {
    font-size: 11px;
  }
}

.line-card-company__rating-comments .window-svg_comment-new {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

@media (max-width: 767px) {
  .line-card-company__rating-comments .window-svg_comment-new {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
}

.line-card-company__address {
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  font-size: 11px;
  line-height: 17px;
  margin-bottom: 8px;
  color: #000;
  z-index: 2;
}

.line-card-company__address .svg-i {
  position: absolute;
  left: -2px;
  margin-top: 2px;
}

@media (min-width: 768px) {
  .line-card-company__address {
    margin-bottom: 8px;
    font-size: 11px;
  }
}

.line-card-company__tel {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  color: #959595;
}

@media (max-width: 767px) {
  .line-card-company__tel {
    font-size: 11px;
    line-height: 17px;
  }
}

.line-card-company__tel .svg-i {
  position: absolute;
  left: -2px;
  margin-top: 2px;
}

.line-card-company__tel-placeholder {
  display: table;
  color: #4a4a4a;
  border-bottom: 1px dashed #007fc7;
  z-index: 2;
  position: relative;
  cursor: pointer;
}

.line-card-company__tel-number {
  display: table;
  z-index: 2;
  position: relative;
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  color: #4a4a4a;
  cursor: pointer;
}

.line-card-company__tel-number:hover {
  color: #007fc7;
}

.line-card-company__tel-number a {
  display: block;
}

@media (min-width: 768px) {
  .line-card-company__tel {
    margin-bottom: 8px;
    font-size: 11px;
  }
}

.line-card-company__work {
  color: #a2a2a2;
  font-size: 11px;
}

.line-card-company__work-wrapper {
  margin-top: 10px;
}

.line-card-company__email {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  font-size: 11px;
  line-height: 17px;
  color: #959595;
}

@media (min-width: 768px) {
  .line-card-company__email {
    font-size: 11px;
  }
}

.line-card-company__email .svg-i {
  position: absolute;
  left: -2px;
  margin-top: 2px;
}

.line-card-company__email-placeholder {
  display: table;
  color: #4a4a4a;
  border-bottom: 1px dashed #007fc7;
  z-index: 2;
  position: relative;
  cursor: pointer;
}

.line-card-company__email-address {
  display: table;
  font-weight: bold;
  z-index: 2;
  position: relative;
  font-size: 11px;
}

.line-card-company__email-address:hover {
  color: #007fc7;
}

.line-card-company__button {
  padding-top: 7px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media (max-width: 1023px) {
  .line-card-company__button {
    padding-top: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.line-card-company__button .btn {
  z-index: 2;
  height: 40px;
  position: relative;
}

@media (max-width: 767px) {
  .line-card-company__button {
    text-align: right;
  }
}

.line-card-company__price {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 160px;
}

@media (max-width: 1023px) {
  .line-card-company__price {
    width: auto;
  }
}

.line-card-company__price-big {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 8px;
}

.line-card-company__price-small {
  font-size: 12px;
  line-height: 16px;
  color: #a2a2a2;
  margin-bottom: 21px;
}

.line-card-company__price-small span {
  font-weight: bold;
  color: #4a4a4a;
}

@media (max-width: 767px) {
  .line-card-company__price-small {
    margin-bottom: 0;
  }
}

.line-card-company__image {
  display: none;
}

.is-card .line-card-company__image {
  width: 50%;
  position: relative;
  overflow: hidden;
  display: block;
}

.is-card .line-card-company__image-inner {
  padding-top: 38px;
  padding-left: 24px;
}

.is-card .line-card-company__image-title {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
}

.is-card .line-card-company__image-text {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
  margin-bottom: 32px;
  width: 300px;
  max-width: 100%;
}

.is-card .line-card-company__image-img {
  position: absolute;
  bottom: -18px;
  right: -28px;
  width: 262px;
}

.is-card .line-card-company__image-img img {
  width: 100%;
}

.is-card .line-card-company__image .btn {
  height: 39px;
}

.is-card .line-card-company__image--big {
  width: 75%;
  min-height: 334px;
}

.is-card .line-card-company__image--big .line-card-company__image-img {
  width: 359px;
  bottom: -6px;
  right: 0;
}

.is-card .line-card-company__image--big .line-card-company__image-inner {
  padding-top: 88px;
}

.is-card .line-card-company__image--small {
  width: 25%;
}

.is-card .line-card-company__image--small .line-card-company__image-img {
  display: none;
}

.is-card .line-card-company__image--small .line-card-company__image-inner {
  height: 100%;
  padding-right: 16px;
  padding-bottom: 22px;
}

.is-card .line-card-company__image--small .line-card-company__image-info {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.line-card-company.line-card-company__window {
  margin-bottom: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 22px 15px 0 15px;
}

@media (min-width: 768px) {
  .line-card-company.line-card-company__window {
    padding: 18px 6px 0 6px;
  }
}

@media (max-width: 767px) {
  .line-card-company.line-card-company__window {
    padding: 22px 20px 0 20px;
  }
}

.is-card .line-card-company.line-card-company__window {
  border: 1px solid #b2c4d0;
}

@media (max-width: 767px) {
  .is-card .line-card-company.line-card-company__window {
    border: 0;
  }
}

.line-card-company__logo {
  display: block;
  width: 100%;
  max-width: 65px;
}

.line-card-company__email-address {
  font-weight: normal;
  color: #007fc7;
}

.line-card-company__description {
  width: -webkit-calc((100% / 3) * 2);
  width: calc((100% / 3) * 2);
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .line-card-company__description {
    width: 100%;
    margin-top: 20px;
  }
}

.line-card-company__description-txt {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .line-card-company__description-txt {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .line-card-company__description-txt:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .line-card-company__description {
    line-height: 1.7;
  }
  .line-card-company__description__txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
  .line-card-company__description__txt .line-card-company__description-txt {
    max-width: 245px;
    margin-left: 40px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1169px) {
  .line-card-company__description__txt .line-card-company__description-txt {
    max-width: 180px;
  }
}

@media (min-width: 768px) {
  .line-card-company__description__txt .line-card-company__description-txt:first-child {
    max-width: 232px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1169px) {
  .line-card-company__description__txt .line-card-company__description-txt:first-child {
    max-width: 180px;
  }
}

@media (min-width: 768px) {
  .line-card-company__description__txt .line-card-company__description-txt:nth-child(odd) {
    margin-left: 0;
  }
}

.window-svg_comment-custom.window-svg_comment-custom--left {
  left: -13px;
}

.line-card-company__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.line-card-company__top .lcc__item--1 {
  margin-bottom: 15px;
}

.line-card-company__top .lcc__item--2 {
  margin-bottom: 20px;
}

.line-card-company__top .lcc__item--3 {
  margin-bottom: 30px;
}

.line-card-company__top-logo {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .line-card-company__top-logo {
    margin-bottom: 15px;
  }
}

.line-card-company__top-logo .msg-info {
  margin-left: 36px;
}

@media (max-width: 767px) {
  .line-card-company__top-logo .msg-info {
    margin-left: 26px;
  }
}

.line-card-company__top-title {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 767px) {
  .line-card-company__top-title {
    margin-bottom: 7px;
  }
}

.line-card-company__top-rait {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  margin-bottom: 10px;
}

.line-card-company__top-desc {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
     -moz-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 100%;
  font-size: 11px;
  line-height: 16px;
  color: #959595;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .line-card-company__top-desc {
    margin-bottom: 30px;
  }
}

.line-card-company__top-info {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
     -moz-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
  margin-bottom: 20px;
}

.line-card-company__top-info.is-hidden {
  display: none;
}

.line-card-company__top-showmore {
  z-index: 2;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
     -moz-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  width: 100%;
  margin-bottom: 20px;
}

.line-card-company__top-button {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
     -moz-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
  width: 100%;
  text-align: left;
  padding-top: 0;
}

.line-card-company__top-tooltips {
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .line-card-company__top {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "logo title button" "rait desc showmore" "tooltips tooltips tooltips" "info info info";
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
    padding: 0 12px;
  }
  .line-card-company__top-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo;
    margin-bottom: 14px;
  }
  .line-card-company__top-title {
    grid-area: title;
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 22px;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    position: relative;
  }
  .line-card-company__top-title:hover {
    color: #007fc7;
  }
  .line-card-company__top-button {
    grid-area: button;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .line-card-company__top-rait {
    grid-area: rait;
  }
  .line-card-company__top-desc {
    grid-area: desc;
    font-size: 13px;
    line-height: 24px;
    color: #959595;
    position: relative;
    top: -4px;
  }
  .line-card-company__top-showmore {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: showmore;
    text-align: right;
    padding-top: 20px;
  }
  @media (max-width: 767px){
  .card-product-new__logo {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  .card-product-new__text {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
  }
  .card-product-new__tooltips-btns {
      -ms-grid-row: 6;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
  }
  .card-product-new__feedback {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
  }
  .card-product-new__showmore {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
  }
  .card-product-new__contacts {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
  }
  .line-card-company__top-logo {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  .line-card-company__top-showmore {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
  }
  }
  .line-card-company__top-tooltips {
    grid-area: tooltips;
    position: relative;
    margin-top: -10px;
    right: 0;
  }
  .line-card-company__top-info {
    grid-area: info;
    padding-top: 24px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 0;
  }
  .line-card-company__top .lcc__item--1 {
    grid-area: item-1;
  }
  .line-card-company__top .lcc__item--2 {
    grid-area: item-2;
  }
  .line-card-company__top .lcc__item--3 {
    grid-area: item-3;
    margin-bottom: 0;
  }
  .line-card-company__top .lcc__item--4 {
    grid-area: item-4;
    margin-bottom: 0;
  }
  .line-card-company__top .lcc__item--5 {
    grid-area: item-5;
    -ms-grid-row-align: end;
        align-self: end;
  }
  .card-product-new__desc {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .line-card-company__top > .line-card-company__table-column--type {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .line-card-company__top > .line-card-company__table-column--group.is-visible {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media (min-width: 1024px) {
  .line-card-company__top {
    padding: 0 20px;
  }
}

@media (min-width: 1170px) {
  .line-card-company__top {
    padding: 0px 28px 0 16px;
  }
}

.line-card-company__bottom {
  width: 100%;
  z-index: 2;
  margin-top: 12px;
}

.line-card-company__bottom .svg-i_win-type {
  width: 40px;
  height: 25px;
  color: #959595;
}

.line-card-company__table {
  width: 100%;
  z-index: 2;
}

.line-card-company__table thead {
  background-color: #f5f6f8;
  border-top: 1px solid #b9c6d0;
}

.line-card-company__table thead tr {
  height: 40px;
  font-size: 8px;
  letter-spacing: 0.2px;
  color: #7b7b83;
}

.line-card-company__table thead tr th {
  text-align: left;
  padding-left: 20px;
}

@media (min-width: 768px) {
  .line-card-company__table thead tr th {
    padding-right: 8px;
    padding-left: 10px;
  }
}

@media (min-width: 1024px) {
  .line-card-company__table thead tr th {
    padding: 20px 15px;
  }
}

@media (min-width: 1170px) {
  .line-card-company__table thead tr th {
    padding-left: 10px;
  }
  .line-card-company__table thead tr th:first-child {
    padding-left: 24px;
  }
}

@media (max-width: 767px) {
  .line-card-company__table thead tr th {
    padding-left: 15px;
  }
}

.line-card-company__table tbody td {
  padding: 15px;
  font-size: 11px;
  line-height: 1.55;
  color: #000;
  border-bottom: 1px solid rgba(176, 195, 206, 0.5);
  vertical-align: top;
}

@media (min-width: 768px) {
  .line-card-company__table tbody td {
    padding-right: 8px;
    padding-left: 10px;
  }
}

@media (min-width: 1024px) {
  .line-card-company__table tbody td {
    padding: 20px 15px;
  }
}

@media (min-width: 1170px) {
  .line-card-company__table tbody td {
    padding-left: 10px;
  }
  .line-card-company__table tbody td:first-child {
    padding-left: 24px;
  }
}

@media (max-width: 767px) {
  .line-card-company__table tbody td {
    font-size: 9px;
    padding: 10px 15px;
  }
}

.line-card-company__table tbody tr:hover {
  background-color: #fafbfc;
}

.line-card-company__table tbody tr:last-of-type td {
  border-bottom: 1px solid transparent;
}

.line-card-company__table span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.55;
  color: #000;
}

@media (max-width: 767px) {
  .line-card-company__table span {
    font-size: 9px;
  }
}

.load-more {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: 0.6px;
  color: #000;
  border-bottom: 1px dotted #007fc7;
}

.line-card-company__btn {
  position: relative;
  z-index: 99;
}

@media (max-width: 767px) {
  .line-card-company__btn .btn {
    padding: 0 27px;
  }
}

.j-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table__type {
  width: 15%;
}

.table__lg {
  width: 20%;
}

.table__sm {
  width: 12%;
}

@media (min-width: 768px) {
  .table__sm {
    width: 11%;
  }
}

.table__md {
  width: 15%;
}

@media (min-width: 768px) {
  .table__md {
    width: 14%;
  }
}

@media (min-width: 1170px) {
  .table__md {
    width: 16%;
  }
}

.table__price {
  width: 20%;
}

@media (min-width: 768px) {
  .table__price {
    width: 24%;
  }
}

@media (min-width: 1170px) {
  .table__price {
    width: 22%;
  }
}

.table-price__text {
  margin-bottom: 15px;
  color: #a2a2a2;
}

.table-price__text .sp-lg {
  color: #000;
  font-size: 16px;
}

.table-price__text .sp-lg .upb-symbol-rouble {
  color: #000;
}

.table-price__text .sp-sm {
  font-size: 11px;
  color: #4a4a4a;
}

.table-price__text .no-wrap .upb-symbol-rouble {
  font-weight: inherit;
}

.table-price__text span {
  color: #a2a2a2;
}

.is-card .table-price__button {
  display: none;
}

@media (max-width: 767px) {
  .table-price__button {
    margin-top: 10px;
  }
}

.table-price__button .btn_green:hover {
  color: #fff;
}

.table-price__double-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.table-price__double-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 39px;
  padding-right: 16px;
  padding-left: 12px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 9px;
  line-height: 25px;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #00c04b;
  border-radius: 0 40px 40px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color, border-color 0.3s ease;
  -o-transition: background-color, border-color 0.3s ease;
  transition: background-color, border-color 0.3s ease;
}

.table-price__double-button svg {
  width: 16px;
  height: 16px;
  color: #00c04b;
}

.table-price__double-button--green {
  padding: 7px 9px 7px 12px;
  background-color: #00c04b;
  border-radius: 40px 0 0 40px;
}

.table-price__double-button:hover {
  background: #87e2a4;
  border-color: #87e2a4;
}

@media (max-width: 767px) {
  .max-width-xs-70 {
    max-width: 64px;
  }
}

.line-card-company__mobile {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #dfe7eb;
}

.line-card-company__mobile .table-price__text {
  font-size: 11px;
}

.line-card-company__mobile .table-price__text .sp-lg {
  font-size: 16px;
  font-weight: bold;
}

.line-card-company__mobile .table-price__text .sp-sm {
  font-weight: bold;
}

.lc__mobile-row {
  margin-bottom: 20px;
}

.lc__mobile-row.w-50p {
  width: 48%;
}

.lc__mobile-row.row-abs {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 0;
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
}

.lc__mobile__title {
  margin-bottom: 8px;
  font-size: 11px;
  color: #7b7b83;
  text-transform: uppercase;
}

.lc__mobile__p {
  font-size: 11px;
  color: #000;
}

.lc__mobile__link-acc {
  position: relative;
  z-index: 99;
  display: inline-block;
  border-bottom: 1px dashed #007fc7;
  font-size: 14px;
  line-height: 1;
  color: #4a4a4a;
}

.lc__mobile__link-acc:hover, .lc__mobile__link-acc:focus {
  color: #4a4a4a;
}

.lc__mobile__link-acc:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 5px;
  right: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #c4c4c4 transparent transparent transparent;
}

.lc__mobile__link-acc.is-open:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.lc__mobile__link-acc--noarrow::after {
  content: none;
}

.popup-card-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}

.popup-card-row .svg-i_win-type {
  width: 40px;
  height: 25px;
  color: #959595;
}

.popup-card-row p {
  text-align: left;
  color: #000;
  font-size: 11px;
  line-height: 1.4;
}

.popup-card-row p.is-lg {
  font-size: 16px;
}

.popup-card-col.is-sm {
  width: 25%;
}

.popup-card-col.is-lg {
  width: 75%;
  padding-left: 15px;
}

.popup-card__title {
  text-transform: uppercase;
  color: #7b7b83 !important;
  font-size: 8px !important;
  line-height: 1.75 !important;
}

.window-card {
  position: relative;
}

@supports (max-width: 100%) and (max-height: 100%) {
  .window-card__top {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 198px;
  }
  .window-card__top__img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .window-card__top__img img {
    max-width: 60%;
    max-height: 70%;
  }
}

.window-card__top {
  background-color: #fff;
  display: block;
  height: 198px;
}

.window-card__img {
  position: relative;
  width: 100%;
  height: 100%;
}

.window-card__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 60%;
  max-height: 70%;
}

.window-card__middle {
  background-color: #fff;
  margin-top: 2px;
  padding: 18px 19px 15px;
}

.window-card__bottom {
  font-family: GothamPro, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #3cb879;
  max-height: 500px;
  opacity: 1;
  padding: 15px 18px;
  background-color: #F5F5F7;
  overflow: hidden;
  -webkit-transition: max-height .3s ease, padding .3s ease, opacity .3s ease;
  -o-transition: max-height .3s ease, padding .3s ease, opacity .3s ease;
  transition: max-height .3s ease, padding .3s ease, opacity .3s ease;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1;
}

.window-card:not(:hover) .window-card__bottom {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}

.window-card__name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
}

.window-card__size {
  font-family: GothamPro, sans-serif;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0.3px;
  color: #9e9e9e;
  margin-top: 5px;
  margin-bottom: 10px;
}

.window-card__cost {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 1.8228833333333334;
  color: #000000;
}

.window-card__cost-value {
  font-weight: bold;
}

@media (max-width: 767px) {
  .window-card__name {
    max-width: 70%;
  }
  .window-card__cost {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .window-card, .window-card__bottom {
    -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
            box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  }
}

@media (min-width: 768px) {
  .window-cards-groups {
    padding-bottom: 46px;
  }
}

@media (max-width: 767px) {
  .window-cards-groups {
    margin-top: 31px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .window-cards-groups {
    margin-top: 52px;
  }
}

@media (min-width: 1170px) {
  .window-cards-groups {
    margin-top: 60px;
  }
}

.window-cards {
  margin-bottom: 48px;
}

@media (max-width: 1169px) {
  .window-cards {
    height: 100%;
  }
}

.window-cards__list {
  position: relative;
}

@media (max-width: 1169px) {
  .window-cards__list {
    height: unset !important;
  }
}

.window-cards__list .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1000px;
}

@media (max-width: 1169px) {
  .window-cards__list .slick-list {
    position: static;
    height: unset;
  }
}

.window-cards__item {
  padding: 15px;
}

@media (max-width: 767px) {
  .window-cards {
    margin-bottom: 16px;
  }
  .window-cards .b-title_sub {
    margin-bottom: 35px;
    font-size: 17px;
  }
  .window-cards__list {
    margin: -10px 0;
  }
  .window-cards__item {
    width: 100%;
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .window-cards {
    margin-bottom: 32px;
  }
}

.window-cards .slick-dots {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1169px) {
  .window-cards .slick-dots {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.window-cards .slick-dots li {
  margin-top: 8px;
}

.table {
  margin: 2em 0;
}

.table td,
.table th {
  background-color: #fff;
  padding: 10px 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.table td:not(:first-child),
.table th:not(:first-child) {
  border-left: 1px solid #F5F6F8;
}

.table th {
  text-align: left;
  font-size: .9em;
  border-bottom: 2px solid #F5F6F8;
}

.table td {
  font-size: .8em;
  border-top: 1px solid #F5F6F8;
}

.table tbody tr:nth-child(odd) td {
  background-color: #fcfcfc;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  margin: 2em 0;
  position: relative;
}

.table-responsive .table {
  margin: 0;
}

.table-responsive .drag-cursor-animation {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.table-responsive .drag-cursor-animation::before {
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.table-responsive .drag-cursor-animation::after {
  left: 50px;
}

.table-responsive._scroll-top .drag-cursor-animation::after {
  top: 50px;
}

.table-responsive._scroll-middle .drag-cursor-animation::after {
  position: fixed;
  top: 50%;
}

.table-responsive._scroll-bottom .drag-cursor-animation::after {
  bottom: 50px;
  top: auto;
}

@media (max-width: 767px) {
  .toc-placeholder {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .toc-placeholder {
    margin-bottom: 40px;
  }
}

@media (min-width: 1170px) {
  .article-content-wrap.article-content-wrap--toc {
    padding-right: 0;
  }
  .article-content-with-toc {
    position: relative;
  }
  .article-content-with-toc::after {
    clear: both;
    content: "";
    display: table;
  }
  .article-content-with-toc .article-content {
    float: left;
    width: -webkit-calc(100% - 266px - 35px);
    width: calc(100% - 266px - 35px);
  }
  .article-content-with-toc .toc-placeholder {
    width: 266px;
  }
  .article-content-with-toc .toc-placeholder .toc {
    opacity: .99;
    width: inherit;
  }
  .no-windows .article-content-with-toc .toc-placeholder .toc__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .article-content-with-toc .toc-placeholder .toc__content {
    max-width: none;
    width: auto;
    margin-right: -30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .article-content-with-toc .toc-placeholder .toc--fixed .toc__content {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.toc {
  max-width: 100%;
}

.toc ol {
  list-style-type: none;
  padding-left: 0;
}

.toc ol li {
  list-style-type: none;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding-left: 0;
  padding-top: 25px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .toc ol li {
    font-size: 12px;
  }
}

.toc ol li:before {
  content: none;
}

.toc ol li:hover {
  text-decoration: underline;
  color: #00bbd3 !important;
}

.toc .toc__title {
  color: #202020;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.toc__inner {
  background-color: #F5F6F8;
}

.toc .toc-window-calculator {
  margin-top: 50px;
  height: 168px;
  background-image: url(/local/templates/main/css/../i/article/article-bg.png);
  background-color: #bfdde7;
  background-size: cover;
}

@media (min-width: 767px) and (max-width: 1025px) {
  .toc .toc-window-calculator {
    width: 580px;
    height: 171px;
    padding-left: 30px;
    background-size: contain;
    background-position: right center;
    background-position-x: 80%;
    background-repeat: no-repeat;
  }
}

.toc .toc-window-calculator__title {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 27px;
  text-transform: uppercase;
  /* Text style for "Оконный ка" */
  letter-spacing: 1.05px;
}

@media (min-width: 767px) and (max-width: 1025px) {
  .toc .toc-window-calculator__title {
    /* Style for "Оконный ка" */
    height: 18px;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 27px;
    text-transform: uppercase;
    /* Text style for "Оконный ка" */
    letter-spacing: 1.5px;
  }
}

.toc .toc-window-calculator__text {
  padding-left: 20px;
  width: 175px;
  height: 51px;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}

@media (min-width: 767px) and (max-width: 1025px) {
  .toc .toc-window-calculator__text {
    width: 260px;
    padding-top: 30px;
  }
}

.toc .toc-window-calculator__btn {
  text-align: center;
  line-height: 34px;
  margin-top: 15px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #010101;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-decoration: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 128px;
  height: 34px;
  border: 1px solid #007fc7;
  background-color: #ffffff;
  margin-bottom: 20px;
}

@media (min-width: 767px) and (max-width: 1025px) {
  .toc .toc-window-calculator__btn {
    margin-top: 31px;
  }
}

.toc .toc-window-calculator__btn:hover {
  border: 1px solid #ffffff;
  background-color: transparent;
}

.nav__content {
  margin-top: 22px;
  margin-bottom: 50px;
}

.nav__title {
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000000;
}

.nav-list {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3846153846153846;
  letter-spacing: normal;
  list-style: none;
  counter-reset: toc-counter;
  margin: -6px -5px;
}

.nav-list li {
  counter-increment: toc-counter;
  position: relative;
  padding: 6px 0 5px 28px;
}

.nav-list li::before {
  content: counter(toc-counter) ".";
  display: block;
  width: 18px;
  position: absolute;
  background: initial;
  text-align: right;
  left: 0;
  top: 0;
  padding: 6px 0 5px;
}

.nav-list li a {
  color: #00a8bd;
  text-decoration: none;
}

.nav-list li a:hover {
  text-decoration: underline;
}

.article-content a {
  text-decoration: underline;
}

.toc-banners {
  width: 266px;
  padding-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .toc-banners {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .toc-banners {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .toc-banners {
    width: 100%;
    float: none;
  }
}

@media (max-width: 767px) {
  .toc-banners {
    width: 100%;
    float: none;
  }
}

.toc-banners__banners {
  @a;
}

.toc-banners__banner {
  position: relative;
  margin-bottom: 20px;
}

.toc-banners__banner a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toc-banners__banner img {
  max-width: 100%;
}

.article-content .toc-banners__banner:not(:first-child) {
  display: none;
}

@media screen and (min-width: 1169px) {
  .toc-aside {
    width: 266px;
    position: absolute;
    right: 0;
  }
}

.toc-aside--fixed {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

.toc-aside--fixed .toc-placeholder {
  padding-top: 20px;
  background-color: #F5F6F8;
}

.toc-author {
  margin-bottom: 59px;
}

.toc-author__title {
  color: #202020;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 32px;
}

.toc-author__persons:not(:last-child) {
  margin-bottom: 22px;
}

.toc-author__person {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.toc-author__person:not(:last-child) {
  margin-bottom: 32px;
}

.toc-author__image {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}

.toc-author__image img {
  width: 100%;
  height: 100%;
}

.toc-author__name {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.toc-author__name:not(:last-child) {
  margin-bottom: 8px;
}

.toc-author__info {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.4);
}

.toc-author__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.toc-author__links > li {
  list-style-type: none;
}

.toc-author__links > li:not(:last-child) {
  margin-bottom: 14px;
}

.toc-author__link {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #202020;
  -webkit-transition: color 0s;
  -o-transition: color 0s;
  transition: color 0s;
}

@media (min-width: 0) and (max-width: 640px) {
  .toc-author__link {
    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .toc-author__link {
    color: #000000;
    font-weight: 600;
  }
}

.toc-author__link:hover {
  color: #00bbd3;
  text-decoration: underline;
}

.com-basket {
  display: inline-block;
  vertical-align: middle;
}

.com-basket:hover .com-basket__bubble svg path {
  fill: #00BFD6;
}

.com-basket__bubble {
  color: #fff;
  border-radius: 50%;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.com-basket__bubble-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 16px;
  width: 16px;
  margin: -8px;
}

.com-basket__bubble svg path {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .com-basket__bubble svg {
    width: 24px;
    height: 24px;
  }
}

.com-basket__counter {
  display: inline-block;
  min-width: 17px;
  height: 17px;
  background-color: #39b54a;
  vertical-align: middle;
  border-radius: 17px;
  padding: 5px;
  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.45px;
  text-align: center;
  color: #ffffff;
  will-change: transform;
}

.com-basket__bubble .com-basket__counter {
  position: absolute;
  top: -6px;
  left: -8px;
  z-index: 1;
}

.com-basket__text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #202020;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

@media (max-width: 1169px) {
  .com-basket__text {
    display: none;
  }
}

@media (max-width: 767px) {
  .com-basket {
    margin: 0 10px;
  }
  .com-basket__bubble {
    height: 27px;
    width: 27px;
  }
  .com-basket__bubble-icon {
    height: 13px;
    width: 13px;
    margin: -6px 0 0 -7px;
  }
}

.review-page .reviews {
  margin: 0;
}

@media (max-width: 767px) {
  .review-page .reviews__list {
    margin: 0;
    margin-top: 35px;
  }
}

.review-page .title {
  text-transform: none;
  font-size: 36px;
  margin-top: 70px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .review-page .title {
    font-size: 24px;
    margin-bottom: 18px;
  }
}

.review-page .typography {
  padding: 0;
}

.review-page .typography p {
  font-size: 13px;
  color: #898989;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .review-page .typography p {
    font-size: 11.5px;
    margin-bottom: 33px;
  }
}

@media (max-width: 767px) {
  .review-page .wrap {
    padding: 0;
  }
}

.review-page .reviews__el, .review-page .reviews__el + .reviews__el {
  margin-top: 20px;
}

@media (min-width: 1170px) {
  .review-page .reviews__el, .review-page .reviews__el + .reviews__el {
    margin-top: 50px;
  }
}

.review-page .add-review__stars {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.review-page .add-review__stars-text {
  margin: 13px 0 10px;
}

.review-page .pagination, .review-page .add-review {
  max-width: 945px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .review-page .add-review {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.review-page .add-review__title {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .review-page .add-review__title {
    margin-bottom: 18px;
  }
}

.review-page .review {
  padding: 50px 70px 45px;
}

@media (max-width: 767px) {
  .review-page .review {
    padding: 30px 20px 20px;
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review {
    padding: 25px 30px;
  }
}

.review-page .review__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .review-page .review__content {
    display: block;
  }
}

.review-page .review__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 40px;
}

.review-page .review__checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 13px;
  font: 500 13.5px/20px "Open Sans", sans-serif, sans-serif;
}

.review-page .review__checkbox label .custom__input {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

@media (max-width: 767px) {
  .review-page .review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.review-page .review__left {
  width: 35%;
  padding: 0 65px 0 0;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .review-page .review__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: static;
    padding: 0 65px 0 0;
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__left {
    padding: 0 30px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.review-page .review__left img {
  width: auto;
  margin-bottom: 80px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__left img {
    width: 100%;
    margin-bottom: 0;
    margin-top: -20px;
  }
}

@media (max-width: 767px) {
  .review-page .review__left img {
    width: 100%;
    margin-bottom: 0;
  }
}

.review-page .review__right {
  width: 65%;
}

@media (max-width: 767px) {
  .review-page .review__right {
    width: 100%;
  }
}

.review-page .review__left-header {
  width: 50%;
  font-size: 14px;
  font-weight: 700;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding-left: 30px;
  font: 500 16px/22px "Open Sans", sans-serif, sans-serif;
}

@media (max-width: 767px) {
  .review-page .review__left-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.review-page .review__left-img {
  width: 100%;
}

@media (max-width: 767px) {
  .review-page .review__left-img {
    width: 50%;
  }
}

.review-page .review__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.review-page .review__bottom {
  position: relative;
}

.review-page .review__nm {
  margin-left: 0;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .review-page .review__nm {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__nm {
    max-width: 290px;
  }
}

@media (min-width: 1170px) {
  .review-page .review__nm {
    max-width: 405px;
  }
}

.review-page .review__rating {
  position: absolute;
  right: 0;
  bottom: auto;
  top: -4px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__rating {
    top: auto;
    bottom: 3px;
  }
}

.review-page .review__txt {
  margin-top: 35px;
  position: relative;
  max-height: 110px;
  overflow: hidden;
}

.review-page .review__txt.open {
  max-height: 100%;
}

@media (max-width: 767px) {
  .review-page .review__txt {
    margin-bottom: 25px;
    margin-top: 0;
  }
}

.review-page .review__txt-btn {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: -30px;
  cursor: pointer;
  background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 45%, white 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(0, 152, 219, 0)), color-stop(100%, white));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 45%, white 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 45%, white 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 45%, white 100%);
  /* ie10+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(255, 255, 255, 0)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 45%, white 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, white 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  /* ie6-9 */
}

.review-page .review__txt-btn img {
  position: absolute;
  bottom: 0;
  left: 100px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__txt-btn {
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .review-page .review__txt-btn {
    bottom: 0;
    display: none;
  }
}

.review-page .review__location {
  text-align: left;
  position: absolute;
  bottom: 0;
}

@media (max-width: 767px) {
  .review-page .review__location {
    bottom: 27px;
    right: 20px;
    font-size: 10px;
  }
  .review-page .review__location svg {
    margin-right: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .review__location {
    left: 0;
  }
}

.review-page .review__answer .review__right {
  margin-left: 35%;
}

@media (max-width: 767px) {
  .review-page .review__answer .review__right {
    margin-left: 0;
  }
}

.review-page .reviews__actions, .review-page .posts__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .review-page .reviews__actions, .review-page .posts__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .reviews__actions, .review-page .posts__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (min-width: 1170px) {
  .review-page .reviews__actions, .review-page .posts__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.review-page .reviews__actions .radio-btn-group, .review-page .posts__actions .radio-btn-group {
  margin-bottom: 20px;
  margin-right: 40px;
}

@media (max-width: 767px) {
  .review-page .reviews__actions .radio-btn-group, .review-page .posts__actions .radio-btn-group {
    margin-right: 0;
    margin-bottom: 25px;
  }
}

@media (min-width: 1170px) {
  .review-page .reviews__actions .radio-btn-group, .review-page .posts__actions .radio-btn-group {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .review-page .reviews__actions .block-mob, .review-page .posts__actions .block-mob {
    position: relative;
    right: 0;
    bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .reviews__actions .block-mob, .review-page .posts__actions .block-mob {
    position: absolute;
    right: 0;
    bottom: 20px;
  }
}

@media (min-width: 1170px) {
  .review-page .reviews__actions .block-mob, .review-page .posts__actions .block-mob {
    position: absolute;
    right: 0;
    bottom: -2px;
  }
}

.review-page .reviews__actions .block-mob .btn:hover, .review-page .posts__actions .block-mob .btn:hover {
  background-color: #fff;
  color: #00BFD6;
}

@media (max-width: 767px) {
  .review-page {
    padding: 0 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page {
    padding: 0 40px;
  }
}

.review-page .add-review__actions-link {
  margin-top: 10px;
  text-align: left;
}

@media (max-width: 767px) {
  .review-page .add-review__actions-link {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .review-page .add-review__actions .btn {
    margin-bottom: 30px;
  }
}

.review-page .input-file__label, .review-page .svg-i_doc {
  z-index: 2;
}

.review-page .radio-btn__input:checked ~ .radio-btn {
  cursor: default;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-page .stars-large-wrap .stars li svg, .review-page .add-review .stars li svg {
    width: 34px;
  }
}

.review-page .all {
  display: none;
}

@media (max-width: 767px) {
  .review-page .all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 10px;
    color: #00bbd3;
    text-decoration: underline;
    font-style: italic;
  }
  .review-page .all img {
    margin-left: 10px;
  }
}

.select-submit {
  height: 44px;
  border-radius: 22px;
  background-color: #ffffff;
  border: 1px solid #E3E3E5;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  padding-right: 6px;
  position: relative;
  z-index: 1;
}

.select-submit__option {
  display: block;
  padding: 6px 7px 9px;
  font: 14px/120% "Open Sans", sans-serif;
  cursor: pointer;
}

.select-submit__option.selected {
  background-color: #ddd;
}

.select-submit__option:hover {
  color: #fff;
  background-color: #00BFD6;
}

.select-submit__options {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #E3E3E5;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  margin-top: -1px;
}

.select-submit__inner {
  height: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.select-submit__action {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  max-width: 80%;
  overflow: hidden;
}

.select-submit__action:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.select-submit__action + .select-submit__action {
  border-left: solid 1px #acacb0;
}

.select-submit__dropdown {
  position: relative;
  padding-right: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.select-submit__dropdown::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #000000 transparent transparent transparent;
  right: 0;
  top: 50%;
  margin-top: -1px;
}

.select-submit__dropdown::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(40%, white), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(right, white 40%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, white 40%, rgba(255, 255, 255, 0));
}

.select-submit__placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  color: #959595;
  padding: 0;
  margin: 0;
  height: 17px;
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 100%;
}

.select-submit__button {
  background-color: transparent;
  border: 0;
}

.select-submit__arrow-right {
  width: 24px;
  height: 13px;
  color: #00bbd3;
  stroke-width: 1.3px;
  fill: none;
  fill-rule: evenodd;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.select-submit:not(.active) .select-submit__options {
  display: none;
}

.select-submit.active .select-submit__dropdown::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select-submit.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
  z-index: 2;
}

@media (max-width: 767px) {
  .select-submit {
    width: 100%;
  }
}

.checkbox-tree {
  border-radius: 8px;
  background-color: #ffffff;
  border: solid 1px #acacb0;
  padding: 19px 22px;
  width: 314px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 9px;
}

.checkbox-tree:focus, .checkbox-tree *:focus {
  outline: 0;
}

.checkbox-tree .nano {
  height: 252px;
  margin: -17px -11px -17px 0;
  width: 100%;
}

.checkbox-tree .nano-content {
  padding-top: 19px;
  outline: 0;
}

.checkbox-tree .nano-pane {
  top: 17px;
  bottom: 17px;
}

.checkbox-tree__search {
  border-bottom: solid 1px #acacb0;
  color: #959595;
  margin: -6px -22px 22px;
  padding: 0 22px 12px;
  position: relative;
}

.checkbox-tree__query {
  width: 100%;
}

.checkbox-tree__query:focus {
  outline: 0;
}

.checkbox-tree__query::-webkit-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query::-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query:-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query:-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query::-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query::placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.9;
}

.checkbox-tree__query, .checkbox-tree__submit {
  border-width: 0;
  background-color: transparent;
}

.checkbox-tree__search .checkbox-tree__submit {
  position: absolute;
  right: 21px;
  top: 0;
}

.checkbox-tree__search .checkbox-tree__submit::after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}

.checkbox-tree__list {
  list-style: none;
}

.checkbox-tree__item {
  list-style: none;
  position: relative;
  padding-left: 27px;
}

.checkbox-tree__item::before {
  display: none;
}

.checkbox-tree__item::after {
  clear: both;
  content: "";
  display: table;
}

.checkbox-tree__item .custom__input {
  top: -2px;
}

.checkbox-tree__item + .checkbox-tree__item {
  margin-top: 17px;
}

.checkbox-tree__list--flat > .checkbox-tree__item {
  padding-left: 0;
}

.checkbox-tree__item .checkbox-tree__list {
  margin-top: 16px;
}

.checkbox-tree__toggle {
  background-color: transparent;
  border-width: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 14px;
  width: 14px;
  top: -1px;
  float: left;
  margin-left: -27px;
}

.checkbox-tree__toggle::before, .checkbox-tree__toggle::after {
  content: '';
  display: block;
  position: absolute;
  background-color: #00BFD6;
}

.checkbox-tree__toggle::before {
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.checkbox-tree__toggle::after {
  height: 100%;
  width: 2px;
  left: 50%;
  top: 0;
  margin-left: -1px;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  -o-transition: transform .3s ease, opacity .3s ease;
  transition: transform .3s ease, opacity .3s ease;
  transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
}

.checkbox-tree__item:not(.open) > .checkbox-tree__list {
  display: none;
}

.checkbox-tree__item.open .checkbox-tree__toggle::after {
  opacity: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.checkbox-tree--pure {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .checkbox-tree {
    width: 100%;
  }
}

.hint {
  border-top: 3px solid #fff;
  border-radius: 3px;
  margin: 0 8%;
  padding: 15px 0 0;
  max-width: 500px;
}

.hint--icon-direction {
  margin-bottom: 50px;
}

.hint__text {
  font: 14px/1.5 "Open Sans", sans-serif;
}

.hint__icon-direction {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}

.hint__icon-direction svg {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .hint__icon-direction svg {
    -webkit-transform: rotate(75deg);
        -ms-transform: rotate(75deg);
            transform: rotate(75deg);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
  }
}

@media screen and (max-width: 460px) {
  .hint__icon-direction svg {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hint {
    text-align: left;
  }
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
  .hint__icon-direction {
    margin-bottom: 20px;
  }
  .hint__icon-direction svg {
    -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
            transform: rotate(50deg);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
  }
}

.promo {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
          box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  padding: 30px 20px;
}

.promo__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.promo__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.5625rem;
     -moz-box-flex: 0;
      -ms-flex: 0 0 20.5625rem;
          flex: 0 0 20.5625rem;
  padding-right: 2.375rem;
  margin-right: -0.625rem;
}

.promo__right {
  position: relative;
  top: -4px;
  width: 100%;
}

.promo__img img {
  width: 100%;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .promo__img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 12.125rem;
  }
}

.promo__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.promo__title a {
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.4s, color 0.4s;
  -o-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  font-size: 1.125rem;
  max-width: 18.75rem;
  width: auto;
  display: inline-block;
}

.promo__title a:hover {
  border-color: #00BFD6;
}

.promo__title .promo__stat {
  color: #00bfd6;
  width: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 11px;
  /* line-height: 11px; */
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin-left: 2rem;
  white-space: nowrap;
}

.promo__text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6296296296296295;
  letter-spacing: 0.2025px;
  color: #898989;
  margin: 0.9375rem 0 1.5rem;
  max-width: 22.375rem;
  width: 100%;
}

.promo__toggle {
  font-size: 11px;
  font-style: italic;
  font-family: "PT Serif", serif;
  letter-spacing: 0.275px;
  color: #00BFD6;
}

.promo__toggle a {
  color: currentColor;
}

.promo__stats {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  line-height: 1.565217391304348;
  color: #898989;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 13px 0 22px;
}

.promo__stat {
  font-size: 11.5px;
  line-height: 1.565217391304348;
}

.promo__stat + .promo__stat {
  margin-left: 24px;
}

.promo__actions .btn {
  height: 2.5rem;
  border-radius: 3.125rem;
}

.promo__actions .btn:hover {
  color: white;
}

@media (max-width: 1169px) {
  .promo {
    padding-bottom: 26px;
    padding-left: 31px;
    padding-right: 31px;
  }
  .promo__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 288px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 288px;
            flex: 0 0 288px;
    padding-right: 31px;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .promo__img img {
      height: 189px;
    }
  }
  .promo__text {
    margin-top: 21px;
    margin-bottom: 14px;
  }
  .promo__stats {
    display: block;
    margin-top: 21px;
    margin-bottom: 36px;
  }
  .promo__stat + .promo__stat {
    margin-top: 10px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .promo {
    padding-left: 21px;
    padding-right: 21px;
  }
  .promo__row {
    display: block;
  }
  .promo__left {
    padding-right: 0;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .promo__img {
      height: 204px;
    }
  }
  .promo__title {
    font-size: 18px;
    line-height: 1.1;
    margin-top: 18px;
  }
  .promo__text {
    font-size: 12px;
    line-height: 1.66;
    letter-spacing: 0.18px;
    margin: 11px 0 12px;
  }
  .promo__stats {
    margin-top: 21px;
    margin-bottom: 36px;
  }
  .promo__actions {
    text-align: center;
  }
}

.promos {
  margin: 30px 0;
}

.promos__list {
  margin-bottom: 30px;
}

.promos__item + .promos__item {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .promos__list {
    margin-left: -17px;
    margin-right: -17px;
  }
  .promos__item + .promos__item {
    margin-top: 23px;
  }
}

.palette-panel-form {
  display: inline-block;
  vertical-align: middle;
}

.palette-panel-form.active {
  z-index: 2;
}

@media (max-width: 1169px) {
  .config-select-group .palette-panel-form {
    padding-top: 5px;
  }
}

.palette-panel-box {
  position: relative;
}

.palette-panel-select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  min-width: 0;
}

.palette-panel {
  position: absolute;
  z-index: 1;
  top: -33px;
  right: -35px;
  width: 470px;
  background-color: #fff;
  padding: 33px 30px 29px;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.275px;
  color: #7b7b83;
}

.palette-panel:not(.active) {
  display: none;
}

.palette-panel.active {
  z-index: 2;
}

.palette-panel-toggle {
  cursor: pointer;
  width: 5px;
  height: 6px;
}

.palette-panel-toggle::after, .palette-panel-toggle::before {
  content: '';
  display: block;
  position: absolute;
}

.palette-panel-toggle::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #000000 transparent transparent;
}

.palette-panel-toggle::before {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

.palette-panel-form.default-no-arrow .palette-panel-trigger .palette-panel-toggle::before, .palette-panel-form.default-no-arrow .palette-panel-trigger .palette-panel-toggle::after {
  opacity: 0;
}

.palette-panel-trigger {
  cursor: pointer;
}

.palette-panel-trigger__tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.palette-panel-trigger__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.palette-panel-trigger__inner .palette-panel-tile {
  margin: 0 20px;
}

.palette-panel-trigger .palette-panel-toggle {
  position: relative;
}

.palette-panel .palette-panel-toggle {
  position: absolute;
  top: 53px;
  right: 34px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.palette-panel__tiles {
  margin: -6px;
}

.palette-panel__tiles::after {
  clear: both;
  content: "";
  display: table;
}

.palette-panel__tile {
  float: left;
  padding: 6px;
}

.palette-panel__tip {
  margin: 22px 0 16px;
}

.palette-panel__tip a[href="#"] {
  color: currentColor;
  text-decoration: none;
  border-bottom: 1px dashed;
}

.palette-panel__tip a[href="#"]:hover {
  color: #00BFD6;
}

.palette-panel__code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.palette-panel__code-value {
  max-width: 142px;
}

.palette-panel__code-label {
  margin-left: 19px;
}

@media (max-width: 767px) {
  .palette-panel {
    max-width: 93vw;
    padding-right: 17px;
    padding-left: 17px;
    padding-top: 27px;
    padding-bottom: 20px;
    right: -18px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  }
  .palette-panel__tiles {
    padding-right: 20px;
  }
}

.palette-panel-tile {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  width: 44px;
  position: relative;
}

.palette-panel-tile::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  border: 10px solid transparent;
  border-radius: 9px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  -webkit-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

.palette-panel-tile__texture {
  background-position: center;
  background-size: cover;
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.palette-panel-tile__texture.reflection::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1));
}

.palette-panel-tile.active::before {
  border-color: #00BFD6;
}

.image-uploads {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -15px;
  margin-bottom: 0;
}

@media (max-width: 1169px) {
  .image-uploads {
    margin: -8px;
    margin-bottom: 0;
  }
}

.image-uploads__item {
  padding: 15px;
}

@media (max-width: 1169px) {
  .image-uploads__item {
    padding: 8px;
    margin-bottom: 0;
  }
}

@media (max-width: 1169px) {
  .image-uploads__item {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .image-uploads__item {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .image-uploads__item {
    width: 100%;
  }
}

.image-uploads__upload-template {
  display: none;
}

.image-uploads__upload {
  padding: 15px;
  width: 224px;
  height: 150px;
  border-radius: 8px;
  border: 1px dashed;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #00bbd3;
  cursor: pointer;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

@media (max-width: 1169px) {
  .image-uploads__upload {
    width: 100%;
  }
}

.image-uploads__upload-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.image-uploads__upload-placeholder {
  text-align: center;
}

.image-uploads__upload-placeholder-icon {
  margin-bottom: 14px;
}

.image-uploads__upload-placeholder-text {
  text-transform: uppercase;
}

.image-uploads__preview {
  height: 150px;
  width: 224px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 1169px) {
  .image-uploads__preview {
    width: 100%;
  }
}

.image-uploads__preview:hover .image-uploads__preview-inner {
  opacity: 1;
}

.image-uploads__preview img {
  position: absolute;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  width: 100%;
  height: 100%;
  left: 0;
}

.image-uploads__preview-inner {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  padding-top: 65px;
  text-align: center;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.image-uploads__preview-inner a {
  color: currentColor;
}

.image-uploads__preview-remove {
  position: absolute;
  top: 11px;
  right: 11px;
}

.image-uploads__preview-remove svg {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.image-uploads__preview-edit {
  font-family: "PT Serif", serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.384;
  letter-spacing: 0.325px;
}

@media (max-width: 767px) {
  .btn_min-260 {
    min-width: 210px;
    max-width: 210px;
    height: 40px;
    font-size: 10px;
  }
}

.index__wrap-wrap {
  position: relative;
  padding-top: 60px;
  padding-left: 4px;
  padding-bottom: 46px;
  -webkit-box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.23);
          box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.23);
  margin: 0;
}

@media (max-width: 1169px) {
  .index__wrap-wrap {
    -webkit-box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.23);
            box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.23);
    padding-bottom: 26px;
  }
}

@media (max-width: 1023px) {
  .index__wrap-wrap {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .index__wrap-wrap {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #fff;
  }
}

@media (max-width: 767px) {
  .index__wrap-wrap {
    padding-top: 40px;
  }
}

.index__wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1170px;
}

@media (max-width: 1169px) {
  .index__wrapper {
    max-width: 960px;
  }
}

@media (max-width: 1023px) {
  .index__wrapper {
    max-width: 768px;
    padding-left: 34px;
    padding-right: 34px;
  }
}

@media (max-width: 767px) {
  .index__wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }
}

.intro {
  position: relative;
  padding: 0 0 70px;
}

@media (max-width: 767px) {
  .intro {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .intro--new {
    padding-bottom: 70px;
  }
}

.intro__bg {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 35%;
  background-size: 105%;
}

@media (min-width: 1981px) and (max-width: 2580px) {
  .intro__bg {
    background-position-y: 25%;
  }
}

@media (min-width: 1480px) and (max-width: 1980px) {
  .intro__bg {
    background-position-y: 30%;
  }
}

@media (max-width: 1169px) {
  .intro__bg {
    background-position: center center;
    background-size: 120%;
  }
}

@media (max-width: 1023px) {
  .intro__bg {
    background-size: 147%;
  }
}

@media (max-width: 767px) {
  .intro__bg {
    background-size: cover;
    height: 370px;
    z-index: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 246, 248, 0)), color-stop(50%, rgba(245, 246, 248, 0)), color-stop(80%, white), to(white)), url(/local/templates/main/css/./i/bg.jpg);
    background-image: -o-linear-gradient(top, rgba(245, 246, 248, 0) 0%, rgba(245, 246, 248, 0) 50%, white 80%, white 100%), url(/local/templates/main/css/./i/bg.jpg);
    background-image: linear-gradient(to bottom, rgba(245, 246, 248, 0) 0%, rgba(245, 246, 248, 0) 50%, white 80%, white 100%), url(/local/templates/main/css/./i/bg.jpg);
  }
}

@media (max-width: 1023px) {
  .intro__calc-button {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .intro__calc-button .btn {
    margin-left: 40px;
  }
}

.intro__calc-button .btn .svg-i {
  margin-right: 20px;
}

.intro__h1 {
  margin-bottom: 6px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 48px;
  line-height: 63px;
  letter-spacing: 1.5px;
  margin-top: 0;
  padding-top: 40px;
  max-width: 100%;
  font-weight: bold;
}

@media (max-width: 1169px) {
  .intro__h1 {
    font-size: 50px;
    line-height: 1.26;
    margin-bottom: 41px;
    width: 470px;
  }
}

@media (max-width: 1023px) {
  .intro__h1 {
    width: auto;
    text-align: left;
    font-size: 44px;
    padding-top: 0;
    line-height: 1.18;
  }
}

@media (max-width: 767px) {
  .intro__h1 {
    font-size: 27px;
    margin-bottom: 28px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .intro__h1 {
    font-size: 24px;
  }
}

.intro__city {
  font-size: 30px;
  display: block;
  line-height: 48px;
}

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

.intro__actions {
  margin-bottom: 75px;
}

@media (max-width: 1169px) {
  .intro__actions {
    margin-bottom: 60px;
  }
}

@media (max-width: 1023px) {
  .intro__actions {
    margin-bottom: 44px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .intro__actions {
    text-align: center;
  }
}

.intro .shadow-block {
  display: none;
}

@media (max-width: 767px) {
  .intro .shadow-block {
    display: block;
    height: 15px;
    -webkit-box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.6);
            box-shadow: 0px 8px 8px -6px rgba(23, 44, 56, 0.6);
    position: absolute;
    top: 355px;
    max-width: 780px;
    width: 97%;
  }
}

.intro .intro__calc-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.intro .intro__calc-list .col-two {
  max-width: 250px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro .intro__calc-list .col-four {
    padding-right: 3px;
  }
}

@media (max-width: 767px) {
  .intro .intro__calc-list {
    padding-top: 33px;
    padding-left: 18px;
    /*box-shadow: 0 -8px 8px -8px rgba(23, 44, 56, 0.23);*/
  }
}

@media (max-width: 1169px) {
  .intro .intro__calc-list .col-one {
    text-align: center;
    padding-bottom: 31px;
  }
}

@media (max-width: 767px) {
  .intro .intro__calc-list .col-one {
    padding-top: 30px;
    margin-left: -20px;
  }
}

.intro .intro__calc-list .col-one h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
}

@media (max-width: 1023px) {
  .intro .cl-tab-4:first-child {
    max-width: 225px;
  }
}

.intro .cl-tab-4 {
  max-width: 252px;
  margin-left: 35px;
}

@media (max-width: 1169px) {
  .intro .cl-tab-4 {
    max-width: 250px;
    margin-left: 50px;
  }
}

@media (max-width: 1023px) {
  .intro .cl-tab-4 {
    margin-left: 0;
    padding-right: 7px;
  }
}

@media (max-width: 767px) {
  .intro .cl-tab-4 {
    max-width: 290px;
    padding-bottom: 20px;
  }
}

.intro .cl-tab-4 span {
  color: #00C04B;
  font-size: 37px;
  line-height: 36px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  float: left;
  padding-right: 16px;
  height: 90px;
}

@media (max-width: 767px) {
  .intro .cl-tab-4 span {
    text-align: center;
    height: 67px;
    width: 52px;
    padding-right: 30px;
  }
}

.intro .cl-tab-4 p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #000000;
}

.intro .cl-tab-4 p a {
  color: #007FC7;
  border-bottom: 1px dashed #007FC7;
}

.intro .cl-tab-4 p a:hover {
  color: #15aaff;
}

.intro__description {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-size: 20px;
  line-height: 1.6;
  width: 550px;
  max-width: 39%;
  margin-bottom: 26px;
  height: 96px;
}

.intro__description .color-blue {
  font-weight: bold;
  color: #00C04B;
}

@media (max-width: 1169px) {
  .intro__description {
    height: 128px;
  }
}

@media (max-width: 1023px) {
  .intro__description {
    text-align: left;
    width: 650px;
    height: 128px;
  }
}

@media (max-width: 767px) {
  .intro__description {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .intro__description {
    padding-right: 0;
    text-align: left;
    padding-left: 10px;
    max-width: 230px;
  }
}

.intro__card {
  display: none;
  background-color: #fff;
  overflow: hidden;
}

.intro__card-title {
  margin-top: 0;
  font-size: 27px;
  line-height: 1.33;
  font-weight: bold;
  margin-bottom: 30px;
}

.intro__card-list {
  padding: 0;
  list-style: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  color: #4a4a4a !important;
  counter-reset: item;
}

.intro__card-list-item {
  padding: 0 0 27px 40px;
}

.intro__card-list-item:before {
  content: counter(item);
  counter-increment: item;
  font-size: 37px;
  font-weight: bold;
  line-height: 0.97;
  color: #e0e0e0 !important;
}

@media (min-width: 1024px) {
  .intro__card {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    padding: 42px 47px 48px 57px;
  }
}

@media (max-width: 1023px) {
  .intro__card {
    margin-left: -34px;
    margin-right: -34px;
    padding: 30px 20px 35px;
  }
  .intro__card .intro__card-title {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  .intro__card .intro__card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1.42;
    margin-bottom: 27px;
  }
  .intro__card .intro__card-list-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    width: 33.33333%;
    padding: 0 20px 0 60px;
  }
  .intro__card .intro__card-list-item::before {
    left: 25px;
  }
}

@media (max-width: 767px) {
  .intro__card {
    margin-left: -14px;
    margin-right: -14px;
  }
  .intro__card .intro__card-title {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    line-height: 1.47;
  }
  .intro__card .intro__card-list {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .intro__card .intro__card-list-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    padding: 0 20px 0 60px;
  }
  .intro__card .intro__card-list-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .intro__card .intro__card-list-item:before {
    left: 15px;
  }
}

.intro__advantages:not(.intro__advantages--configurator) {
  padding-top: 83px !important;
  padding-bottom: 12px;
}

@media (max-width: 1169px) {
  .intro__advantages:not(.intro__advantages--configurator) {
    padding-top: 43px !important;
    padding-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) {
    padding-top: 131px !important;
  }
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--cards-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 84px 130px;
  padding-top: 37px;
  padding-left: 9px;
  padding-right: 9px;
}

@media (max-width: 1169px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--cards-wrapper {
    gap: 62px 84px;
    padding-top: 23px;
  }
}

@media (max-width: 1023px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--cards-wrapper {
    gap: 62px 84px;
  }
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--cards-wrapper {
    gap: 62px;
    padding-left: 43px;
  }
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card {
  width: -webkit-calc((100% / 3) - (260px / 3));
  width: calc((100% / 3) - (260px / 3));
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1169px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card {
    width: -webkit-calc((100% / 2) - (84px / 2));
    width: calc((100% / 2) - (84px / 2));
  }
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card {
    display: block;
    gap: 62px;
    width: 100%;
  }
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-img {
    width: 234px;
    overflow: hidden;
  }
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-content {
  font-family: 'Open Sans';
  margin-top: 16px;
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
}

@media (max-width: 1169px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-title {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-title {
    font-size: 14px;
  }
}

.intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-text {
  margin-top: 11px;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #636363;
}

@media (max-width: 767px) {
  .intro__advantages:not(.intro__advantages--configurator) .intro__advantages--card-text {
    width: 231px;
  }
}

.intro__advantages--configurator {
  background-color: #fff;
  padding-top: 46px !important;
  padding-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator {
    padding-top: 66px !important;
    padding-bottom: 80px;
  }
}

@media (min-width: 1170px) {
  .intro__advantages--configurator {
    padding-top: 40px !important;
    padding-bottom: 64px;
  }
}

.intro__advantages--configurator .intro__h2, .intro__advantages--configurator h2 {
  font: 500 22px/24px "Open Sans", sans-serif !important;
  font-size: 22px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__h2, .intro__advantages--configurator h2 {
    font: 500 17px/23px "Open Sans", sans-serif !important;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 26px;
    padding-left: 33px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__h2, .intro__advantages--configurator h2 {
    font: 500 18px/24px "Open Sans", sans-serif !important;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 67px;
  }
}

@media (min-width: 1170px) {
  .intro__advantages--configurator .intro__h2, .intro__advantages--configurator h2 {
    margin-bottom: 60px;
  }
}

.intro__advantages--configurator .intro__advantages--cards-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__advantages--cards-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 61.7% 1fr;
    grid-template-columns: 61.7% 1fr;
    row-gap: 60px;
    margin: 0 auto;
    width: 68%;
  }
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--cards-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 48px;
    padding-right: 3rem;
  }
}

.intro__advantages--configurator .intro__advantages--card {
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--card {
    width: 100%;
  }
  .intro__advantages--configurator .intro__advantages--card:not(:last-child) {
    margin-bottom: 54px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__advantages--card {
    width: 230px;
  }
}

@media (min-width: 1170px) {
  .intro__advantages--configurator .intro__advantages--card {
    width: 230px;
  }
  .intro__advantages--configurator .intro__advantages--card:not(:last-child) {
    margin-right: 70px;
  }
}

.intro__advantages--configurator .intro__advantages--card-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  height: 68px;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--card-img {
    width: 231px;
  }
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--card-img-inner:nth-child(1) {
    height: 64px;
  }
}

.intro__advantages--configurator .intro__advantages--card-content {
  font-family: 'Open Sans';
  margin-top: 22px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__advantages--card-content {
    margin-top: 24px;
  }
}

@media (min-width: 1170px) {
  .intro__advantages--configurator .intro__advantages--card-content {
    margin-top: 23px;
  }
}

.intro__advantages--configurator .intro__advantages--card-title {
  font: 500 16px/24px "Open Sans", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: black;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__advantages--card-title {
    font: 500 14px/24px "Open Sans", sans-serif !important;
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--card-title {
    font: 500 13px/21px "Open Sans", sans-serif !important;
    font-size: 14px;
    line-height: 21px;
  }
}

.intro__advantages--configurator .intro__advantages--card-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #636363;
}

@media (max-width: 767px) {
  .intro__advantages--configurator .intro__advantages--card-text {
    width: 231px;
    font-size: 13px;
    line-height: 1.8;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__advantages--configurator .intro__advantages--card-text {
    font: 500 13px/24px "Open Sans", sans-serif !important;
    font-size: 13px;
    line-height: 1.85;
  }
}

@media (min-width: 1170px) {
  .intro__advantages--configurator .intro__advantages--card-text {
    margin-top: 2px;
  }
}

.intro__interesting {
  padding-bottom: 80px;
}

@media (max-width: 1023px) {
  .intro__interesting {
    padding-bottom: 48px;
  }
}

.intro__interesting .interesting-article {
  border: none;
  padding-bottom: 69px;
}

@media (max-width: 1023px) {
  .intro__interesting .interesting-article {
    padding-bottom: 38px;
  }
}

.intro__interesting img {
  width: 100%;
}

.intro__h2 {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .intro__h2 {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .intro__h2 {
    font-size: 15px;
    line-height: 22px;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 18px;
  }
}

.intro__h2--new {
  font-size: 32px;
  text-align: center;
}

@media (max-width: 767px) {
  .intro__h2--new {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 32px;
  }
}

.intro__h2--open-w {
  cursor: pointer;
}

.intro__h2--open-w:hover {
  color: #15aaff;
}

.intro__windows {
  padding-top: 45px;
}

@media (max-width: 1169px) {
  .intro__windows {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (max-width: 1023px) {
  .intro__windows {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .intro__windows {
    padding-top: 36px;
  }
}

.intro__windows-actions {
  position: relative;
  z-index: 2;
  pointer-events: none;
  text-align: center;
}

@media (max-width: 1169px) {
  .intro__windows-actions {
    padding-left: 10px;
    text-align: left;
  }
}

@media (max-width: 1023px) {
  .intro__windows-actions {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .intro__windows-actions {
    text-align: center;
  }
}

.intro__windows-actions .btn {
  pointer-events: all;
}

@media (max-width: 767px) {
  .intro__windows-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.intro__windows--new {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .intro__windows--new {
    padding-top: 60px;
  }
}

.intro__windows-80 {
  padding-top: 80px;
}

@media (max-width: 1023px) {
  .intro__windows-80 {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .intro__windows-80 {
    padding-top: 97px;
  }
}

.intro__new-window-cards {
  position: relative;
  min-height: 415px;
  margin-bottom: 40px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .intro__new-window-cards {
    margin-top: 32px;
    margin-bottom: 66px;
  }
}

.intro__new-window-cards .slick-slide > div {
  padding: 0 9px;
}

.intro__new-window-cards .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 24px;
}

.intro__new-window-cards .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px;
}

.intro__new-window-cards .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.intro__new-window-cards .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

.intro__new-window-cards-3 {
  position: relative;
  min-height: 270px;
  margin: 40px 0 30px -9px;
}

@media (max-width: 1169px) {
  .intro__new-window-cards-3 {
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-cards-3 {
    margin-top: 32px;
    margin-bottom: 26px;
  }
}

.intro__new-window-cards-3 .slick-slide {
  width: 216px;
}

.intro__new-window-cards-3 .slick-slide > div {
  padding: 0 15px;
}

@media (max-width: 767px) {
  .intro__new-window-cards-3 .slick-slide > div {
    padding: 0 9px;
  }
}

.intro__new-window-cards-3 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 24px;
}

.intro__new-window-cards-3 .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px;
}

.intro__new-window-cards-3 .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.intro__new-window-cards-3 .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

.intro__new-window-card {
  position: relative;
  color: #202020;
  height: 415px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Open Sans", sans-serif;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  background-color: #fff;
}

.intro__new-window-card--simple {
  height: 270px;
}

.intro__new-window-card--only-img {
  position: relative;
  height: 335px;
  overflow: hidden;
}

@media (max-width: 1169px) {
  .intro__new-window-card--only-img {
    height: 358px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-card--only-img {
    height: 380px;
  }
}

.intro__new-window-card--only-img .intro__new-window-content {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
}

@media (max-width: 1169px) {
  .intro__new-window-card--only-img .intro__new-window-content {
    font-size: 13px;
  }
}

.intro__new-window-card--only-img .intro__new-window-img-inner {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}

@media (max-width: 1169px) {
  .intro__new-window-card--only-img .intro__new-window-img-inner {
    max-width: 360px;
    width: 360px;
    left: 65px;
  }
}

.intro__new-window--simple-img {
  height: 270px;
  background: -o-linear-gradient(313.13deg, #00C2D6 10.95%, #0092CD 104.2%);
  background: linear-gradient(136.87deg, #00C2D6 10.95%, #0092CD 104.2%);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 20px;
}

@media (max-width: 1169px) {
  .intro__new-window--simple-img {
    padding: 20px;
  }
}

.intro__new-window--simple-img-inner {
  max-height: 84%;
  max-width: 73%;
  position: relative;
  width: 152px;
}

@media (max-width: 1169px) {
  .intro__new-window--simple-img-inner {
    position: absolute;
    top: 79px;
    left: 50%;
    height: 113px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.intro__new-window--simple-img-info {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.intro__new-window--simple-img-title {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #FFFFFF;
  max-width: 172px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__new-window--simple-img-title {
    left: 37px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window--simple-img-title {
    left: 20px;
    font-size: 13px;
    line-height: 24px;
    max-width: 155px;
  }
}

@media (max-width: 767px) {
  .intro__new-window--simple-img-title {
    left: 20px;
    font-size: 13px;
    line-height: 24px;
    max-width: 155px;
  }
}

.intro__new-window--simple-img-cost {
  padding-top: 12px;
  font-weight: 600;
  font-size: 13.5px;
  line-height: 18px;
}

@media (max-width: 1169px) {
  .intro__new-window--simple-img-cost {
    font-size: 12.5px;
    padding-top: 2px;
  }
}

@media (max-width: 767px) {
  .intro__new-window--simple-img-cost {
    font-size: 12.5px;
  }
}

.intro__new-window--simple-img-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #99DDED;
  max-width: 149px;
}

@media (max-width: 1169px) {
  .intro__new-window--simple-img-desc {
    font-size: 12px;
  }
}

.intro__new-window-img {
  height: 270px;
  background: -o-linear-gradient(313.13deg, #00C2D6 10.95%, #0092CD 104.2%);
  background: linear-gradient(136.87deg, #00C2D6 10.95%, #0092CD 104.2%);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.intro__new-window-img-inner {
  max-height: 65%;
  max-width: 73%;
  position: relative;
}

.intro__new-window-img-inner--type-1 {
  width: 136px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-img-inner--type-1 {
    width: 120px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-img-inner--type-1 {
    width: 120px;
  }
}

.intro__new-window-img-inner--type-2 {
  width: 68px;
  top: -10px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-img-inner--type-2 {
    width: 55px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-img-inner--type-2 {
    width: 55px;
  }
}

.intro__new-window-img-inner--type-3 {
  width: 174px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-img-inner--type-3 {
    width: 142px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-img-inner--type-3 {
    width: 142px;
  }
}

.intro__new-window-img-inner--type-4 {
  width: 200px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-img-inner--type-4 {
    width: 155px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-img-inner--type-4 {
    width: 155px;
  }
}

.intro__new-window-img-title {
  display: inline-block;
  position: absolute;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 25px;
  color: #FFFFFF;
  left: 20px;
  bottom: 19px;
  max-width: 172px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__new-window-img-title {
    left: 37px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-img-title {
    left: 20px;
    font-size: 13px;
    line-height: 24px;
    max-width: 155px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-img-title {
    left: 20px;
    font-size: 13px;
    line-height: 24px;
    max-width: 155px;
  }
}

.intro__new-window-content {
  padding: 20px 20px 40px 20px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__new-window-content {
    padding: 20px 37px 40px 37px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-content {
    padding: 20px 20px 40px 20px;
  }
}

.intro__new-window-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 9px;
}

.intro__new-window-type:last-child {
  margin-bottom: 0;
}

.intro__new-window-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px dashed #00BBD3;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-link {
    font-size: 12px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-link {
    font-size: 12px;
    line-height: 22px;
  }
}

.intro__new-window-link:hover {
  color: #00BBD3;
}

.intro__new-window-price {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13.5px;
  line-height: 22px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .intro__new-window-price {
    font-size: 12.5px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .intro__new-window-price {
    font-size: 12.5px;
    line-height: 22px;
  }
}

.intro__new-window-actions {
  text-align: center;
}

.intro__window-cards {
  position: relative;
  height: 430px;
  margin-bottom: 20px;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  visibility: visible;
  z-index: 2;
}

@media (max-width: 1023px) {
  .intro__window-cards {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 767px) {
  .intro__window-cards {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1169px) {
  .intro__window-cards {
    height: unset;
  }
}

.intro__window-cards:not(.slick-initialized) {
  /*opacity: 0;
        visibility: hidden;*/
  overflow: scroll;
}

.intro__window-cards .slick-list {
  padding: 30px 0;
}

.intro__window-cards .slick-slide {
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.intro__window-cards .slick-slide > div {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .intro__window-cards .slick-slide > div {
    padding-left: 6px;
    padding-right: 6px;
  }
  .intro__window-cards .slick-slide:not(.slick-current) {
    opacity: .5;
  }
}

.intro__window-cards .slick-dots {
  position: absolute;
  z-index: 1;
  bottom: -82px;
  left: 0;
  right: 0;
  pointer-events: none;
}

@media (max-width: 1023px) {
  .intro__window-cards .slick-dots {
    bottom: -50px;
  }
}

@media (max-width: 767px) {
  .intro__window-cards .slick-dots {
    bottom: 10px;
  }
}

@media (max-width: 1169px) {
  .intro__window-cards .slick-dots {
    position: static;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 16px;
  }
}

.intro__window-cards .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.intro__window-cards .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.intro__window-cards .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

@media (min-width: 1170px) {
  .intro__window-cards.slick-initialized .intro__window-card {
    margin-bottom: 250px;
  }
}

.intro__window-card {
  position: relative;
  color: #202020;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Open Sans", sans-serif;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  background-color: #fff;
  -webkit-transition: height .5s ease, -webkit-box-shadow .5s ease;
  transition: height .5s ease, -webkit-box-shadow .5s ease;
  -o-transition: height .5s ease, box-shadow .5s ease;
  transition: height .5s ease, box-shadow .5s ease;
  transition: height .5s ease, box-shadow .5s ease, -webkit-box-shadow .5s ease;
}

.intro__window-card:hover {
  color: #202020;
}

@media (min-width: 768px) {
  .intro__window-card:hover {
    -webkit-box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
            box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
  }
  .intro__window-card:hover .intro__window-img {
    background-image: -o-linear-gradient(296deg, #00bbd3, #007fc7);
    background-image: linear-gradient(154deg, #00bbd3, #007fc7);
  }
  .intro__window-card:hover .intro__window-name {
    text-decoration: underline;
  }
  .intro__window-card:hover .intro__window-properties {
    -webkit-box-shadow: 0 14px 12px 7px rgba(0, 0, 0, 0.07);
            box-shadow: 0 14px 12px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@media (max-width: 1023px) {
  .intro__window-card {
    height: 100%;
  }
}

.intro__window-img {
  position: relative;
  z-index: 1;
  display: block;
  height: 190px;
  width: 100%;
  -webkit-transition: opacity .3s ease, background-image .3s ease;
  -o-transition: opacity .3s ease, background-image .3s ease;
  transition: opacity .3s ease, background-image .3s ease;
  background-image: -o-linear-gradient(296deg, #12c1d3, #168cc7);
  background-image: linear-gradient(154deg, #12c1d3, #168cc7);
}

@supports (max-width: 60%) and (max-height: 70%) {
  .intro__window-img {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 190px;
    width: 100%;
    -webkit-transition: opacity .3s ease, background-image .3s ease;
    -o-transition: opacity .3s ease, background-image .3s ease;
    transition: opacity .3s ease, background-image .3s ease;
    background-image: -o-linear-gradient(296deg, #12c1d3, #168cc7);
    background-image: linear-gradient(154deg, #12c1d3, #168cc7);
  }
  .intro__window-img img {
    max-width: 60%;
    max-height: 70%;
  }
}

.intro__window-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 60%;
  max-height: 70%;
}

@media (max-width: 1023px) {
  .intro__window-img {
    height: 154px;
  }
  .intro__window-img .win-type-1 {
    height: 68px;
  }
  .intro__window-img .win-type-2 {
    height: 68px;
  }
  .intro__window-img .win-type-3 {
    height: 80px;
  }
  .intro__window-img .win-type-4 {
    height: 100px;
  }
}

.intro__window-content {
  position: relative;
  background-color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 23px 28px 31px;
  z-index: 1;
}

.intro__window-content[tooltip]:hover:after {
  position: absolute;
  display: block;
  content: attr(tooltip);
  top: 5px;
  left: 5px;
  right: 5px;
  padding: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  color: #000;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .intro__window-content {
    padding: 14px 21px 31px;
  }
}

.intro__window-name {
  font-size: 18px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-weight: 500;
  margin-bottom: 10px;
  white-space: nowrap;
}

@media (max-width: 1023px) {
  .intro__window-name {
    font-size: 14px;
    margin-bottom: 4px;
  }
}

.intro__window-sizes {
  min-height: 54px;
  font-size: 14px;
  line-height: 27px;
  color: #a2a2a2;
  margin-bottom: 37px;
}

@media (max-width: 1023px) {
  .intro__window-sizes {
    font-size: 12px;
    margin-bottom: 18px;
  }
}

.intro__window-price {
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
}

@media (max-width: 1023px) {
  .intro__window-price {
    font-size: 17px;
  }
}

.intro__window-properties {
  z-index: 0;
  pointer-events: none;
  background-color: #fff;
  padding: 0 28px 31px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  min-height: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 11px;
  line-height: 15px;
  font-family: "Open Sans", sans-serif;
  margin-top: 31px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .intro__window-properties {
    font-size: 10px;
    line-height: 13px;
    padding: 0 21px 31px;
  }
}

.intro__window-property {
  color: #7a7a7a;
  margin-bottom: 3px;
}

.companies {
  padding: 70px 0 78px;
  background-color: #fff;
}

@media (max-width: 767px) {
  .companies {
    padding-top: 36px;
    padding-bottom: 53px;
  }
}

.companies__h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 46px;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 1023px) {
  .companies__h2 {
    font-size: 25px;
    margin-bottom: 37px;
  }
}

@media (max-width: 767px) {
  .companies__h2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 22px;
  }
}

.companies__cards {
  margin-bottom: 30px;
}

@media (max-width: 1169px) {
  .companies__cards {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (max-width: 1023px) {
  .companies__cards {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.companies__card {
  position: relative;
  display: block;
  color: #000;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow .5s ease;
  transition: -webkit-box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
  transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
}

.companies__card-link {
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .companies__card:hover {
    z-index: 3;
    -webkit-box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
            box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
  }
  .companies__card:hover .companies__card-name {
    text-decoration: underline;
  }
}

.companies__card-img {
  pointer-events: none;
  height: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: -1px;
}

.companies__card-img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.companies__card-content {
  position: relative;
  z-index: 3;
  padding: 20px 30px 20px;
  pointer-events: none;
}

.companies__card-name {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  height: 50px;
  overflow: hidden;
  margin-bottom: 20px;
}

.companies__card-contacts {
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.companies__card-contacts .svg-i {
  color: #007fc7;
  position: absolute;
  left: 0;
}

.companies__card-tel {
  font-size: 14px;
  line-height: 16px;
  min-height: 32px;
  margin-bottom: 10px;
  pointer-events: all;
}

.companies__card-tel-placeholder {
  display: table;
  color: #4a4a4a;
  border-bottom: 1px dashed #007fc7;
}

.companies__card-tel-number {
  display: table;
  font-weight: bold;
}

.companies__card-tel-number:hover {
  color: #007fc7;
}

.companies__card-address {
  line-height: 16px;
  height: 48px;
  overflow: hidden;
  pointer-events: all;
}

.companies__card-description {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 15px;
  height: 45px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #4a4a4a;
  opacity: .7;
}

.companies__card-stars {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.companies__card-stars li {
  line-height: 0;
}

.companies__card-stars li .svg-i_star {
  width: 12px;
  height: 12px;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.companies__card-stars li + li {
  margin-left: 4px;
}

.companies__card-stars .stars__val, .companies__card-stars .feedback__comments {
  display: none;
}

.companies__card-comments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
}

.companies__card-comments .svg-i {
  margin-right: 7px;
}

.companies__card-comments-count {
  font-size: 10px;
  line-height: 12px;
  border-bottom: 1px dashed #007fc7;
}

.companies__card-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.companies__card-bottom-mob {
  display: none;
}

@media (max-width: 1023px) {
  .companies__card {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 12px;
  }
  .companies__card-img {
    height: 127px;
  }
  .companies__card-content {
    padding: 14px 25px 16px 21px;
  }
  .companies__card-name {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 8px;
  }
  .companies__card-contacts {
    padding-left: 13px;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px;
  }
  .companies__card-contacts .svg-i {
    width: 9px;
    height: 9px;
  }
  .companies__card-tel {
    font-size: 9px;
    line-height: 14px;
    min-height: 28px;
    margin-bottom: 2px;
  }
  .companies__card-tel-placeholder {
    line-height: 14px;
  }
  .companies__card-address {
    line-height: 15px;
    height: 45px;
  }
  .companies__card-address .svg-i {
    margin-top: 2px;
  }
  .companies__card-description {
    font-size: 9px;
    line-height: 14px;
    height: 42px;
    margin-bottom: 5px;
  }
  .companies__card-stars {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .companies__card-stars li .svg-i_star {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 767px) {
  .companies__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .companies__card-img {
    height: auto;
    width: 35%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 10px;
    border-right: 1px solid;
    border-color: rgba(224, 224, 224, 0.3);
    margin-bottom: 60px;
  }
  .companies__card-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 10px 20px;
  }
  .companies__card-name {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    margin-bottom: 0;
  }
  .companies__card-contacts {
    padding-left: 13px;
    font-size: 9px;
    line-height: 15px;
    margin-bottom: 5px;
  }
  .companies__card-contacts .svg-i {
    width: 9px;
    height: 9px;
  }
  .companies__card-tel {
    min-height: auto;
    margin-bottom: 2px;
  }
  .companies__card-tel .svg-i {
    margin-top: 2px;
  }
  .companies__card-tel-placeholder {
    line-height: 13px;
  }
  .companies__card-address {
    line-height: 15px;
    max-height: 45px;
  }
  .companies__card-description {
    font-size: 8px;
    line-height: 13px;
    height: 26px;
    margin-bottom: 0;
  }
  .companies__card-bottom {
    display: none;
  }
  .companies__card-bottom-mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 35%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .companies__card-bottom-mob .stars {
    display: block;
    height: 17px;
  }
  .companies__card-bottom-mob .stars li {
    line-height: 0;
  }
  .companies__card-comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 10px;
  }
  .companies__card-comments .svg-i {
    width: 9px;
    height: 8px;
  }
  .companies__card-comments-count {
    font-size: 7px;
    line-height: 10px;
  }
  .companies__card-stars {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .companies__card-stars li .svg-i_star {
    width: 9px;
    height: 9px;
  }
}

.sales {
  padding: 70px 0 70px;
}

@media (max-width: 1169px) {
  .sales .index__wrapper {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .sales__cards {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1023px) {
  .sales {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .sales {
    padding-top: 33px;
    padding-bottom: 32px;
  }
  .sales .index__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.sales__actions {
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 1169px) {
  .sales__actions {
    padding-left: 90px;
    padding-right: 90px;
  }
}

@media (max-width: 1023px) {
  .sales__actions {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media (max-width: 767px) {
  .sales__actions {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .sales__actions {
    text-align: center;
  }
}

.sales__h2 {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .sales__h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sales__h2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

.sales__cards {
  margin-bottom: 38px;
  padding-left: 70px;
  padding-right: 70px;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  visibility: visible;
}

@media (max-width: 1169px) {
  .sales__cards {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .sales__cards {
    margin-bottom: 76px;
  }
}

.sales__cards:not(.slick-initialized) {
  opacity: 1;
  visibility: visible;
  overflow: scroll;
}

.sales__cards .slick-slide {
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.sales__cards .slick-slide > div {
  padding: 10px;
}

@media (max-width: 1023px) {
  .sales__cards .slick-slide > div {
    padding: 5px;
  }
}

@media (max-width: 767px) {
  .sales__cards .slick-slide > div {
    padding: 0 5px;
  }
  .sales__cards .slick-slide:not(.slick-current) {
    opacity: .5;
  }
}

.sales__cards .slick-arrow {
  border: none;
  width: 46px;
  height: 46px;
  background-color: transparent;
}

.sales__cards .slick-arrow svg {
  -webkit-transition: fill .4s ease;
  -o-transition: fill .4s ease;
  transition: fill .4s ease;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  fill: #979797;
}

.sales__cards .slick-arrow.slick-next {
  right: 0;
}

.sales__cards .slick-arrow.slick-next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sales__cards .slick-arrow.slick-prev {
  left: 0;
}

.sales__cards .slick-arrow.slick-prev svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.sales__cards .slick-arrow:hover svg {
  fill: #007fc7;
}

.sales__cards .slick-dots {
  position: absolute;
  bottom: -68px;
  left: 0;
  right: 0;
  pointer-events: none;
}

@media (max-width: 767px) {
  .sales__cards .slick-dots {
    bottom: -40px;
  }
}

.sales__cards .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sales__cards .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.sales__cards .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

.sales__card {
  position: relative;
  display: block;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow .5s ease;
  transition: -webkit-box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
  transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
  z-index: 2;
  margin-bottom: 20px;
}

.sales__card:hover {
  z-index: 3;
  color: #000;
  text-decoration: none;
}

@media (min-width: 768px) {
  .sales__card:hover {
    -webkit-box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
            box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
  }
  .sales__card:hover .sales__card-text {
    text-decoration: underline;
  }
}

.sales__card-img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .sales__card-img {
    height: 160px;
  }
}

.sales__card-content {
  padding: 18px 25px 27px 30px;
}

@media (max-width: 767px) {
  .sales__card-content {
    padding: 13px 20px 18px;
  }
}

.sales__card-company {
  color: #007fc7;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .sales__card-company {
    font-size: 9px;
    line-height: 13px;
    height: 26px;
    margin-bottom: 3px;
  }
}

.sales__card-text {
  font-size: 19px;
  line-height: 27px;
  height: 81px;
  overflow: hidden;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sales__card-text {
    font-size: 12px;
    line-height: 18px;
    height: 54px;
    margin-bottom: 16px;
  }
}

.sales__card-time {
  font-size: 11px;
  line-height: 15px;
  color: #4a4a4a;
  opacity: .7;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .sales__card-time {
    font-size: 8px;
    line-height: 13px;
  }
}

.sales__card-time .svg-i {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .sales__card-time .svg-i {
    height: 12px;
    width: 12px;
    margin-right: 12px;
  }
}

.index-reviews {
  padding: 60px 0;
}

@media (max-width: 767px) {
  .index-reviews {
    padding-top: 20px;
    padding-bottom: 45px;
  }
}

.index-reviews__configurator {
  padding: 150px 0 60px 0;
}

@media (max-width: 1169px) {
  .index-reviews__configurator {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .index-reviews__configurator {
    padding-top: 20px;
  }
}

.index-reviews__h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 46px;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 1023px) {
  .index-reviews__h2 {
    font-size: 25px;
    margin-bottom: 37px;
  }
}

@media (max-width: 767px) {
  .index-reviews__h2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 28px;
  }
}

.index-reviews__slider {
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 110px;
}

@media (max-width: 1169px) {
  .index-reviews__slider {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (max-width: 1023px) {
  .index-reviews__slider {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0px 29px 108px -38px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 29px 108px -38px rgba(0, 0, 0, 0.75);
  }
}

@media (max-width: 767px) {
  .index-reviews__slider {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .index-reviews__slider .slick-list {
    -webkit-box-shadow: 0 8px 15px 10px rgba(0, 0, 0, 0.07);
            box-shadow: 0 8px 15px 10px rgba(0, 0, 0, 0.07);
  }
}

.index-reviews__slider .slick-slide {
  padding-left: 0;
  padding-right: 0;
}

.index-reviews__slider .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -90px;
  pointer-events: none;
}

@media (max-width: 767px) {
  .index-reviews__slider .slick-dots {
    bottom: -50px;
  }
}

.index-reviews__slider .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-reviews__slider .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.index-reviews__slider .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

.index-reviews__slider .slick-arrow {
  border: none;
  width: 46px;
  height: 46px;
  background-color: transparent;
}

.index-reviews__slider .slick-arrow svg {
  -webkit-transition: fill .4s ease;
  -o-transition: fill .4s ease;
  transition: fill .4s ease;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  fill: #979797;
}

.index-reviews__slider .slick-arrow.slick-next {
  right: 0;
}

.index-reviews__slider .slick-arrow.slick-next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.index-reviews__slider .slick-arrow.slick-prev {
  left: 0;
}

.index-reviews__slider .slick-arrow.slick-prev svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.index-reviews__slider .slick-arrow:hover svg {
  fill: #007fc7;
}

.index-reviews .review-item {
  background-color: #fff;
  padding: 50px 115px 70px 60px;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 1023px) {
  .index-reviews .review-item {
    padding: 50px 50px 65px;
  }
}

@media (max-width: 767px) {
  .index-reviews .review-item {
    padding: 30px 25px 40px 30px;
  }
}

.index-reviews .review-item__inside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

@media (max-width: 767px) {
  .index-reviews .review-item__inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.index-reviews .review-item__company {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 35%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
  padding-right: 90px;
}

@media (max-width: 1023px) {
  .index-reviews .review-item__company {
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .index-reviews .review-item__company {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }
}

.index-reviews .review-item__company-logo {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 767px) {
  .index-reviews .review-item__company-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
  }
}

.index-reviews .review-item__company-link {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #007fc7;
}

@media (max-width: 767px) {
  .index-reviews .review-item__company-link {
    padding-left: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 10px;
    line-height: 14px;
  }
}

.index-reviews .review-item__company-link:hover {
  text-decoration: none;
}

.index-reviews .review-item__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 65%;
     -moz-box-flex: 0;
      -ms-flex: 0 1 65%;
          flex: 0 1 65%;
}

.index-reviews .review-item__author {
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .index-reviews .review-item__author {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 17px;
  }
}

.index-reviews .review-item__text {
  font-size: 14px;
  line-height: 25px;
}

@media (max-width: 1023px) {
  .index-reviews .review-item__text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .index-reviews .review-item__text {
    font-size: 11px;
    line-height: 16px;
  }
}

.index-reviews .review-item__stars {
  right: 0;
  top: 0;
  position: absolute;
}

.index-reviews .review-item__stars li .svg-i_star {
  width: 16px;
  height: 16px;
  fill: #00bbd3 !important;
  stroke: #00bbd3 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.index-reviews .review-item__stars li .svg-i_star.empty {
  fill: #fff !important;
}

.index-reviews .review-item__stars li + li {
  margin-left: 4px;
}

.index-reviews .review-item__stars .stars__val, .index-reviews .review-item__stars .feedback__comments {
  display: none;
}

@media (max-width: 767px) {
  .index-reviews .review-item__stars {
    top: 0;
  }
}

.map__title {
  font-weight: 500;
}

.map__nav {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .map__nav {
    padding-right: 0;
    padding-left: 0;
  }
}

.map__nav ul {
  list-style: none;
}

.map__nav-list {
  position: relative;
  background: #FFFFFF;
  padding: 20px 0 0 20px;
  margin-bottom: 90px;
  overflow: hidden;
  /* @include mq-tab {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: 56px;
        padding: 20px 20px 50px;
        margin-bottom: 80px;
      }
      @include mq-pc {
        display: grid;
        grid-template-columns: 25.7% 25.5% 25.6% 22%;
        grid-row-gap: 56px;
      }
      @include mq-mob() {
        margin-bottom: 60px;
        padding: 20px;
      }*/
}

.map__nav-main {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 56px;
  opacity: 0;
  -webkit-transition: opacity .2s .5s;
  -o-transition: opacity .2s .5s;
  transition: opacity .2s .5s;
}

.init .map__nav-main {
  opacity: 1;
}

@media (max-width: 767px) {
  .map__nav-main {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .map__nav-main {
    width: 335px;
    min-width: 335px;
  }
}

@media (min-width: 1170px) {
  .map__nav-main {
    width: 270px;
    min-width: 270px;
  }
}

.map__nav-submenu {
  padding-top: 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .map__nav-submenu {
    max-width: 252px;
  }
}

.map__nav-submenu-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .map__nav-submenu-item {
    padding-right: 1.25rem;
  }
}

.map__nav-submenu-item:not(:last-child) {
  margin-bottom: 16px;
}

.map__nav-submenu-item.shown .map__nav-submenu-link-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.map__nav-submenu .accordion-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1170px) {
  .map__nav-submenu .accordion-toggle {
    margin-bottom: 4px;
  }
}

.map__nav-accordion {
  padding-top: 16px;
}

.map__nav-accordion-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-left: 16px;
}

.map__nav-accordion-item a {
  color: #959595;
}

.map__nav-accordion-item a:hover {
  color: #00BFD6;
}

.map__nav-accordion-item:not(:last-child) {
  margin-bottom: 16px;
}

.new-windows {
  /*  .filter-switch-btns {
    @include mq-less-pc() {

      @include mq-not-mob() {
        margin-bottom: 0px;
        .btn-flat {
          width: 100%;
          height: 60px;
          svg {
            fill: #00bbd3;
          }
          @media (min-width: 768px) and (max-width: 1023px) {
            font-size: 12px;
            font-weight: bold;
            font-style: italic;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #7b7b83;
          }
        }
      }
    }
  }*/
}

.new-windows .breadcrumb {
  margin: 25px 0 26px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .breadcrumb {
    margin: 25px 0 17px;
  }
}

@media (max-width: 767px) {
  .new-windows .breadcrumb {
    margin: 16px 0 13px;
    text-align: left;
  }
}

.new-windows .p-catalog__content .tabs-filter_fixed {
  z-index: 2;
}

.new-windows .p-catalog__header {
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .new-windows .p-catalog__header {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .new-windows .p-catalog__header {
    margin-bottom: 20px;
  }
}

.new-windows .p-catalog__header .h1 {
  font-size: 36px;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  max-width: none;
  font-weight: 700;
  margin: 0;
  color: #000;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .p-catalog__header .h1 {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .new-windows .p-catalog__header .h1 {
    font-size: 24px;
    line-height: 32px;
  }
}

.new-windows .tip {
  background-color: transparent;
  height: auto;
  width: auto;
}

.new-windows .h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  color: #000;
}

@media (max-width: 1169px) {
  .new-windows .h2 {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .new-windows .h2 {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
  }
}

.new-windows .send-request-window {
  margin-bottom: 30px;
  margin-top: 8px;
}

.new-windows .send-request-window__banner {
  margin-top: 30px;
}

.new-windows .send-request-window__text {
  font-family: "Open Sans", sans-serif;
  color: #898989;
  max-width: 650px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .new-windows .send-request-window__text {
    margin-bottom: 30px;
  }
}

.new-windows .send-request-window__text p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 20px;
}

.new-windows .send-request-window__text a {
  border-bottom: 1px solid rgba(0, 191, 214, 0.2);
  cursor: pointer;
  color: #00a8bd;
  text-decoration: none;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.new-windows .send-request-window__text a:hover {
  border-color: #00bfd6;
}

@media (max-width: 767px) {
  .new-windows .send-request-window__menu-tab, .new-windows .send-request-window__menu-link {
    text-align: center;
  }
  .new-windows .send-request-window__menu-tab .btn, .new-windows .send-request-window__menu-link .btn {
    width: auto;
  }
}

.new-windows .choose-win-type {
  margin-bottom: 47px;
}

@media (min-width: 1170px) {
  .new-windows .choose-win-type {
    padding: 36px 42px;
  }
}

@media (max-width: 767px) {
  .new-windows .choose-win-type {
    margin-bottom: 40px;
  }
}

.new-windows .tabs-filter__placeholder {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 240px;
}

@media (max-width: 1023px) {
  .new-windows .tabs-filter__placeholder {
    width: 160px;
  }
}

.new-windows .tabs-filter__options {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media (max-width: 1023px) {
  .new-windows .tabs-filter__options {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .tabs-filter__options {
    padding-right: 112px;
  }
}

.new-windows .tabs-filter__option {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.new-windows .tabs-filter__option:last-child {
  border-right: none;
}

.new-windows .filter_sort {
  margin-bottom: 10px;
}

.new-windows .p-win-search__filter {
  position: relative;
}

@media (max-width: 767px) {
  .new-windows .p-win-search__filter {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: white;
    /* width: 99%; */
    width: -webkit-calc(100% + 36px);
    width: calc(100% + 36px);
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-top: 16px;
    margin-bottom: 10px;
  }
}

.new-windows .line-cards-group__show-more {
  margin: 42px 30px 70px;
  text-align: center;
}

.new-windows .line-cards-group__show-more-btn {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.7px;
  color: #000;
}

.new-windows .line-cards-group__show-more-btn:hover {
  color: #007fc7;
}

.new-windows .line-cards-group__show-more-btn .svg-i {
  margin-top: -4px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .new-windows .line-cards-group__show-more {
    margin: 30px 0 50px;
  }
}

.new-windows .line-cards-group .btn.btn_sky, .new-windows .line-cards-group .btn.btn_green {
  font-size: 9px;
}

.btn-sky-hover:hover {
  background: transparent;
  border: 2px solid #00bfd6;
  color: #202020 !important;
}

.filter.filter-new {
  z-index: 99;
  padding: 0;
}

@media (max-width: 1169px) and (min-width: 768px) {
  .filter.filter-new {
    top: 65px;
    left: 0;
  }
}

.filter.filter-new .filter-block {
  /*transition: all 0.5s;*/
  border-top: solid 1px rgba(185, 198, 208, 0.5);
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
}

@media (max-width: 1169px) {
  .filter.filter-new .filter__close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .filter.filter-new .filter__close svg {
    fill: #00BBD3;
  }
}

.filter.filter-new .filter-block.bt-none {
  border-top: none;
}

.trends {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .trends {
    display: none;
  }
}

.links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 240px;
  overflow: scroll;
  height: auto;
  max-height: 255px;
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}

.links:hover {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.links::-webkit-scrollbar {
  background-color: rgba(185, 198, 208, 0.5);
  width: 4px;
}

.links::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #00bbd3;
}

.links-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.85;
  letter-spacing: normal;
}

.links-link:hover {
  color: #000000;
  text-decoration: underline;
}

.links-link.selected {
  font-weight: bold;
  color: #00bbd3;
  text-decoration: none;
}

.filter-block__name svg.svg-i_arrow-right-xs {
  fill: #00bbd3;
}

.filter-prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: solid 1px rgba(185, 198, 208, 0.5);
  padding: 16px 30px;
  padding-top: 20px;
}

.filter-prev .filter-block__name {
  cursor: unset;
  padding-bottom: 8px;
}

.filter-prev .filter-block button {
  cursor: pointer;
}

@media (min-width: 768px) {
  .tabs-filter__placeholder {
    border-left: 1px solid #f5f6f8;
    height: 60px;
    line-height: 60px;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1169px) {
  .tabs-filter__placeholder {
    display: none;
  }
}

@media (max-width: 1169px) and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .filter-switch-btns button {
    margin-right: 0;
    margin-left: 0;
    padding: 0 20px;
  }
}

.filter-switch-btns--fill {
  width: 100%;
}

.svg-i_filters {
  width: 20px;
  height: 20px;
}

/*li.tabs-filter__option:first-child {
  display: none;
  @include mq-less-pc() {
    @include mq-not-mob() {
      display: block;
    }
  }
  padding: 0 26px;
  text-transform: none;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #a2a2a2;
  a.tabs-filter__option-ln {
    &::before {
      display: none;
    }
    &::after {
      display: none;
    }
  }
}*/
@media (max-width: 1169px) and (min-width: 768px) {
  .p-catalog__aside__new {
    left: -16px !important;
  }
}

.filter__title {
  display: none;
}

@media (max-width: 1169px) {
  .filter__title {
    display: block;
    padding-left: 32px;
    min-height: 55px;
    line-height: 55px !important;
    background: white;
  }
}

.filter-block__inner::before {
  display: none;
}

.filter-block__inner::after {
  display: none;
}

.btn-flat .svg-i_tune {
  fill: #00bfd6;
}

.line-card-company__price-small {
  margin-bottom: 11px;
}

@media (max-width: 1169px) and (min-width: 768px) {
  .p-catalog__aside.p-catalog__aside__new {
    min-height: auto;
    height: 81vh;
  }
}

@media (max-width: 1169px) and (min-width: 1024px) and (max-height: 768px) {
  .p-catalog__aside.p-catalog__aside__new {
    min-height: 405vh;
  }
}

@media (max-width: 1169px) and (max-width: 767px) {
  .p-catalog__aside.p-catalog__aside__new {
    z-index: 99999 !important;
  }
}

.wrap.over-hidden {
  z-index: 9999;
}

.load-more-hide {
  display: none;
}

.load-more {
  font-size: 10px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: 0.6px;
  color: #000000;
}

.config-mini-row.cfg-grid[data-calc-name] {
  display: none;
  margin: 0 0 50px 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .config-mini-row.cfg-grid[data-calc-name] {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 767px) {
  .config-mini-row.cfg-grid[data-calc-name] {
    margin: 0 0 10px 0;
  }
}

.new-windows .company-list {
  padding: 70px 0 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .company-list {
    padding: 44px 0 60px;
  }
}

@media (max-width: 767px) {
  .new-windows .company-list {
    padding: 0;
    margin-bottom: 40px;
    background-color: #f5f6f8;
  }
}

.new-windows .company-list__h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #202020;
  max-width: 649px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .company-list__h2 {
    font-size: 32px;
    line-height: 43px;
    text-align: left;
    margin-bottom: 44px;
  }
}

@media (max-width: 767px) {
  .new-windows .company-list__h2 {
    font-size: 24px;
    line-height: 26px;
    color: #202020;
    text-align: left;
    margin-bottom: 20px;
  }
}

.new-windows .company-list-card {
  background-color: #fff;
}

.new-windows .image-text-slider {
  margin-bottom: 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .image-text-slider {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .new-windows .image-text-slider {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.new-windows .image-text-slider__h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 27px;
  margin-bottom: 60px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .image-text-slider__h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 40px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .new-windows .image-text-slider__h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}

.new-windows .image-text-slider .slick-list {
  overflow: hidden !important;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .image-text-slider .slick-list {
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  .new-windows .image-text-slider .slick-list {
    overflow: visible !important;
  }
}

@media (min-width: 1440px) {
  .new-windows .image-text-slider .slick-dots {
    display: none !important;
  }
}

.new-windows .image-text-slider .slick-arrow {
  border: none;
  width: 46px;
  height: 46px;
  background-color: transparent;
}

.new-windows .image-text-slider .slick-arrow svg {
  -webkit-transition: fill 0.4s ease;
  -o-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  fill: #979797;
}

.new-windows .image-text-slider .slick-arrow.slick-next {
  right: -70px;
}

.new-windows .image-text-slider .slick-arrow.slick-next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.new-windows .image-text-slider .slick-arrow.slick-prev {
  left: -70px;
}

.new-windows .image-text-slider .slick-arrow.slick-prev svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.new-windows .image-text-slider .slick-arrow:hover svg {
  fill: #007fc7;
}

.new-windows .index-reviews {
  padding: 0;
  margin-top: 120px;
  margin-bottom: 200px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .index-reviews {
    margin-top: 60px;
    margin-bottom: 152px;
  }
}

@media (max-width: 767px) {
  .new-windows .index-reviews {
    margin-top: 40px;
    margin-bottom: 100px;
  }
}

.new-windows .index-reviews__h2 {
  font-size: 32px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .index-reviews__h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 40px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .new-windows .index-reviews__h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}

@media (min-width: 1440px) {
  .new-windows .index-reviews__slider {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .new-windows .index-reviews__slider .slick-next {
    right: -70px;
  }
}

@media (min-width: 1440px) {
  .new-windows .index-reviews__slider .slick-prev {
    left: -70px;
  }
}

.new-windows .map-container {
  margin-bottom: 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .map-container {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .new-windows .map-container {
    margin-bottom: 40px;
  }
}

.new-windows .map-container .h2 {
  font-size: 32px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 60px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .map-container .h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 22px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .new-windows .map-container .h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}

.new-windows .article-content {
  margin-bottom: 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-windows .article-content {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .new-windows .article-content {
    margin-bottom: 40px;
  }
}

.service-category .breadcrumb {
  margin: 34px 0 30px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .breadcrumb {
    margin: 34px 0 40px;
  }
}

@media (max-width: 767px) {
  .service-category .breadcrumb {
    margin: 26px 0 18px;
  }
}

.service-category .h2 {
  font-size: 32px;
  line-height: 38px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .h2 {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .service-category .h2 {
    font-size: 24px;
    line-height: 38px;
  }
}

.service-category .h2 span {
  color: #007fc7;
}

.service-category .index-reviews, .service-category .company-list, .service-category .image-text-slider, .service-category .accordion {
  padding: 0;
}

.service-category .index-reviews__h2, .service-category .index-reviews__title, .service-category .company-list__h2, .service-category .company-list__title, .service-category .image-text-slider__h2, .service-category .image-text-slider__title, .service-category .accordion__h2, .service-category .accordion__title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 32px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .index-reviews__h2, .service-category .index-reviews__title, .service-category .company-list__h2, .service-category .company-list__title, .service-category .image-text-slider__h2, .service-category .image-text-slider__title, .service-category .accordion__h2, .service-category .accordion__title {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .service-category .index-reviews__h2, .service-category .index-reviews__title, .service-category .company-list__h2, .service-category .company-list__title, .service-category .image-text-slider__h2, .service-category .image-text-slider__title, .service-category .accordion__h2, .service-category .accordion__title {
    font-size: 24px;
    line-height: 38px;
    text-align: left;
  }
}

.service-category .accordion__title {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .accordion__title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .service-category .accordion__title {
    margin-bottom: 32px;
  }
}

.service-category .company-list {
  padding: 70px 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .company-list {
    padding: 56px 0 64px;
  }
}

@media (max-width: 767px) {
  .service-category .company-list {
    padding: 40px 0 56px;
  }
}

.service-category .image-text-slider {
  margin-top: 56px;
  margin-bottom: 64px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .image-text-slider {
    margin: 64px 0;
  }
}

@media (max-width: 767px) {
  .service-category .image-text-slider {
    margin: 40px 0 48px;
  }
}

.service-category .index-reviews {
  margin-top: 64px;
  margin-bottom: 162px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .index-reviews {
    margin-bottom: 152px;
  }
}

@media (max-width: 767px) {
  .service-category .index-reviews {
    margin-top: 48px;
    margin-bottom: 102px;
  }
}

.service-category .accordion-wrapper {
  margin-top: 162px;
  margin-bottom: 100px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .accordion-wrapper {
    margin-top: 152px;
  }
}

@media (max-width: 767px) {
  .service-category .accordion-wrapper {
    margin-top: 102px;
  }
}

.service-category .p-catalog__header {
  margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .p-catalog__header {
    margin: 0 0 24px;
  }
}

@media (max-width: 767px) {
  .service-category .p-catalog__header {
    margin: 0 0 16px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .p-catalog__header h1 {
    max-width: 593px;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .service-category .p-catalog__header h1 {
    text-align: left;
  }
}

.service-category .banner-step {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .service-category .banner-step {
    margin-bottom: 0;
  }
}

.service-category .service-cards {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .service-category .service-cards {
    margin-left: -17px;
    margin-right: -17px;
    margin-top: 6px;
  }
}

.service-category .service-cards--mb {
  margin-bottom: 48px;
}

.service-category .pagination {
  margin-bottom: 68px;
}

.service-category .map-container--no-pagintaion {
  margin-top: 68px;
}

.service-category .map-container h2 {
  margin-top: 0;
  margin-bottom: 32px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-category .map-container h2 {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .service-category .map-container h2 {
    text-align: left;
  }
}

.service-category .p-win-search__filter .filter__view {
  display: none;
}

@media (max-width: 767px) {
  .service-category .p-win-search__filter {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: white;
    /* width: 99%; */
    width: -webkit-calc(100% + 36px);
    width: calc(100% + 36px);
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-top: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
}

.service-category .filter.filter-new {
  z-index: 99;
  padding: 0;
}

@media (max-width: 1169px) and (min-width: 768px) {
  .service-category .filter.filter-new {
    position: absolute;
    top: 0;
  }
}

.service-category .filter.filter-new .filter-block {
  /*transition: all 0.5s;*/
  border-top: solid 1px rgba(185, 198, 208, 0.5);
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
}

.service-category .filter.filter-new .filter-block .noUi-target {
  display: none;
}

.service-category .filter.filter-new .filter-block.active .noUi-target {
  margin-top: 50px;
  display: block;
}

.service-category .filter.filter-new .filter-block.active .filter-block__name {
  cursor: default !important;
}

.service-category .filter.filter-new .filter-block.active .filter-block__name a, .service-category .filter.filter-new .filter-block.active .filter-block__name span {
  cursor: default !important;
}

.service-category .filter.filter-new .filter-block.active .filter-block__title {
  cursor: default !important;
}

.service-category .filter.filter-new .filter-block.active .filter-block__title a, .service-category .filter.filter-new .filter-block.active .filter-block__title span {
  cursor: default !important;
  text-decoration: none;
}

.service-category .filter.filter-new .filter-prev {
  padding-right: 29px;
  padding-left: 29px;
}

.service-category .filter.filter-new .filter-prev .filter-block {
  border-top: 0;
  padding: 0;
  margin-bottom: 16px;
}

.service-category .filter.filter-new .filter-prev .filter-block:last-child {
  margin-bottom: 0;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__name, .service-category .filter.filter-new .filter-prev .filter-block .filter-block__title {
  font-size: 14px;
  line-height: 22px;
  color: #202020;
  padding-bottom: 0;
  cursor: pointer;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__name a, .service-category .filter.filter-new .filter-prev .filter-block .filter-block__title a {
  color: currentColor;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__name a:hover, .service-category .filter.filter-new .filter-prev .filter-block .filter-block__title a:hover {
  color: #00BBD3;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__name span, .service-category .filter.filter-new .filter-prev .filter-block .filter-block__title span {
  color: currentColor;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__name span:hover, .service-category .filter.filter-new .filter-prev .filter-block .filter-block__title span:hover {
  color: #00BBD3;
}

.service-category .filter.filter-new .filter-prev .filter-block .filter-block__title {
  cursor: default;
}

.service-category .filter.filter-new .filter-prev .filter-block.active .filter-block__name {
  color: #00BBD3;
}

.service-category .filter.filter-new .filter-prev .filter-block.active .filter-block__inner {
  padding: 8px 0 0;
}

.service-category .filter.filter-new .filter-prev .filter-block.active .filter-block__title {
  color: #00BBD3;
}

@media (max-width: 1169px) {
  .service-category .filter.filter-new .filter__close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .service-category .filter.filter-new .filter__close svg {
    fill: #00BBD3;
  }
}

.service-category .filter.filter-new .links-link {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 8px;
}

.service-category .filter.filter-new .links-link:last-child {
  margin-bottom: 0;
}

.service-category .filter.filter-new .links-link.active {
  font-weight: bold;
}

.service-category .filter.filter-new span.links-link {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.service-category .filter.filter-new span.links-link:hover {
  text-decoration: none;
  color: #00BBD3;
}

.service-category .filter.filter-new .filter-block.bt-none {
  border-top: none;
}

.seller__actions--new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin: 25px 0;
}

.seller__actions--new button.btn {
  margin-left: 36px;
  padding-top: 0;
}

.seller__actions--new button.btn + button.btn {
  margin-left: 36px;
  padding-top: 0;
}

@media (max-width: 1023px) {
  .seller__actions--new {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .seller__actions--new button.btn {
    margin-left: 0;
    padding-top: 0;
  }
  .seller__actions--new button.btn + button.btn {
    margin: 10px 0;
  }
}

@media (max-width: 767px) {
  .seller__actions.seller__actions--new {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
  .seller__actions.seller__actions--new div, .seller__actions.seller__actions--new button.btn {
    margin: 10px 0;
  }
  .seller__actions.seller__actions--new div a {
    font-size: 11px;
  }
}

.product-item {
  padding: 15px 0 24px;
}

.product-item:first-child {
  padding-top: 30px;
}

.product-item + .product-item {
  border-top: 1px solid #D8D8D8;
}

.product-item__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.product-item__count {
  font-size: 12px;
  line-height: 14px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.product-item__content {
  position: relative;
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-item__content-price {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.23;
}

.product-item__options {
  max-width: 235px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.product-item__image {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0.54) translateX(-85%);
      -ms-transform: scale(0.54) translateX(-85%);
          transform: scale(0.54) translateX(-85%);
  font-size: 8px;
  margin-top: 32px;
}

.product-item__image.cr-elements_type-7 {
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
}

@media (min-width: 1440px) {
  .product-item__image.cr-elements_type-10 .cr-element--window::before, .product-item__image.cr-elements_type-9 .cr-element--window::before {
    width: 12.5em !important;
  }
}

.product-item__image.cr-elements_type-39 {
  -webkit-transform: scale(1, 0.6) translateX(0%);
      -ms-transform: scale(1, 0.6) translateX(0%);
          transform: scale(1, 0.6) translateX(0%);
}

.product-item__image .cr-element {
  font-size: 8px !important;
}

.product-item__image .config-select-group {
  display: none;
}

.product-options {
  font-size: 12px;
  line-height: 14px;
}

.product-options__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.product-options__item + .product-options__item {
  margin-top: 10px;
}

.product-options__title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  max-width: 100px;
  width: 100px;
  padding-right: 10px;
  color: #959595;
}

.trends__title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 13px;
  margin-bottom: 22px;
}

.trends__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -4px;
}

.trends__buttons.is-visible {
  display: block;
}

.trends__buttons.is-hidden {
  display: none;
}

.trends__button {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  background-color: transparent;
  color: #959595;
  border: 1px solid #00BBD3;
  border-radius: 15px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  text-align: center;
  margin: 0 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 12px;
  -webkit-transition: background-color, color .3s ease;
  -o-transition: background-color, color .3s ease;
  transition: background-color, color .3s ease;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .trends__button {
    font-size: 10px;
    line-height: 13px;
  }
}

.trends__button--active {
  font-weight: 600;
}

.trends__button--active, .trends__button:hover {
  background: #00BBD3;
  color: #F6F6F6;
}

.trends__button.is-visible {
  display: block;
}

.trends__button.is-hidden {
  display: none;
}

.showmore {
  background: transparent;
  border: 0;
  font-size: 13px;
  line-height: 13px;
  color: #959595;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  outline: none;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.showmore:hover {
  color: #202020;
}

@media (max-width: 767px) {
  .showmore {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.showmore__icon {
  margin-left: 10px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.showmore.is-hidden .showmore__text-hidden {
  display: inline-block;
}

.showmore.is-hidden .showmore__text-visible {
  display: none;
}

.showmore.is-hidden .showmore__icon {
  -webkit-transform: rotate(180deg) translateY(-30%);
      -ms-transform: rotate(180deg) translateY(-30%);
          transform: rotate(180deg) translateY(-30%);
}

.showmore.is-visible .showmore__text-hidden {
  display: none;
}

.showmore.is-visible .showmore__text-visible {
  display: inline-block;
}

.showmore.is-visible .showmore__icon {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.one-click-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
}

.mfp-content .one-click-product {
  margin-top: 16px;
}

.one-click-product__title {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  color: #202020;
  margin-bottom: 20px;
}

.one-click-product__desc {
  width: 60%;
}

.one-click-product__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #202020;
  margin-bottom: 10px;
}

.one-click-product__item:last-child {
  margin-bottom: 0;
}

.one-click-product__item:before {
  content: attr(data-label);
  font-size: 12px;
  line-height: 14px;
  color: #959595;
  width: 80px;
  margin-right: 20px;
}

.one-click-product__item .color-gray {
  color: #959595;
}

.one-click-product__image {
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.one-click-product__image img {
  max-width: 100%;
}

.tabs-select {
  margin-top: 22px;
}

.tabs-select__nav {
  position: relative;
  overflow: auto;
}

@media (max-width: 767px) {
  .tabs-select__nav {
    margin-left: -17px;
    margin-right: -17px;
    background-color: #fff;
    padding: 22px 17px;
    overflow: visible;
  }
}

.tabs-select__selected {
  display: none;
  font-size: 12px;
  line-height: 14px;
  color: #00BBD3;
  border: 1px solid rgba(109, 114, 120, 0.1);
  border-radius: 100px;
  text-transform: uppercase;
  padding: 14px 20px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}

.tabs-select__selected:after {
  content: '';
  display: block;
  border: 4px solid transparent;
  border-top: 4px solid #202020;
  border-bottom: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.is-active .tabs-select__selected:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 767px) {
  .tabs-select__selected {
    display: block;
  }
}

.tabs-select__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .tabs-select__items {
    display: none;
  }
  .is-active .tabs-select__items {
    display: block;
    position: absolute;
    top: -webkit-calc(100% - 8px);
    top: calc(100% - 8px);
    left: 17px;
    z-index: 1;
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
}

.tabs-select__item {
  padding: 24px 40px;
  background-color: rgba(196, 196, 196, 0.3);
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  border-right: 1px solid #F5F6F8;
  -webkit-transition: color, background-color .3s ease;
  -o-transition: color, background-color .3s ease;
  transition: color, background-color .3s ease;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .tabs-select__item {
    padding: 24px 30px;
  }
}

.tabs-select__item:hover {
  background-color: #fff;
  color: #00BBD3;
}

.tabs-select__item.is-active {
  background-color: #fff;
  color: #00BBD3;
  font-weight: 600;
}

.tabs-select__item:last-child {
  border-right: 0;
}

@media (max-width: 767px) {
  .tabs-select__item {
    font-size: 13px;
    line-height: 24px;
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
  }
  .tabs-select__item.is-active {
    background-color: #00BFD6;
    color: white;
  }
}

@media (max-width: 767px) {
  .tabs-select__content-items {
    margin-top: 22px;
  }
}

.tabs-select__content-item {
  display: none;
}

.tabs-select__content-item.is-active {
  display: block;
}

.orders {
  font-family: "Open Sans", sans-serif;
  margin-top: 40px;
  margin-bottom: 120px;
}

.orders__filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .orders__filter {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.orders__select {
  width: 260px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .orders__select {
    margin-right: 0;
    width: 100%;
    margin-top: 16px;
  }
  .orders__select:first-child {
    margin-top: 0;
  }
}

.orders__select label {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #202020;
  margin-bottom: 12px;
}

.orders__items {
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  margin-top: 32px;
  overflow: auto;
}

.orders__table {
  min-width: 1136px;
}

.orders__item, .orders__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid #F6F6F6;
}

.orders__header {
  font-size: 12px;
  line-height: 14px;
  color: #959595;
  border-top: 1px solid #F6F6F6;
}

.orders__item {
  font-size: 14px;
  line-height: 22px;
}

.orders__number {
  font: inherit;
  color: currentColor;
  padding-left: 20px;
  width: -webkit-calc(1 / 12 * 100%);
  width: calc(1 / 12 * 100%);
}

.orders__data {
  font: inherit;
  color: currentColor;
  padding-left: 24px;
  width: -webkit-calc(2 / 12 * 100%);
  width: calc(2 / 12 * 100%);
}

.orders__city {
  font: inherit;
  color: currentColor;
  width: -webkit-calc(3 / 12 * 100%);
  width: calc(3 / 12 * 100%);
}

.orders__quantity {
  font: inherit;
  color: currentColor;
  width: -webkit-calc(1 / 12 * 100%);
  width: calc(1 / 12 * 100%);
}

.orders__quantity span {
  color: #959595;
}

.orders__type {
  font: inherit;
  color: currentColor;
  padding-left: 24px;
  width: -webkit-calc(2 / 12 * 100%);
  width: calc(2 / 12 * 100%);
}

.orders__type span {
  cursor: pointer;
  color: #00C04B;
  border-bottom: 1px dashed transparent;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out;
}

.orders__type span:hover {
  border-bottom: 1px dashed #00C04B;
}

.orders__buttons {
  font: inherit;
  color: currentColor;
  padding-left: 24px;
  padding-right: 20px;
  text-align: right;
  width: -webkit-calc(3 / 12 * 100%);
  width: calc(3 / 12 * 100%);
}

.orders__pagination .pagination {
  margin-top: 40px;
  margin-bottom: 0;
}

.banner {
  padding: 48px 24px;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  position: relative;
  overflow: hidden;
}

.banner__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner--text .banner {
    padding: 40px 16px 0;
  }
}

@media (max-width: 767px) {
  .banner {
    padding: 48px 15px 226px;
  }
}

.banner__content {
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner__content {
    width: 213px;
  }
}

@media (max-width: 767px) {
  .banner__content {
    width: 100%;
    margin-bottom: 0;
  }
}

.banner__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #202020;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .banner__title {
    margin-bottom: 8px;
  }
}

.banner__desc {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .banner__desc {
    margin-bottom: 24px;
  }
}

.banner__button {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .banner__button {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .banner__button .btn {
    width: 100%;
  }
}

.banner__image {
  margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner__image {
    position: absolute;
    top: 39px;
    right: 78px;
  }
  .block-with-banner--text .banner__image {
    position: static;
  }
}

@media (max-width: 767px) {
  .banner__image {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 186px;
    margin-top: 0;
  }
}

.banner__image img {
  width: 270px;
  height: 305px;
  margin-left: 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner__image img {
    width: 382px;
    height: 432px;
    margin-left: 0;
  }
  .block-with-banner--text .banner__image img {
    width: 270px;
    height: 305px;
    margin-left: 8px;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
  }
}

@media (max-width: 767px) {
  .banner__image img {
    width: 290px;
    height: 327px;
    margin-left: 0px;
    position: relative;
  }
}

.card-window {
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 44px 10px 22px 22px;
  border: 1px solid #B2C4D0;
  border-left: 0;
  position: relative;
}

@media (min-width: 1170px) {
  .card-window:nth-child(4n + 1) {
    border-left: 1px solid #B2C4D0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
  }
  .card-window:first-child {
    border-left: 1px solid #B2C4D0;
  }
}

@media (max-width: 767px) {
  .card-window {
    width: 100%;
    border-left: 1px solid #B2C4D0;
    padding: 20px 20px 60px;
  }
}

.card-window__heading {
  width: 100%;
  padding: 0 0 8px;
  font-size: 13px;
  line-height: 20px;
  color: #202020;
}

.card-window__heading a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .card-window__heading {
    grid-area: title;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.card-window__image {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .card-window__image {
    position: absolute;
    right: 20px;
    top: 20px;
    max-width: -webkit-calc(44% - 20px);
    max-width: calc(44% - 20px);
  }
}

.card-window__image img {
  max-width: 100%;
  height: 90px;
  display: block;
  margin: 0 auto 12px;
}

.card-window__body {
  position: relative;
  z-index: 2;
  padding: 0;
  margin-top: auto;
  border: 0;
}

@media (max-width: 767px) {
  .card-window__body {
    position: static;
  }
}

.card-window__hidden {
  display: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -webkit-calc(100% - 1px);
  top: calc(100% - 1px);
  background-color: #fff;
  padding: 0 22px 22px;
  z-index: 3;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__hidden.is-visible {
    display: block;
    border: 1px solid #B2C4D0;
    border-top: 0;
  }
}

@media (max-width: 767px) {
  .card-window__hidden.is-visible {
    grid-area: info;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 22px 0 0;
    background-color: transparent;
  }
}

@media (min-width: 768px){
  .line-card-company__top > .line-card-company__top-title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .line-card-company__top-button {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .line-card-company__top-rait {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .line-card-company__top-desc {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .line-card-company__top-tooltips {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .line-card-company__top > .line-card-company__top-info {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .line-card-company__top > .card-window__heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .line-card-company__top > .card-window__hidden.is-visible {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media (max-width: 767px){
  .is-card .line-card-company__table-column--type {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .is-card .line-card-company__table-column--group.is-visible {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .is-card .line-card-company__table-column--price {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .line-card-company__top-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .line-card-company__top-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-window__heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .card-window__hidden.is-visible {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.card-window__title {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .card-window__title {
    max-width: 50%;
  }
}

.card-window__title p {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  color: #202020;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .card-window__title p {
    font-size: 11px;
    line-height: 16px;
  }
}

.card-window__price {
  position: relative;
  z-index: 2;
}

.card-window__price p {
  margin-bottom: 0;
}

.card-window__price span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.55;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  .card-window__price span {
    font-size: 11px;
    line-height: 13px;
    max-width: 50%;
    margin-bottom: 0;
  }
}

.card-window__price .sp-lg {
  color: #000;
  font-size: 16px;
}

@media (max-width: 767px) {
  .card-window__price .sp-lg {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
  }
}

.card-window__price .sp-lg .upb-symbol-rouble {
  color: #000;
}

.card-window__price .sp-sm {
  font-size: 11px;
  color: #4a4a4a;
}

.card-window__showmore {
  display: none;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    position: relative;
    z-index: 2;
  }
  .card-window__showmore .showmore {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .card-window__showmore .showmore span {
    font-size: 13px;
    line-height: 13px;
    color: #959595;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .card-window__showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 20px;
  }
  .card-window__showmore .showmore {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .card-window__showmore .showmore span {
    font-size: 13px;
    line-height: 13px;
    color: #959595;
    font-weight: 400;
  }
}

.card-window__desc {
  font-size: 13px;
  line-height: 20px;
  color: #202020;
  vertical-align: top;
  padding: 20px 15px 20px 0;
}

.card-window__desc p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0;
}

.card-window__desc--system {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.card-window__desc--system::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__desc--system .is-hidden {
    display: none;
  }
  .card-window__desc--system .is-visible {
    display: block;
  }
}

.card-window__desc--seria {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.card-window__desc--seria::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__desc--seria .is-hidden {
    display: none;
  }
  .card-window__desc--seria .is-visible {
    display: block;
  }
}

.card-window__desc--glass {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.card-window__desc--glass::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__desc--glass .is-hidden {
    display: none;
  }
  .card-window__desc--glass .is-visible {
    display: block;
  }
}

.card-window__desc--open {
  width: 100%;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.card-window__desc--open::before {
  content: attr(data-label);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window__desc--open .is-hidden {
    display: none;
  }
  .card-window__desc--open .is-visible {
    display: block;
  }
}

.card-window:hover {
  border-top: 1px solid transparent;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .card-window:hover {
    border-top: 1px solid #B2C4D0;
  }
}

@media (max-width: 767px) {
  .card-window:hover {
    border-top: 1px solid #B2C4D0;
  }
}

@media (min-width: 1170px) {
  .card-window:hover::before {
    content: '';
    position: absolute;
    left: -8px;
    right: -8px;
    top: -1px;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 1;
  }
  .card-window:hover .card-window__hidden {
    display: block;
    border: 1px solid #B2C4D0;
    padding-left: 30px;
    padding-right: 10px;
    width: -webkit-calc(100% + 17px);
    width: calc(100% + 17px);
    left: -8px;
    border: 0;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  .card-window:hover .card-window__hidden:after {
    content: '';
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -20px;
    background-color: #fff;
  }
}

.cards-accordion {
  margin: 32px 0;
}

@media (max-width: 767px) {
  .cards-accordion {
    margin: 24px 0;
  }
}

.cards-accordion:last-child {
  margin-bottom: 0;
}

.cards-accordion__toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #202020;
  background-color: transparent;
  outline: none;
  border: 0;
}

.cards-accordion--theme-services .cards-accordion__toggle {
  background: white;
}

.cards-accordion__toggle-text {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: currentColor;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.cards-accordion--theme-services .cards-accordion__toggle-text {
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}

@media (max-width: 939px) {
  .cards-accordion--theme-services .cards-accordion__toggle-text {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .cards-accordion__toggle-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 212px;
  }
}

.cards-accordion__toggle-icon {
  margin-left: 24px;
  width: 24px;
  height: 24px;
  color: currentColor;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: color .3s ease, -webkit-transform .3s ease;
  transition: color .3s ease, -webkit-transform .3s ease;
  -o-transition: color .3s ease, transform .3s ease;
  transition: color .3s ease, transform .3s ease;
  transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.cards-accordion__toggle-icon svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .cards-accordion__toggle-icon {
    width: 16px;
    height: 16px;
  }
}

.cards-accordion--theme-services .cards-accordion__toggle-icon {
  color: #959595;
}

@media (max-width: 767px) {
  .cards-accordion--theme-services .cards-accordion__toggle-icon {
    width: 24px;
    height: 24px;
  }
}

.cards-accordion__toggle:hover {
  background-color: transparent;
  outline: none;
  border: 0;
  color: #00BBD3;
}

.cards-accordion--theme-services .cards-accordion__toggle:hover {
  background-color: white;
}

.shown .cards-accordion__toggle-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #00BBD3;
}

.cards-accordion--theme-services .cards-accordion__toggle {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 19px 40px;
}

@media (max-width: 939px) {
  .cards-accordion--theme-services .cards-accordion__toggle {
    padding: 14px 24px;
  }
}

@media (max-width: 767px) {
  .cards-accordion--theme-services .cards-accordion__toggle {
    padding: 16px 24px 20px 16px;
  }
}

.cards-accordion--theme-services.shown .cards-accordion__toggle {
  color: #00BBD3;
}

.cards-accordion__roll {
  display: none;
}

.cards-accordion__roll.shown {
  display: block;
}

.cards-accordion__content {
  margin: 32px 0 64px;
}

.cards-accordion--theme-services .cards-accordion__content {
  padding: 0 96px 0 64px;
  background: white;
  margin: 3px 0;
}

@media (max-width: 939px) {
  .cards-accordion--theme-services .cards-accordion__content {
    padding: 0 24px;
  }
}

.cards-accordion--theme-services .list-services__title {
  max-width: 320px;
  width: 100%;
}

@media (max-width: 640px) {
  .cards-accordion--theme-services .list-services__title {
    max-width: 190px;
  }
}

.cards-accordion--theme-services .list-services__title--link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: initial;
}

.cards-accordion--theme-services .list-services__price {
  font-weight: 600;
}

@media (max-width: 1169px) {
  .menu {
    overflow: hidden;
  }
}

.menu__inner {
  position: relative;
}

.menu__top {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 0;
  border-bottom: 1px solid #ECECEC;
}

@media (max-width: 1169px) {
  .menu__top .menu__search,
  .menu__top .menu__button {
    margin-right: 8px;
  }
  .menu__top .menu__search:last-child,
  .menu__top .menu__button:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .menu__top {
    border-width: 0;
  }
}

.menu__action {
  z-index: 10;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding: 16px 40px 0 40px;
}

.menu__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1169px) {
  .menu__bottom {
    overflow: hidden;
  }
}

.menu__search {
  max-width: 300px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.menu__search svg {
  width: 24px;
  height: 24px;
}

.menu__search .input-search {
  border: 1px solid #959595;
}

@media (max-width: 767px) {
  .menu__search {
    max-width: 100%;
  }
}

.menu__button .btn {
  border-width: 1px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  text-transform: none;
}

.menu__button .btn svg {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .menu__button {
    margin-bottom: 16px;
  }
  .menu__button .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.menu__aside {
  padding-top: 52px;
  padding-bottom: 40px;
  width: 195px;
  border-right: 1px solid rgba(149, 149, 149, 0.3);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

@media (max-width: 1169px) {
  .menu__aside {
    width: 100%;
    border-width: 0;
    padding-top: 32px;
  }
}

@media (max-width: 767px) {
  .menu__aside {
    padding-top: 0;
    padding-bottom: 192px;
  }
  .ios .menu__aside {
    padding-bottom: 240px;
  }
  .android .menu__aside {
    padding-bottom: 240px;
  }
}

.menu__content-wrapper {
  padding-top: 52px;
  padding-bottom: 20px;
  padding-left: 96px;
  padding-right: 96px;
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (min-width: 1170px) {
  .menu__content-wrapper {
    max-height: -webkit-calc(100vh - 130px);
    max-height: calc(100vh - 130px);
    overflow-y: auto;
  }
}

@media (max-width: 1169px) {
  .menu__content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(115%);
        -ms-transform: translateX(115%);
            transform: translateX(115%);
    padding-top: 32px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
  .menu__content-wrapper.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (max-width: 767px) {
  .menu__content-wrapper {
    padding-top: 32px;
  }
}

.menu__content-inner {
  position: relative;
}

.menu__content {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media (max-width: 1169px) {
  .menu__content {
    opacity: 1;
  }
}

.menu__content.active {
  visibility: visible;
  opacity: 1;
}

.menu__nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu__back-btn {
  margin-bottom: 32px;
}

.menu__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: bold;
  display: flex;
}

.menu__item {
  padding: 0;
  margin: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  list-style: none;
  padding-top: 11px;
  padding-bottom: 11px;
  font-weight: bold;
}

.menu__item--text {
  position: relative;
  z-index: 1;
}

.menu__item--icon {
  display: none;
  margin-left: auto;
}

.menu__item--badge {
  margin-right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__item--badge svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 1169px) {
  .menu__item {
    width: 50%;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu__item--icon {
    display: inline-block;
  }
  .menu__item:last-child {
    margin-bottom: 0;
  }
  .menu__item::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .menu__item {
    width: 100%;
    border-top: 1px solid #ECECEC;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.menu__item::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50vw;
  background-color: rgba(236, 236, 236, 0);
}

.menu__item.active::before {
  background-color: rgba(236, 236, 236, 0.5);
}

.content-menu__title {
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 24px;
  display: none;
}

@media (max-width: 767px) {
  .content-menu__title {
    display: block;
  }
}

.content-menu__links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1169px) {
  .content-menu__links-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.content-menu__links {
  width: -webkit-calc((100% - 3 * 30px) / 4);
  width: calc((100% - 3 * 30px) / 4);
  margin-right: 30px;
}

.content-menu__links:last-child {
  width: -webkit-calc((100% - 3 * 30px) / 4 + 96px);
  width: calc((100% - 3 * 30px) / 4 + 96px);
  margin-right: -96px;
}

@media (max-width: 1169px) {
  .content-menu__links {
    width: 50%;
    margin-right: 0;
  }
  .content-menu__links.not-accordion {
    border-top: 0;
  }
  .content-menu__links.not-accordion:not(:first-child) {
    padding-top: 0;
  }
  .content-menu__links.not-accordion .content-menu__list {
    padding-left: 0;
    max-height: none;
    margin-bottom: 0;
  }
  .content-menu__links.not-accordion .content-menu__item {
    margin-bottom: -1px;
    border-top: 1px solid #ECECEC;
  }
  .content-menu__links.not-accordion .content-menu__link {
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
  }
  .content-menu__links.active .content-menu__list {
    max-height: 600px;
    margin-bottom: 16px;
  }
  .content-menu__links.active .content-menu__caption {
    color: #00BBD3;
  }
  .content-menu__links.active .content-menu__caption--icon {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .content-menu__links.active .content-menu__caption svg path {
    stroke: #00BBD3;
  }
  .content-menu__links:last-child {
    width: 50%;
    margin-right: 0;
    padding-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .content-menu__links {
    border-top: 1px solid #ECECEC;
    padding-top: 16px;
    width: 100%;
  }
  .content-menu__links.not-accordion .content-menu__list {
    margin-bottom: 0;
  }
  .content-menu__links:last-child {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 0;
    margin-bottom: 24px;
  }
}

.content-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 1169px) {
  .content-menu__list {
    padding-left: 16px;
    max-height: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
  }
}

.content-menu__item {
  margin-bottom: 16px;
  border-width: 0;
}

@media (max-width: 1169px) {
  .content-menu__item {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .content-menu__item {
    margin-bottom: 16px;
  }
}

.content-menu__item--bold {
  margin-bottom: 24px;
}

.content-menu__item--bold .content-menu__link {
  font-weight: bold;
}

.content-menu__item:last-child {
  margin-bottom: 0;
}

.content-menu__caption {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 24px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.content-menu__caption svg path {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1169px) {
  .content-menu__caption {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .content-menu__caption {
    margin-bottom: 16px;
  }
}

.content-menu__caption--icon {
  display: none;
  margin-left: auto;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1169px) {
  .content-menu__caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-menu__caption--icon {
    display: inline-block;
  }
}

.content-menu__link {
  font-size: 14px;
  line-height: 22px;
}

.content-menu__calc-banner {
  margin-top: 40px;
}

.calc-banner {
  background-color: rgba(236, 236, 236, 0.5);
  padding: 24px 32px 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1169px) {
  .calc-banner {
    display: none;
  }
}

.calc-banner__title {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
}

.calc-banner__desc {
  margin-bottom: 32px;
}

.calc-banner__text {
  padding-bottom: 35px;
  max-width: 300px;
}

.calc-banner__image .image {
  position: relative;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

.calc-banner .btn:not([href]) {
  cursor: default;
}

.calc-banner .btn:not([href]):hover {
  background-color: #00BFD6;
}

.filter-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-calc(100% + 54px);
  width: calc(100% + 54px);
  margin-left: -27px;
  padding: 15px 0;
  margin-bottom: -30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .filter-actions {
    position: fixed;
    bottom: 27px;
    right: 0;
    width: -webkit-calc(100% + 0px);
    width: calc(100% + 0px);
    background: white;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.filter-actions__btn--move {
  display: none;
  position: absolute;
  width: 121px;
  left: 220px;
  z-index: 100;
  top: 0;
  bottom: auto;
  margin: auto;
}

@media (max-width: 767px) {
  .filter-actions__btn--move {
    display: none !important;
  }
}

.filter-actions__btn--move:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #00bfd6;
  /* right: 0; */
  left: 0;
  bottom: 0px;
  -webkit-transition: opacity 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  transition: opacity 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.filter-actions__btn--move:hover:after {
  border-color: transparent transparent transparent #00d6f0;
}

.filter-actions .btn {
  opacity: 0;
  pointer-events: none;
}

.filter-actions .btn:first-child {
  margin-right: 16px;
}

@media (max-width: 767px) {
  .filter-actions .btn {
    max-width: initial;
    width: auto;
  }
}

.filter-actions .btn.show {
  opacity: 1;
  pointer-events: auto;
}

.block-services {
  padding-top: 80px;
  margin-bottom: 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-services {
    padding-top: 0px;
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .block-services {
    padding-top: 0;
    margin-bottom: 40px;
  }
}

.block-services__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #202020;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-bottom: 80px;
  margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-services__title {
    font-size: 32px;
    line-height: 43px;
    text-align: left;
    margin-bottom: 44px;
  }
}

@media (max-width: 767px) {
  .block-services__title {
    font-size: 24px;
    line-height: 26px;
    color: #202020;
    text-align: left;
    max-width: 296px;
    margin: 0 0 32px;
  }
}

.block-services__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 939px) {
  .block-services__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.block-services__img {
  width: 100%;
  height: 716px;
}

@media (max-width: 1024px) {
  .block-services__img {
    height: 600px;
  }
}

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

.block-services__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 619px;
}

@media (max-width: 939px) {
  .block-services__right {
    max-width: initial;
  }
}

.block-services__block:not(:last-child) {
  margin-bottom: 3px;
}

.block-services__left {
  margin-right: 30px;
  max-width: 483px;
}

@media (max-width: 1200px) {
  .block-services__left {
    max-width: initial;
    width: 40%;
  }
}

@media (max-width: 939px) {
  .block-services__left {
    display: none;
  }
}

.block-services .cards-accordion:first-child {
  margin-top: 0;
}

.block-services .mt-80 {
  margin-top: 80px !important;
}

@media (max-width: 767px) {
  .block-services .mt-mb-40 {
    margin-top: 40px !important;
  }
}

.list-services__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Open Sans", sans-serif;
  padding: 26px 0;
}

@media (max-width: 939px) {
  .list-services__item {
    padding: 24px 0;
  }
}

.list-services__item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.list-services__title {
  font-size: 14px;
  color: black;
  margin-right: 16px;
}

@media (max-width: 939px) {
  .list-services__title {
    font-size: 13px;
  }
}

.list-services__title--link {
  color: #00BBD3;
  border-bottom: 1px dashed #00BBD3;
}

.list-services__title--link:hover {
  border-color: transparent;
}

.list-services__price {
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 939px) {
  .list-services__price {
    font-size: 14px;
  }
}

.accordion-ui ul {
  list-style: none;
  padding: 0;
}

.accordion-ui ul .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}

.accordion-ui ul .inner.show {
  /*display: block;*/
}

.accordion-ui ul li {
  margin: .5em 0;
}

.accordion-ui ul li a.toggle {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  padding: .75em;
  border-radius: 0.15em;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}

.accordion-ui ul li a.toggle:hover {
  background: rgba(0, 0, 0, 0.9);
}

.select-type__title {
  font-size: 16px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 11px;
}

.select-type--hide {
  display: none;
}

.form-leads {
  background: #00BBD3;
  padding: 64px 0 72px;
  color: white;
  margin-bottom: 120px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .form-leads {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .form-leads {
    margin-bottom: 40px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .form-leads {
    padding: 44px 0 14px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .form-leads {
    padding: 56px 0 34px;
  }
}

.form-leads--small {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

@media (min-width: 640px) {
  .form-leads--small {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .form-leads--small {
    padding: 48px 40px;
  }
  .form-leads--small .index__wrapper {
    padding: 0 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .form-leads--small {
    padding: 48px;
  }
}

.form-leads__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
}

@media (min-width: 0) and (max-width: 767px) {
  .form-leads__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.form-leads--small .form-leads__top {
  margin-bottom: 24px;
}

.form-leads__desc {
  max-width: 282px;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  padding-top: 40px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 0) and (max-width: 767px) {
  .form-leads__desc {
    padding-top: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .form-leads__desc {
    padding-top: 35px;
    line-height: 1.4;
  }
}

.form-leads--small .form-leads__desc {
  padding-top: 0;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  max-width: 100%;
}

@media (min-width: 640px) and (max-width: 1024px) {
  .form-leads--small .form-leads__desc {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .form-leads--small .form-leads__desc {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
  }
}

.form-leads__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 43px;
  max-width: 388px;
  text-align: initial;
  color: white;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 194px;
}

@media (min-width: 0) and (max-width: 767px) {
  .form-leads__title {
    margin-right: 0;
    max-width: initial;
    line-height: 1.2;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .form-leads__title {
    font-size: 32px;
    text-align: left;
    line-height: 1.2;
    margin-right: 6px;
  }
}

@media (max-width: 767px) {
  .form-leads__title {
    font-size: 24px;
    line-height: 26px;
    text-align: left;
  }
}

@media (min-width: 320px) {
  .form-leads-form {
    position: relative;
  }
}

.form-leads-form__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 1056px;
  width: 100%;
  margin-bottom: 24px;
}

@media (min-width: 640px) and (max-width: 1169px) {
  .form-leads-form__group {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -8px;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads-form__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0;
  }
}

.form-leads--small .form-leads-form__group {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 8px;
  margin-bottom: 0;
}

.form-leads-form__row {
  width: 33.333%;
  margin-right: 30px;
}

@media (min-width: 640px) and (max-width: 1169px) {
  .form-leads-form__row {
    width: -webkit-calc(33.333% - 8px);
    width: calc(33.333% - 8px);
    margin-left: 8px;
    margin-right: 0;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads-form__row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }
}

@media (min-width: 0) and (max-width: 1169px) {
  .form-leads-form__row-special {
    position: absolute;
    left: -8px;
    width: 100%;
    bottom: 77px;
  }
  .form-leads--small .form-leads-form__row-special {
    position: static;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads-form__row-special {
    left: 0px;
    width: 100%;
    bottom: 70px;
  }
}

.form-leads--small .form-leads-form__row-special {
  margin-top: 16px;
  margin-bottom: 24px;
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads--small .form-leads-form__row-special {
    margin-top: 22px;
    padding-bottom: 24px;
  }
}

.form-leads-form__row .input-text {
  width: 100%;
}

.form-leads--small .form-leads-form__row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads--small .form-leads-form__row {
    margin-bottom: 0;
  }
}

.form-leads--small .form-leads-form__row .input-label {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
}

@media (min-width: 640px) {
  .form-leads--small .form-leads-form__row.is-half {
    width: -webkit-calc(50% - 3px);
    width: calc(50% - 3px);
  }
}

.form-leads-form .btn {
  padding: 0 53px;
  height: 45px;
  font-size: 11px;
}

@media (min-width: 640px) and (max-width: 1169px) {
  .form-leads-form .btn {
    margin-top: 74px;
    margin-left: 6px;
  }
  .form-leads--small .form-leads-form .btn {
    margin: 0;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .form-leads-form .btn {
    margin-top: 86px;
    margin-left: 6px;
    width: 100%;
    margin-left: 0;
  }
  .form-leads--small .form-leads-form .btn {
    margin: 0;
  }
}

.form-leads--small .form-leads-form .btn {
  height: 45px;
  font-weight: 600;
}

@media (min-width: 640px) {
  .form-leads--small .form-leads-form .btn {
    width: 266px;
  }
}

.form-leads-form .input-text {
  padding-left: 20px;
}

.form-leads-form .custom__txt a {
  text-decoration: none;
}

.form-leads-form .custom__txt span[data-seo-hidden-href] {
  font: 500 14px/120% "Open Sans", sans-serif;
  color: white;
  border-bottom: 1px dashed white;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

.form-leads-form .custom__txt span[data-seo-hidden-href]:hover {
  border-color: transparent;
}

.form-leads .select2-container--okna-trade-3 .select2-selection--single {
  height: 44px;
  border-color: transparent;
}

.form-leads .select2-container--okna-trade-3 .select2-selection--single[aria-expanded="true"] {
  border-bottom-color: #aaa;
}

.form-leads .select2-container--okna-trade-3 .select2-selection--single .select2-selection__arrow b {
  margin-left: -9px;
}

.form-leads .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  padding: 14px 34px 0 20px;
}

.proposal {
  background: #fff;
  margin-top: 60px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 80px 0 40px;
}

@media (max-width: 767px) {
  .proposal {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .proposal {
    margin: 16px 0 40px;
  }
}

@media (max-width: 767px) {
  .proposal {
    margin: 16px 0 40px;
  }
}

.proposal-column {
  width: 51.5%;
  max-width: 51.5%;
}

@media (min-width: 0) and (max-width: 1023px) {
  .proposal-column {
    width: 100%;
    max-width: 100%;
  }
}

.proposal-column__title {
  max-width: 390px;
  width: 100%;
}

@media (min-width: 0) and (max-width: 639px) {
  .proposal-column__title {
    max-width: 225px;
  }
}

.proposal-column__form {
  background-color: #fff;
  padding: 57px 95px 56px 98px;
}

@media (max-width: 767px) {
  .proposal-column__form {
    padding: 57px 80px 56px 80px;
  }
}

@media (min-width: 768px) {
  .proposal-column__form {
    padding: 57px 80px 56px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .proposal-column__form {
    padding: 57px 80px 56px 80px;
  }
}

@media (min-width: 1170px) {
  .proposal-column__form {
    padding: 57px 95px 56px 98px;
  }
}

@media (min-width: 0) and (max-width: 640px) {
  .proposal-column__form {
    padding: 40px 14px;
  }
}

.proposal-column__form h3 {
  margin-top: 0;
  line-height: 1.4;
  font-size: 22px;
}

@media (max-width: 767px) {
  .proposal-column__form h3 {
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (min-width: 0) and (max-width: 639px) {
  .proposal-column__form h3 {
    margin-bottom: 8px;
  }
}

.proposal-column__form p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #898989;
  max-width: 320px;
}

.proposal-form {
  margin-top: 25px;
  max-width: 390px;
  width: 100%;
}

@media (min-width: 0) and (max-width: 640px) {
  .proposal-form {
    margin-top: 15px;
    max-width: initial;
  }
}

.proposal-form__row {
  margin-bottom: 8px;
}

.proposal-form__row--file {
  margin-top: 15px;
}

.proposal-form label {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  color: #ACACB0;
}

.proposal-form input {
  padding: 12px 12px 12px 20px;
  display: block;
  width: 100%;
  border: 1px solid #B2C4D0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  color: #202020;
  line-height: 28px;
  font: 14px/1 "Open Sans", sans-serif;
  font-weight: 400;
}

.proposal-form input[type="submit"] {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-radius: 44px;
  border: 0;
  margin-top: 18px;
  color: #FFFFFF;
}

.proposal-form .custom {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #959595;
  text-transform: none;
}

.proposal-form .custom:hover {
  color: #959595;
}

.proposal-form .custom input {
  display: none;
}

.proposal-form .custom__input, .proposal-form .custom__txt {
  vertical-align: middle;
}

.proposal-form .custom a {
  color: #959595;
  text-decoration: none;
  border-bottom: 1px dashed #00BFD6;
}

.proposal-form .btn {
  margin-top: 26px;
  padding: 20px 52px;
  height: 52px;
}

@media (min-width: 0) and (max-width: 639px) {
  .proposal-form .btn {
    padding: 16px 52px;
    height: auto;
  }
}

.proposal-form .btn:hover {
  background: #87e2a4;
  border-color: #87e2a4;
}

@media (min-width: 0) and (max-width: 640px) {
  .proposal-form .btn {
    width: 100%;
  }
}

.proposal-form .select2-container--okna-trade-2 .select2-selection--single {
  border-radius: 8px;
  border: 1px solid #B2C4D0;
}

.proposal-form .select2-container--okna-trade-2 .select2-selection--single:hover {
  border-color: #00BBD3;
}

.proposal-form .select2-container--okna-trade-2 .select2-selection--single .select2-selection__rendered {
  padding: 14px 18px 0 20px;
  font-size: 14px;
  text-transform: capitalize;
}

.proposal-form .select2-container--okna-trade-2 .select2-selection--single .select2-selection__arrow {
  width: 55px;
}

.proposal-form .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  padding: 14px 34px 0 20px;
  text-transform: capitalize;
}

.proposal-form .select2-container--okna-trade-3 .select2-selection--single {
  border: 1px solid #B2C4D0;
}

.proposal-form .select2-container--okna-trade-3 .select2-selection--single:hover {
  border-color: #00bbd3;
}

.proposal-form .select2-container--okna-trade-3 .select2-selection--single .select2-selection__arrow b {
  margin-left: -10px;
  border-color: #74737D transparent transparent transparent;
}

.proposal-form .input-text::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
}

.proposal-form .input-text::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
}

.proposal-form .input-text:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
}

.proposal-form .input-text::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
}

.proposal-form .input-text::placeholder {
  font-size: 14px;
  font-weight: 400;
}

.proposal-form .input-label {
  color: #ACACB0;
  font-weight: 400;
  font-size: 11px;
}

.accordion__title {
  text-align: center;
  margin-top: auto;
  margin-bottom: 48px;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  line-height: 1;
}

@media (max-width: 767px) {
  .accordion__title {
    margin-bottom: 64px;
    font-size: 18px;
  }
}

.accordion--num {
  counter-reset: num;
}

.accordion--num .accordion-row__toggle::before {
  content: counter(num) ".";
  counter-increment: num;
}

.accordion--num .accordion-row__roll {
  padding-left: 70px;
}

@media (max-width: 767px) {
  .accordion--num .accordion-row__roll {
    padding-left: 40px;
  }
}

.accordion-row + .accordion-row {
  margin-top: 3px;
}

.accordion-row__toggle {
  border: 0;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 20px 32px;
  text-align: left;
  background-color: #fff;
  color: inherit;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  line-height: 1.56;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 767px) {
  .accordion-row__toggle {
    padding: 14px 20px;
    font-size: 13px;
  }
}

.accordion-row__toggle:hover .accordion-row__toggle-icon:before, .accordion-row__toggle:hover .accordion-row__toggle-icon:after {
  background-color: #007fc7;
}

.accordion-row__toggle:hover .accordion-row__toggle-text {
  color: #00BFD6;
}

.accordion-row__toggle::before {
  display: inline-block;
  color: #00BFD6;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .accordion-row__toggle::before {
    margin-right: 8px;
    font-weight: 400;
  }
}

.accordion-row__toggle-text {
  width: 100%;
  padding-right: 16px;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}

.accordion-row__toggle-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  color: #898989;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: color, -webkit-transform;
  transition-property: color, -webkit-transform;
  -o-transition-property: transform, color;
  transition-property: transform, color;
  transition-property: transform, color, -webkit-transform;
}

.accordion-row__roll {
  background-color: #fff;
  padding: 4px 194px 40px 24px;
  font-size: 14px;
  line-height: 1.92;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .accordion-row__roll {
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .accordion-row__roll {
    font-size: 13px;
    line-height: 1.53;
    padding-right: 50px;
    padding-bottom: 24px;
    padding-left: 20px;
  }
}

.accordion-row__roll a {
  padding-bottom: 2px;
  border-bottom: dashed 1px #00BFD6;
}

@media (max-width: 767px) {
  .accordion-row__roll a {
    padding-bottom: 1px;
  }
}

.accordion-row:not(.shown) .accordion-row__roll {
  display: none;
}

.accordion-row.shown .accordion-row__toggle-text {
  color: #00BFD6;
}

.accordion-row.shown .accordion-row__toggle-icon {
  color: #00BFD6;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.b {
  padding-bottom: 38px;
  padding-top: 33px;
}

.b-title {
  font: 700 22px/120% "Open Sans", sans-serif;
  margin: 0;
}

.b-title, .b-title_sub {
  text-align: center;
}

.b-title_sub {
  font: italic 700 15px/120% "PT Serif", serif;
  letter-spacing: .25px;
  margin: 5px 0 23px;
}

.b-nm {
  font: 500 18px/24px "Open Sans", sans-serif;
}

@media (max-width: 767px) {
  .b_limited {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .b-nm {
    font-size: 22px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .b {
    padding-bottom: 54px;
    padding-top: 41px;
  }
  .b-title {
    font-size: 28px;
    line-height: 44px;
  }
  .b-title_sub {
    font-size: 17px;
    margin-bottom: 25px;
  }
  .b_limited {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1170px) {
  .b {
    padding-bottom: 50px;
    padding-top: 41px;
  }
  .b-title {
    font-size: 32px;
    line-height: 44px;
  }
  .b-title_sub {
    font-size: 19px;
    margin-bottom: 44px;
  }
  .b_limited {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
  }
}

.b_border-same + .b_border-same {
  border-top: 1px solid #E6E7EA;
}

.stars-large-wrap .stars {
  margin-left: 10px;
  margin-right: 10px;
}

.stars-large-wrap .stars-text,
.stars-large-wrap .stars__val,
.stars-large-wrap .feedback__comments {
  color: #9E9E9E;
  font-size: 15px;
}

.stars-large-wrap .stars li svg,
.add-review .stars li svg {
  height: 36px;
  width: 37px;
}

.stars-large-wrap .stars li svg.empty path,
.add-review .stars li svg.empty path {
  stroke: #cccccc;
}

.stars-large-wrap .stars li svg:not(.empty) path,
.add-review .stars li svg:not(.empty) path {
  stroke: none;
}

.add-review__stars-counter .add-review__stars-text,
.add-review__stars-counter .stars__val,
.add-review__stars-counter .feedback__comments {
  font-size: 14px;
}


.add-review__stars-counter .stars__val,
.add-review__stars-counter .feedback__comments {
  margin-left: 20px;
}

.add-review:not(.add-review__stars-counter) .stars__val, .add-review:not(.add-review__stars-counter) .feedback__comments {
  display: none;
}

.add-review {
  background-color: #F5F6F8;
  border: 8px solid #fff;
  margin: 30px 0;
  padding: 50px 22px 28px;
  position: relative;
}

.add-review .svg-i_quotes {
  fill: #fff;
  position: absolute;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.add-review__stars, .add-review__title {
  position: relative;
  z-index: 1;
}

.add-review__title {
  font: 700 20px/120% "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: uppercase;
  text-align: center;
}

.add-review__stars {
  margin-bottom: 15px;
}

.add-review__stars-text {
  color: #ACACB0;
  font: 11px/120% "Open Sans", sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
}

.add-review__actions {
  margin-top: 20px;
}

.add-review__city select {
  width: 100%;
}

.add-review__terms {
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: 0.275px;
  color: #00BFD6;
  display: inline-block;
  margin-top: 7px;
}

@media (max-width: 767px) {
  .add-review .svg-i_quotes {
    height: 76px;
    width: 112px;
    top: 16px;
  }
  .add-review__title {
    margin-bottom: 40px;
  }
  .add-review__stars-text {
    margin-bottom: 5px;
  }
  .add-review__actions {
    text-align: center;
  }
  .add-review__actions .input-file {
    margin-bottom: 15px;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .add-review__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
  }
  .add-review__top--below {
    padding-top: 38px;
  }
  .add-review__city {
    position: relative;
  }
  .add-review__city .input-label {
    display: inline-block;
    line-height: 120%;
    margin: -6px 26px 0 0;
    white-space: nowrap;
    position: absolute;
    right: 100%;
    top: 50%;
  }
  .add-review__city select {
    width: 100%;
  }
  .add-review__stars {
    margin-bottom: 0;
  }
  .add-review__stars--column .stars {
    margin-top: 19px;
  }
  .add-review__stars:not(.add-review__stars--column) {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .add-review__stars-text {
    margin-right: 22px;
  }
  .add-review__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .add-review .svg-i_quotes {
    height: 82px;
    width: 121px;
    top: 23px;
  }
  .add-review__title {
    margin-bottom: 58px;
  }
}

@media (min-width: 1170px) {
  .add-review .svg-i_quotes {
    height: 108px;
    width: 159px;
    top: 30px;
  }
  .add-review__title {
    margin-bottom: 36px;
  }
  .add-review__actions {
    margin-top: 32px;
  }
}

.article-meta {
  color: #9E9E9E;
  font: 12px/120% "Open Sans", sans-serif;
  margin: 0 0 19px;
}

.article-meta__dt, .article-meta__views {
  float: left;
}

.article-meta__views .svg-i_eye {
  fill: #ACACB0;
  height: 13px;
  width: 19px;
  vertical-align: top;
  margin-right: 9px;
}

.article-meta__ln a {
  color: #00BFD6;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .article-meta {
    padding: 6px 0 0;
  }
  .article-meta__top {
    margin: 0 auto 9px;
    max-width: 185px;
  }
  .article-meta__top::after {
    clear: both;
    content: "";
    display: table;
  }
  .article-meta__dt {
    width: 55%;
  }
  .article-meta__views {
    white-space: nowrap;
    text-align: right;
    width: 45%;
  }
  .article-meta__ln {
    text-align: center;
  }
  .article-meta__ln {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .article-meta {
    font-size: 13.5px;
    padding: 13px 0 0;
  }
  .article-meta::after {
    clear: both;
    content: "";
    display: table;
  }
  .article-meta__top {
    display: inline-block;
    float: left;
    width: 35%;
  }
  .article-meta__ln {
    float: left;
    text-align: right;
    width: 65%;
  }
  .article-meta__dt + .article-meta__views {
    margin-left: 45px;
  }
}

@media (min-width: 1170px) {
  .article-meta {
    padding: 20px 0 0;
  }
}

.articles__list {
  padding: 0 10px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .articles__el {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .articles__list {
    margin: 0 -17px 12px;
    padding-top: 11px;
  }
  .articles__list::after {
    clear: both;
    content: "";
    display: table;
  }
  .articles__el {
    float: left;
    padding: 0 17px;
  }
  .wrap_pad .articles__list {
    margin-right: -15px;
    margin-left: -15px;
  }
  .wrap_pad .articles__el {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1170px) {
  .articles__list {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 27px;
  }
  .articles__el {
    width: 33.33333%;
  }
}

@media (max-width: 767px) {
  .articles-filter__l {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .articles-filter__r {
    margin: 7px 0 13px;
  }
}

@media (min-width: 768px) {
  .articles-filter__l {
    margin-bottom: 15px;
  }
  .articles-filter__l .btn + .btn {
    margin-left: 23px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .articles-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1170px) {
  .articles-filter {
    margin-right: -15px;
    margin-left: -15px;
    padding: 18px 0 33px;
  }
  .articles-filter::after {
    clear: both;
    content: "";
    display: table;
  }
  .articles-filter__l {
    margin-bottom: 0;
  }
  .articles-filter__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: left;
    width: 75%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .articles-filter .input-search-box {
    float: left;
    width: 25%;
    padding-left: 15px;
  }
}

.toc-window-calculator.toc-window-calculator--action {
  margin-top: 20px;
  background-image: url(/local/templates/main/css/../i/article/article-action.png);
  height: 171px;
}

.toc-window-calculator.toc-window-calculator--action .toc-window-calculator__title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.toc-window-calculator.toc-window-calculator--action .toc-window-calculator__text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.toc-window-calculator__btn.toc-window-calculator__btn--action {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 0;
  min-width: 172px;
  margin-top: 3px;
}

@media (max-width: 1169px) and (min-width: 768px) {
  .toc-window-calculator.toc-window-calculator--action {
    background-size: cover;
  }
  .toc-window-calculator.toc-window-calculator--action .toc-window-calculator__title {
    height: 40px;
  }
  .toc-window-calculator.toc-window-calculator--action .toc-window-calculator__text {
    height: 75px;
  }
}

.interesting-article {
  max-width: 1140px;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 65px;
  padding-top: 55px;
}

@media (max-width: 767px) {
  .interesting-article {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.interesting-article .interesting-title {
  color: #202020;
  font-size: 32px;
  font-weight: 700;
  line-height: 43.75px;
}

@media (max-width: 767px) {
  .interesting-article .interesting-title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .interesting-article .interesting-title {
    font-size: 24px;
  }
}

.interesting-article .interesting-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 31px;
}

@media (max-width: 767px) {
  .interesting-article .interesting-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
}

.interesting-article .interesting-content .interesting-content__column {
  width: 360px;
  height: 424px;
  padding: 30px;
  -webkit-box-shadow: 0 2px 10px rgba(123, 123, 131, 0.11);
          box-shadow: 0 2px 10px rgba(123, 123, 131, 0.11);
  background-color: #ffffff;
}

@media (max-width: 1169px) {
  .interesting-article .interesting-content .interesting-content__column {
    width: 360px;
    height: 424px;
  }
}

@media (max-width: 767px) {
  .interesting-article .interesting-content .interesting-content__column {
    padding: 20px;
    padding-bottom: 60px;
    margin: 0 auto;
    height: 100%;
    width: 95%;
  }
}

.interesting-article .interesting-content .interesting-content__column img {
  margin-bottom: 30px;
}

.interesting-article .interesting-content .interesting-content__column span {
  padding-top: 30px;
  color: #9e9e9e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.interesting-article .interesting-content .interesting-content__column p {
  cursor: pointer;
  color: #202020;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1169px) {
  .interesting-article .interesting-content .interesting-content__column p {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .interesting-article .interesting-content .interesting-content__column p {
    width: 265px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}

.interesting-article .interesting-content .interesting-content__column p:hover {
  color: #00bbd3;
  text-decoration: underline;
}

.interesting-article .interesting-content .slick-dots {
  padding-top: 25px;
}

@media (max-width: 1169px) {
  .interesting-article_offsets {
    margin-top: 0;
    max-width: 767px;
  }
}

@media (max-width: 1023px) {
  .interesting-article_offsets {
    max-width: 740px;
  }
}

.company-nv {
  max-width: 646px;
}

.article-slider {
  padding-top: 30px;
  padding-bottom: 15px;
  max-height: 438px;
  overflow: hidden;
}

.article-slider .slick-dots .article-content ul:not(.no-style) li {
  padding-left: 0;
}

.article-slider .slick-arrow {
  background: transparent;
  border: none;
  color: #ffffff;
}

.article-slider .slick-prev {
  right: 2%;
}

.article-slider .slick-next {
  left: 2%;
}

.count-slides-row {
  display: block;
  color: #787878;
  text-align: center;
}

.count-slides-row .current-slide {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #202020;
}

.count-slides-row .total-slides {
  color: #787878;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 767px) {
  .articles-list__el + .articles-list__el {
    margin-top: 6px;
  }
}

@media (min-width: 768px) {
  .articles-list__el + .articles-list__el {
    margin-top: 10px;
  }
}

.articles-tags {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.articles-tags__nm {
  color: #7b7b83;
  font: italic 700 15px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.articles-tags__list {
  list-style: none;
  margin: 11px -10px 16px;
}

.articles-tags__list::after {
  clear: both;
  content: "";
  display: table;
}

.articles-tags__el {
  float: left;
  font: 500 13px/20px Tahoma, sans-serif;
  padding: 0 10px;
}

.articles-tags__el a {
  border-bottom: 1px solid rgba(0, 191, 214, 0.2);
  color: #00a8bd;
  text-decoration: none;
  -webkit-transition: border-color .4s;
  -o-transition: border-color .4s;
  transition: border-color .4s;
}

.articles-tags__el a:hover {
  border-color: #00BFD6;
}

.articles-tags__view-all {
  color: #00BFD6;
  font: italic 700 10px/120% "PT Serif", serif;
  letter-spacing: .25px;
  text-align: center;
}

.articles-tags__view-all a {
  text-decoration: underline;
}

.articles-tags__view-all a:not(:hover) {
  color: inherit;
}

.articles-tags__view-all a + .svg-i {
  margin-left: 7px;
}

.articles-tags__view-all .svg-i {
  fill: #00BFD6;
}

@media (max-width: 767px) {
  .articles-tags {
    margin: 26px 0 20px;
  }
  .articles-tags__nm {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .articles-tags {
    margin: 20px 0;
  }
}

@media (min-width: 768px) {
  .articles-tags__view-all {
    font-size: 12px;
  }
}

@media (min-width: 1170px) {
  .articles-tags {
    margin: 24px 0;
  }
  .articles-tags__list {
    margin-top: 17px;
  }
  .articles-tags__el {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

.articles-tags__list + .articles-tags__list {
  margin-top: -16px;
}

@media (max-width: 767px) {
  .articles-mini__list {
    margin-top: 22px;
  }
  .articles-mini__el + .articles-mini__el {
    margin-top: 28px;
  }
}

@media (min-width: 768px) {
  .articles-mini .b-title {
    text-align: left;
  }
  .articles-mini__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .articles-mini__el {
    padding-right: 97px;
    margin-bottom: 46px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .articles-mini__list {
    margin-top: 23px;
  }
  .articles-mini__el {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .articles-mini__el:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}

@media (min-width: 1170px) {
  .articles-mini {
    padding-bottom: 52px;
  }
  .articles-mini__list {
    margin-top: 22px;
  }
  .articles-mini__el {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .articles-mini__el:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
}

.article blockquote {
  border-bottom: 2px solid #00BFD6;
  border-top: 2px solid #00BFD6;
  padding: 15px 31px;
  background-color: #fff;
  position: relative;
}

.article blockquote::before, .article blockquote::after {
  content: '';
  position: absolute;
  display: block;
  left: 63px;
}

.article blockquote::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 8px 9px;
  border-color: transparent transparent #ffffff transparent;
  top: 11px;
  z-index: 1;
}

.article blockquote::before {
  background-color: #00BFD6;
  width: 18px;
  height: 19px;
  top: 0;
  z-index: 0;
}

@media (min-width: 768px) {
  .article {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .article {
    max-width: 738px;
  }
}

@media (min-width: 1170px) {
  .article {
    max-width: 945px;
  }
}

.article-cut {
  font: 13px/20px "Open Sans", sans-serif;
  letter-spacing: .15px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .article-cut {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .article-cut {
    line-height: 24px;
  }
}

@media (min-width: 1170px) {
  .article-cut {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .article-content-wrap {
    padding: 11px 20px 22px;
  }
  .article-content-wrap .ya-share2 {
    text-align: center;
    margin-bottom: 20px;
  }
  .article-content-wrap .ya-share2__container {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .article-content-wrap .article-share {
    position: absolute;
    left: -92px;
    top: 0;
    width: 40px;
  }
  .article-content-wrap .article-share .ya-share2__item {
    margin-bottom: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .article-content-wrap {
    padding: 40px 65px 69px 92px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1170px) {
  .article-content-wrap {
    padding: 60px 98px 77px;
    padding-bottom: 40px;
  }
  .article-content-wrap .article-share {
    left: -98px;
  }
  .article-content-wrap--toc {
    padding-left: 0;
  }
  .article-content-wrap--toc .article-content {
    max-width: 646px;
  }
}

.article-content blockquote,
.article-content p, .article-content .p, .article-content li {
  color: #1b1b1b;
  font: 12.5px/18px "Open Sans", sans-serif;
  letter-spacing: .15px;
}

.article-content ul, .article-content ol {
  list-style: none;
}

.article-content ul:not(.no-style) li {
  padding-left: 30px;
  position: relative;
}

.article-content ul:not(.no-style) li:before {
  background: #00BFD6;
  content: '';
  display: block;
  position: absolute;
  height: 3px;
  width: 3px;
  border-radius: 3px;
}

.article-content iframe {
  width: 100%;
}

@media (max-width: 767px) {
  .article-content {
    padding-bottom: 70px;
  }
  .article-content blockquote {
    padding-top: 25px;
  }
  .article-content blockquote::before, .article-content blockquote::after {
    left: 32px;
  }
  .article-content blockquote + blockquote,
  .article-content blockquote + p,
  .article-content blockquote + .p,
  .article-content blockquote + ul,
  .article-content blockquote + ol,
  .article-content blockquote + iframe, .article-content p + blockquote,
  .article-content p + p,
  .article-content p + .p,
  .article-content p + ul,
  .article-content p + ol,
  .article-content p + iframe, .article-content .p + blockquote,
  .article-content .p + p,
  .article-content .p + .p,
  .article-content .p + ul,
  .article-content .p + ol,
  .article-content .p + iframe, .article-content ul + blockquote,
  .article-content ul + p,
  .article-content ul + .p,
  .article-content ul + ul,
  .article-content ul + ol,
  .article-content ul + iframe, .article-content ol + blockquote,
  .article-content ol + p,
  .article-content ol + .p,
  .article-content ol + ul,
  .article-content ol + ol,
  .article-content ol + iframe, .article-content iframe + blockquote,
  .article-content iframe + p,
  .article-content iframe + .p,
  .article-content iframe + ul,
  .article-content iframe + ol,
  .article-content iframe + iframe {
    margin-top: 18px;
  }
  .article-content blockquote {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .article-content ul li:before {
    left: 0;
    top: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .article-content blockquote {
    padding-top: 25px;
  }
  .article-content blockquote::before, .article-content blockquote::after {
    left: 32px;
  }
  .article-content blockquote + blockquote,
  .article-content blockquote + p,
  .article-content blockquote + .p,
  .article-content blockquote + ul,
  .article-content blockquote + ol,
  .article-content blockquote + iframe, .article-content p + blockquote,
  .article-content p + p,
  .article-content p + .p,
  .article-content p + ul,
  .article-content p + ol,
  .article-content p + iframe, .article-content .p + blockquote,
  .article-content .p + p,
  .article-content .p + .p,
  .article-content .p + ul,
  .article-content .p + ol,
  .article-content .p + iframe, .article-content ul + blockquote,
  .article-content ul + p,
  .article-content ul + .p,
  .article-content ul + ul,
  .article-content ul + ol,
  .article-content ul + iframe, .article-content ol + blockquote,
  .article-content ol + p,
  .article-content ol + .p,
  .article-content ol + ul,
  .article-content ol + ol,
  .article-content ol + iframe, .article-content iframe + blockquote,
  .article-content iframe + p,
  .article-content iframe + .p,
  .article-content iframe + ul,
  .article-content iframe + ol,
  .article-content iframe + iframe {
    margin-top: 19px;
  }
  .article-content blockquote {
    margin-top: 19px;
    margin-bottom: 19px;
  }
  .article-content ul li:before {
    left: 15px;
    top: 8px;
  }
  .article-content .article-share {
    left: -92px;
  }
}

@media (min-width: 1170px) {
  .article-content blockquote,
  .article-content p, .article-content .p, .article-content li {
    font-size: 13.5px;
    line-height: 22px;
  }
  .article-content blockquote {
    font-size: 15px;
    line-height: 24px;
    padding: 35px 64px 40px;
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .article-content p + p,
  .article-content p + .p,
  .article-content p + ul,
  .article-content p + ol,
  .article-content p + iframe, .article-content .p + p,
  .article-content .p + .p,
  .article-content .p + ul,
  .article-content .p + ol,
  .article-content .p + iframe, .article-content ul + p,
  .article-content ul + .p,
  .article-content ul + ul,
  .article-content ul + ol,
  .article-content ul + iframe, .article-content ol + p,
  .article-content ol + .p,
  .article-content ol + ul,
  .article-content ol + ol,
  .article-content ol + iframe, .article-content iframe + p,
  .article-content iframe + .p,
  .article-content iframe + ul,
  .article-content iframe + ol,
  .article-content iframe + iframe {
    margin-top: 21px;
  }
  .article-content ul li:before {
    left: 10px;
    top: 11px;
  }
  .article-content .article-share {
    left: -98px;
  }
}

.article blockquote {
  color: #222;
}

.article img {
  display: block;
  width: 100%;
}

.slide-page {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 43.75px;
  text-transform: uppercase;
  /* Text style for "С, ледующа" */
  letter-spacing: 0.6px;
}

@media (min-width: 768px) {
  .slide-page {
    margin-bottom: 40px;
  }
}

.slide-page svg {
  height: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
}

@media (max-width: 767px) {
  .slide-page svg {
    padding: 0;
    height: 18px;
  }
}

.slide-page span {
  line-height: 36px;
  padding-top: 3px;
}

@media (max-width: 767px) {
  .slide-page span {
    font-size: 11px;
    line-height: 15px;
  }
}

.slide-page .next-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .slide-page .next-page span {
    padding-left: 10px;
  }
}

.slide-page .next-page:hover {
  color: #04bcd4;
  fill: #04bcd4;
}

.slide-page .prev-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .slide-page .prev-page span {
    text-align: right;
    padding-right: 10px;
  }
}

.slide-page .prev-page:hover {
  fill: #04bcd4;
  color: #04bcd4;
}

.stars ul:not(.no-style) li {
  padding-left: 0px;
  position: static;
}

.stars ul:not(.no-style) li:before {
  background: none;
  content: '';
  display: block;
  position: absolute;
  height: 3px;
  width: 3px;
  border-radius: 3px;
}

.comment-add {
  padding-bottom: 43px;
  padding-top: 31px;
}

.comment-add__fields {
  max-width: 100%;
  overflow: hidden;
}

.comment-add__fields .rw {
  margin-right: -24px;
  margin-left: -24px;
}

.comment-add__fields .cl {
  padding-right: 24px;
  padding-left: 24px;
}

.comment-add__title {
  margin-bottom: 7px;
  display: inline-block;
}

.comment-add__actions {
  margin-top: 19px;
}

@media (max-width: 767px) {
  .comment-add__actions {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .comment-add {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .comment-add {
    padding-bottom: 67px;
  }
  .comment-add__title {
    margin-bottom: 19px;
  }
  .comment-add__rw {
    margin-bottom: 11px;
  }
  .comment-add__actions {
    margin-top: 26px;
  }
}

@media (min-width: 1170px) {
  .comment-add {
    padding-right: 15px;
    max-width: 945px;
    margin: auto;
  }
}

.comment-add__title-link {
  padding-top: 40px;
  cursor: pointer;
  color: #00bbd3;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  border-bottom: 1px dashed;
}

@media (max-width: 767px) {
  .comment-add__title-link {
    -ms-text-align-last: left;
    -moz-text-align-last: left;
         text-align-last: left;
    color: #00bbd3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}

@media (max-width: 1169px) {
  .comment-add__wrap {
    margin: 0 202px 0 240px;
    max-width: 582px;
  }
}

@media (max-width: 1023px) {
  .comment-add__wrap {
    margin: 0 74px 0 112px;
  }
}

@media (max-width: 767px) {
  .comment-add__wrap {
    margin: 0 37px 0 37px;
  }
}

.comment-add__wrap .comment-add__fields {
  display: none;
}

.comment-add__wrap .comment-add__actions {
  display: none;
}

@media (max-width: 767px) {
  .comment-add__wrap .comment-add__actions {
    text-align: center;
  }
}

.comments-latest {
  padding-bottom: 30px;
}

@media (max-width: 1169px) {
  .comments-latest {
    margin: 0 202px 0 240px;
    max-width: 582px;
  }
}

@media (max-width: 1023px) {
  .comments-latest {
    margin: 0 74px 0 112px;
  }
}

@media (max-width: 767px) {
  .comments-latest {
    margin: 0 20px 0 20px;
  }
}

.comments-latest__list {
  list-style: none;
  margin: 21px 0 23px;
}

.comments-latest__view-all {
  font: 10px/120% "PT Serif", serif;
  height: 12px;
  color: #7b7b83;
  font-family: "PT Serif";
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  line-height: 43.75px;
  text-decoration: underline;
  letter-spacing: 0.3px;
}

.comments-latest__view-all a:not(:hover) {
  color: inherit;
}

.comments-latest__view-all a {
  text-decoration: underline;
}

.comments-latest__view-all a:hover + .svg-i {
  fill: #00BFD6;
}

.comments-latest__view-all a + .svg-i,
.comments-latest__view-all .svg-i + a {
  margin-left: 14px;
}

@media (min-width: 768px) {
  .comments-latest {
    padding-bottom: 7px;
  }
  .comments-latest__list {
    margin: 47px 0 41px;
  }
}

@media (min-width: 1170px) {
  .comments-latest {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 975px;
    margin: auto;
  }
}

@media (max-width: 767px) {
  .b_border-same {
    padding: 0;
  }
}

@media (min-width: 1170px) {
  .comments-latest-wrap {
    padding-bottom: 54px;
  }
}

@media (max-width: 767px) {
  .comments-latest-wrap {
    padding-top: 20px;
  }
}

.contacts {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.contacts__nm {
  font: 700 14px/120% "Open Sans", sans-serif;
  letter-spacing: .75px;
  text-transform: uppercase;
}

.contacts .seller__actions {
  margin-bottom: 0;
}

.contacts .card-office__link {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .contacts .seller__address {
    position: relative;
  }
  .contacts .seller__address:before {
    border-top: 2px solid #F5F6F8;
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    margin-left: -35px;
    left: 50%;
    top: -16px;
  }
  .contacts .card-product__link-placeholder, .contacts .card-office__link a, .card-office__link .contacts a, .contacts .seller__contact a, .seller__contact .contacts a {
    font-size: 16px;
  }
  .contacts .card-office__link {
    text-align: center;
  }
  .contacts .card-office__link a {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .contacts__nm {
    font-size: 17px;
  }
  .contacts .card-office__link {
    margin: 0 0 30px;
  }
}

@media (min-width: 1170px) {
  .contacts {
    padding: 58px 95px 50px;
  }
  .contacts__nm {
    font-size: 20px;
  }
  .contacts .seller__contacts {
    margin: 30px 0 40px;
  }
  .contacts .seller__contacts::before {
    display: none;
  }
  .contacts .seller__contact a {
    font-size: 16px;
  }
  .contacts .card-office__link {
    margin: 10px 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .filter-wrapper:not(.visible-pc) {
    padding: 0;
    z-index: 20;
  }
}

@media (max-width: 767px) {
  .filter-wrapper:not(.visible-pc) {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    overflow: scroll;
    bottom: 0;
  }
  .filter-wrapper:not(.visible-pc) + .filter-wrapper-backdrop {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #F5F6F8;
    z-index: 1;
    opacity: 0.7;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .filter-wrapper:not(.visible-pc) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(245, 246, 248, 0.8);
    overflow-y: auto;
    padding-top: 74px;
    width: 100vw;
  }
  .filter-wrapper:not(.visible-pc) .filter__close {
    right: 39px;
    top: 116px;
  }
}

.filter-wrapper--admin-product {
  background-color: #fafbfc;
}

@media (min-width: 768px) {
  .filter-wrapper--admin-product {
    display: block !important;
    position: static !important;
    min-height: auto !important;
    background-color: transparent;
    overflow: visible;
  }
  .filter-wrapper--admin-product.visible-pc {
    display: block !important;
  }
  .filter-wrapper--admin-product .filter-wrapper-backdrop {
    display: none;
  }
}

.filter {
  position: relative;
  background-color: #fafbfc;
  z-index: 2;
}

.filter.filter-overflow-element .filter__wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  direction: ltr;
  scrollbar-color: black;
  scrollbar-width: thin;
  padding-bottom: 30px;
}

.filter.filter-overflow-element .filter__wrapper::-webkit-scrollbar {
  width: 2px;
}

.filter.filter-overflow-element .filter__wrapper::-webkit-scrollbar-track {
  background-color: #e8eaee;
  border-radius: 100px;
}

.filter.filter-overflow-element .filter__wrapper::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: black;
  -webkit-box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.1);
}

.filter--admin-product {
  padding: 0 25px;
}

.filter--admin-product .filter__title {
  background-color: transparent;
  border-bottom: 1px solid #f5f6f8;
  padding: 10px 0 0 0;
}

.filter--admin-product .btn {
  width: 100%;
}

.filter--admin-product_sort--rel {
  position: relative;
  z-index: 5;
}

.filter--admin-product .filter__wrapper {
  padding: 0 25px;
}

.filter__close {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: transparent;
  border: 1px solid #e4e4e6;
  border-radius: 30px;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 24px;
}

.filter__close .svg-i_close {
  height: 10px;
  width: 10px;
}

.ios .filter__close {
  display: inline-block;
  text-align: center;
}

.ios .filter__close .svg-i_close {
  margin: -3px 0 0 -1px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .filter__close {
    border-color: #00BFD6;
  }
  .filter__close .svg-i_close {
    fill: #00BFD6;
  }
}

@media (max-width: 767px) {
  .filter__close {
    right: 40px;
    top: 43px;
  }
}

.filter__title {
  color: #7b7b83;
  font: italic 700 13px/120% "PT Serif", serif;
  letter-spacing: 0.25px;
}

.filter-block {
  padding: 16px 0;
  position: relative;
}

.filter-block + .filter-block {
  border-top: 1px solid #f5f6f8;
}

.filter-block__name {
  background-color: transparent;
  border: 0;
  display: block;
  font: 500 16px/120% "Open Sans", sans-serif;
  position: relative;
  width: 100%;
  min-width: 100%;
  text-align: left;
}

.filter-block__name .svg-i_arrow-right-xs {
  height: 8px;
  width: 6px;
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  position: absolute !important;
  right: 0;
  top: 4px;
}

.filter-block__name svg.svg-i_arrow-right-xs {
  position: absolute !important;
}

.filter-block__inner {
  position: relative;
  max-height: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s, padding 0.4s, opacity 0.4s;
  -o-transition: max-height 0.4s, padding 0.4s, opacity 0.4s;
  transition: max-height 0.4s, padding 0.4s, opacity 0.4s;
}

.filter-block.active .filter-block__name .svg-i_arrow-right-xs {
  fill: #00BFD6;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.filter-block.active .filter-block__inner {
  max-height: 1000px;
  opacity: 1;
  padding: 20px 0 7px;
}

.filter-block__check {
  margin-bottom: 12px;
}

.filter-block .rw {
  margin-right: -5px;
  margin-left: -5px;
}

.filter-block .cl {
  padding-right: 5px;
  padding-left: 5px;
}

.cl .filter-block__check {
  margin: 6px 0;
}

.cl .filter-block__check + .filter-block__check {
  margin-top: 12px;
}

.filter hr {
  height: 0;
  border: 0;
  border-top: 1px solid #f5f6f8;
  margin: 16px 0;
}

hr + .filter-block {
  padding-top: 0;
}

.filter p {
  color: #282b32;
  font: 300 11px/16px "Open Sans", sans-serif;
}

@media (min-width: 768px) {
  .filter--admin-product {
    width: 100% !important;
    margin: 0 !important;
    background-color: transparent;
  }
  .filter--admin-product .filter__title,
  .filter--admin-product .filter__close,
  .filter--admin-product .btn {
    display: none;
  }
}

@media (min-width: 1170px) {
  .filter {
    margin-bottom: 30px;
  }
  .filter--admin-product {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .filter {
    position: initial;
  }
}

.filter_sort-with-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.filter_sort-with-range .tabs-filter {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.filter_sort-with-range__range {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.filter_sort-with-range__range-box {
  padding: 10px 24px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fafbfc;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filter_sort-with-range__range-label {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #7b7b83;
}

@media (min-width: 920px) and (max-width: 1149px) {
  .filter_sort-with-range__range-label {
    display: none;
  }
}

@media (min-width: 1150px) {
  .filter_sort-with-range__range {
    max-width: 147px;
  }
  .ie .filter_sort-with-range__range {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .filter_sort-with-range__range-label {
    max-width: 275px;
  }
}

.filter_sort-with-range__range .noUi-target {
  margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 919px) {
  .filter_sort-with-range {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .filter_sort-with-range__range-label {
    padding-right: 30px;
  }
  .filter_sort-with-range__range-box {
    padding-top: 20px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .filter_sort-with-range {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .filter_sort-with-range__range {
    width: 100%;
    margin-top: 20px;
  }
  .filter_sort-with-range__range-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: -webkit-calc(100vw - 34px);
    width: calc(100vw - 34px);
    margin-top: 30px;
  }
}

p.filter__min-cost {
  line-height: 12px;
}

.filter__min-cost {
  padding-left: 60px;
}

.filter__min-cost .ico {
  float: left;
  margin-left: -60px;
}

.filter__view {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 22px;
  position: absolute;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .filter__view {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: -8px;
  }
}

.filter__view-button {
  width: 24px;
  height: 24px;
  color: #959595;
  margin-right: 22px;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 767px) {
  .filter__view-button {
    margin-right: 2px;
  }
}

.filter__view-button:hover, .filter__view-button--active {
  color: #00bbd3;
}

.filter__view-button:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .filter {
    padding-bottom: 70px;
  }
}

.custom:hover {
  color: #00bbd3;
}

.filter-map {
  margin: 18px 0 10px;
}

.filter-map .index__wrapper .h2 {
  font-size: 32px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 60px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .filter-map .index__wrapper .h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 22px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .filter-map .index__wrapper .h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: left;
  }
}

.filter-map--no-margin {
  margin-bottom: 0;
}

.filter-map.active[data-id="2"] {
  min-height: 390px;
}

.filter-map__map {
  height: 390px;
  position: relative;
}

.filter-map__map:not(.rendered)::after {
  content: attr(data-placeholder);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px 30px;
  border-radius: 20px;
  font-size: 21px;
  background-color: #fff;
  color: #000;
  z-index: 1;
}

@-webkit-keyframes tooltip-map-two-fingers-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tooltip-map-two-fingers-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes tooltip-map-two-fingers-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes tooltip-map-two-fingers-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.filter-map__map::after, .filter-map__map::before {
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

.filter-map__map.rendered:not(.show-two-finger-tooltip)::after, .filter-map__map.rendered:not(.show-two-finger-tooltip)::before {
  -webkit-animation: tooltip-map-two-fingers-out .4s;
          animation: tooltip-map-two-fingers-out .4s;
}

.filter-map__map.rendered.show-two-finger-tooltip::after, .filter-map__map.rendered.show-two-finger-tooltip::before {
  -webkit-animation: tooltip-map-two-fingers-in .4s;
          animation: tooltip-map-two-fingers-in .4s;
  display: block;
  position: absolute;
}

.filter-map__map.rendered.show-two-finger-tooltip::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.filter-map__map.rendered.show-two-finger-tooltip::after {
  content: 'Чтобы переместить карту, проведите по ней двумя пальцами';
  color: #fff;
  z-index: 101;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 20px;
  line-height: 160%;
  padding: 0 30px;
}

.filter-map__map.rendered.show-two-finger-tooltip:not(.show-two-finger-tooltip_hiding)::after, .filter-map__map.rendered.show-two-finger-tooltip:not(.show-two-finger-tooltip_hiding)::before {
  opacity: 1;
}

.filter-map__map.show-two-finger-tooltip_hiding::after, .filter-map__map.show-two-finger-tooltip_hiding::before {
  opacity: 0;
}

.filter-map .search-bar__query-box {
  position: absolute;
  left: 0;
  top: 16px;
  width: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  .filter-map .search-bar__query-box {
    margin-left: 0;
  }
}

@media (min-width: 1170px) {
  .filter-map.active[data-id="2"] {
    min-height: 500px;
  }
  .filter-map__map {
    height: 500px;
  }
}

.gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.gallery__el {
  display: inline-block;
  text-align: center;
}

.gallery__el img {
  float: left;
  max-width: 100%;
}

.gallery__ln {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.gallery__ln:hover {
  background-color: #000;
}

.gallery__ln:hover:after, .gallery__ln:hover:before {
  content: '';
  display: block;
  position: absolute;
}

.gallery__ln:hover:before {
  border: 1px solid #fff;
  left: 23px;
  top: 23px;
  bottom: 23px;
  right: 23px;
}

.gallery__ln:hover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzLjcgMjIuM2wtNi02YzEuNS0xLjggMi4zLTQgMi4zLTYuMyAwLTUuNS00LjUtMTAtMTAtMTBTMCA0LjUgMCAxMHM0LjUgMTAgMTAgMTBjMi4zIDAgNC41LS44IDYuMy0yLjNsNiA2Yy4yLjIuNC4zLjcuM3MuNS0uMS43LS4zYy4yLS4yLjMtLjQuMy0uN3MtLjEtLjUtLjMtLjd6TTEwIDJjNC40IDAgOCAzLjYgOCA4cy0zLjYgOC04IDgtOC0zLjYtOC04IDMuNi04IDgtOHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNyAxMWgydjJjMCAuNi40IDEgMSAxczEtLjQgMS0xdi0yaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJWN2MwLS42LS40LTEtMS0xcy0xIC40LTEgMXYySDdjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDF6Ii8+PC9zdmc+);
  height: 24px;
  width: 24px;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -12px;
}

.gallery__ln:hover img {
  opacity: .5;
}

@media (max-width: 767px) {
  .gallery {
    margin-right: -10px;
    margin-left: -10px;
  }
  .gallery__el {
    padding: 3px;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .gallery__el {
    padding: 7px;
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 1170px) {
  .gallery__el {
    padding: 10px 14px;
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
  }
}

.hd {
  position: relative;
  background: #fff;
  width: 100%;
  z-index: 999;
  font-family: "Open Sans", sans-serif;
}

.hd.geo-is-open {
  z-index: 9999 !important;
}

.filter-is-open .hd {
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd {
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media (max-width: 767px) {
  .hd {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.hd.fixed {
  position: fixed;
  width: 100%;
  z-index: 9998;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
          box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
}

@media (max-width: 1169px) {
  .hd.fixed {
    position: relative;
  }
}

@media (max-width: 767px) {
  .hd.fixed {
    position: relative;
  }
}

.hd-top {
  border-bottom: 1px solid #f6f6f6;
  background-color: #fff;
  position: relative;
  z-index: 1001;
}

.hd-top::before {
  position: absolute;
  content: "";
  background-color: rgba(236, 236, 236, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1169px) {
  .hd-top {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  }
  .hd-top::before {
    background-color: #fff;
  }
}

.hd-top .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 10px 0;
  z-index: 1000;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd-top .wrap {
    width: 100%;
  }
}

.hd-bottom {
  position: relative;
  -webkit-box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
          box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
  z-index: 1000;
}

.hd__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 80px 0 0;
}

.hd__logo img {
  width: 114px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__logo {
    margin: 0 24px 0 20px;
  }
}

@media (max-width: 767px) {
  .hd__logo {
    margin-right: 20px;
    margin-left: 16px;
  }
  .hd__logo img {
    width: 80px;
  }
}

.hd-login {
  margin-left: 26px;
}

.hd-login:hover svg path {
  fill: #00bfd6;
}

.hd-login svg path {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1169px) {
  .hd-login {
    margin-right: 16px;
  }
  .hd-login svg {
    width: 24px;
    height: 24px;
  }
}

.hd__menu {
  position: absolute;
  visibility: visible !important;
  z-index: 999;
  background-color: #fff;
  width: 100%;
  -webkit-transform: translateY(-140%);
      -ms-transform: translateY(-140%);
          transform: translateY(-140%);
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

@media (max-width: 1169px) {
  .hd__menu {
    height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: -webkit-calc(var(--vh, 1vh) * 100);
    height: calc(var(--vh, 1vh) * 100);
    position: absolute;
    top: 0;
    padding-top: 72px;
  }
  .hd__menu > .wrap {
    overflow-y: scroll;
    height: 100%;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
  }
}

.hd__menu.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.hd__menu-btn {
  cursor: pointer;
  margin-right: auto;
  margin-left: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hd__menu-btn:hover svg rect,
.hd__menu-btn:hover svg path {
  fill: #00bfd6;
}

.hd__menu-btn:hover svg path {
  stroke: #00bfd6;
}

.hd__menu-btn svg rect,
.hd__menu-btn svg path {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 1169px) {
  .hd__menu-btn {
    margin-left: 0;
    margin-right: 0;
  }
}

.hd__menu-btn--close {
  display: none;
}

.hd__menu-btn--menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.hd__menu-btn--close, .hd__menu-btn--menu {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hd__menu-btn--close path, .hd__menu-btn--menu path {
  fill: #070203;
  stroke: #070203;
}

.hd__menu-btn.active [class*="--close"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.hd__menu-btn.active [class*="--menu"] {
  display: none;
}

.hd__menu-btn--text {
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
  text-transform: uppercase;
}

.hd__geo {
  margin-right: 72px;
}

.hd__links {
  position: relative;
  margin-right: auto;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__links {
    margin-right: auto;
    display: block;
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .hd__links {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-right: 29px;
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

@media (max-width: 1169px) {
  .hd__links .hd__link {
    font-size: 16px;
  }
}

.hd__links a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hd__links:hover > .hd__link {
  border-color: transparent;
  color: #00bfd6;
}

.hd__link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  margin-right: 24px;
  border-bottom: 1px dashed #202020;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 2px 0;
}

@media (max-width: 1169px) {
  .hd__link {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 8px;
  }
  .hd__link:first-of-type {
    display: none;
  }
  .hd__link:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .hd__link {
    font-size: 12px;
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  .hd__link--sm-hidden {
    display: none;
  }
}

.hd__link:last-child {
  margin-right: 0;
}

.hd__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__buttons {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 24px 35px 24px 0;
  }
}

@media (max-width: 767px) {
  .hd__buttons {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0 !important;
    padding-top: 0px;
    padding-bottom: 32px;
  }
}

.hd__buttons .hd-nv-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}

.hd__buttons .hd-nv-link svg {
  color: #7f7f7f;
  fill: #7f7f7f;
  width: 28px;
  height: 28px;
  margin-right: 22px;
}

.hd__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (min-width: 1350px) {
  .hd__search {
    min-width: 360px;
  }
}

.hd__search svg {
  width: 24px;
  height: 24px;
}

.hd__search .input-search {
  border: 1px solid #959595;
}

.hd__search .input-search:focus {
  border-color: #00bbd3;
}

.hd__search .input-search.active ~ .input-search-box__reset {
  display: block;
}

.hd__search .input-search-box__reset {
  position: absolute;
  background: #fff;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  display: none;
}

.hd__search--form {
  width: 100%;
}

.hd__calc .svg-i {
  margin-right: 8px;
}

.hd__calc .btn {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}

.hd__calc .btn:not([href]) {
  cursor: default;
}

.hd__calc .btn:not([href]):hover {
  background-color: #00BFD6;
}

@media (max-width: 767px) {
  .hd__calc {
    position: absolute;
    right: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__calc {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 1169px) {
  .hd__calc .btn {
    height: 32px;
  }
}

@media (max-width: 370px) {
  .hd__calc {
    right: 45px;
  }
  .hd__calc .btn {
    font-size: 12px;
  }
}

.hd__button {
  margin-right: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hd__button:last-child {
  margin-right: 0;
}

.hd__button .svg-i {
  margin-right: 8px;
}

.hd__button .btn {
  border-width: 1px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-transform: none;
  letter-spacing: 0;
  padding: 0 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__button {
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 767px) {
  .hd__button {
    margin-right: 0;
    padding-left: 17px;
    margin-right: 17px;
    margin-bottom: 24px;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.hd__button:nth-last-child(2) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .hd__button:nth-last-child(2) {
    margin-bottom: 0;
    margin-right: 17px;
  }
}

.hd__button .btn {
  height: 40px;
}

@media (max-width: 767px) {
  .hd__button .btn {
    width: 100%;
  }
}

.hd-text {
  display: block;
  margin-right: 60px;
  width: 200px;
  margin-left: auto;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.hd-text--pc-hidden {
  display: none;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd-text--pc-hidden {
    display: block;
    margin: auto;
  }
}

@media (max-width: 767px) {
  .hd-text--pc-hidden {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: block;
    width: auto;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    padding: 32px 30px;
    border-top: 1px solid #f5f6f8 !important;
  }
}

.hd .btn-round {
  width: 32px;
  height: 32px;
  border: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd .btn-round {
    width: 32px;
    height: 25px;
  }
}

.hd .btn-round svg {
  width: 25px;
  height: 25px;
}

.hd .btn-round svg.svg-i_nav-toggle {
  width: 25px;
  height: 25px;
}

.hd .btn.btn_lg {
  padding: 10px 20px;
}

@media (min-width: 1170px) {
  .hd__geo {
    margin-right: 36px !important;
  }
}

.hd__geo-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

@media (min-width: 1170px) {
  .hd__geo-box {
    width: 255px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.hd__geo-box svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

@media (max-width: 1169px) {
  .hd__geo-box svg {
    width: 24px;
    height: 24px;
  }
}

.hd__geo-buttons.active .hd__geo-box__toggle {
  display: none;
}

.hd__geo-box__close {
  display: none;
}

.hd__geo-buttons.active .hd__geo-box__close {
  display: block;
}

@media (max-width: 767px) {
  .geo-is-open .hd__geo-box__close {
    display: block;
    position: absolute;
    top: 5px;
    background-color: #fff;
  }
}

@media (max-width: 767px) {
  .hd__geo {
    position: absolute;
    top: 0;
    right: -8px;
    margin-left: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .geo-is-open .hd__geo {
    opacity: 1;
    pointer-events: all;
  }
}

.hd .hd__calc {
  -webkit-transform: translateX(-14px);
      -ms-transform: translateX(-14px);
          transform: translateX(-14px);
  margin-left: 14px;
}

.hd .com-basket__text {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .hd .com-basket {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 20;
  }
  .hd .com-basket .com-basket__counter {
    left: auto;
    right: -3px;
  }
  .hd .com-basket svg {
    width: 22px;
    height: 22px;
  }
}

.hd__geo, .hd__toggle,
.hd .svg-i_nav-toggle {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.hd__toggle {
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  z-index: 1;
}

.hd__toggle .svg-i_close-new {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hd:not(.active) .hd-nv {
  -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%);
          transform: translateY(-120%);
  opacity: 0;
}

.hd:not(.active) .hd__toggle .svg-i_close-new {
  display: none;
}

.hd.active .hd-nv-sub {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd .wrap {
    padding: 0 35px;
  }
}

.hd__search-find {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  display: none;
  max-height: 90vh;
  padding: 0.8125rem 0rem 0.8125rem;
  padding-top: 0.6875rem;
}

.hd__search-find.active {
  display: block;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__search-find {
    top: 10rem;
    max-height: -webkit-calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2000;
    padding: 0.625rem 1rem 1.4375rem;
  }
}

@media (max-width: 767px) {
  .hd__search-find {
    top: 160px;
    max-height: -webkit-calc(100vh - 160px);
    max-height: calc(100vh - 160px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2000;
    padding: 1rem;
  }
}

.hd__search-find-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.hd__search-find-block:last-child {
  margin-bottom: 0px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__search-find-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .hd__search-find-block {
    display: block;
    margin-bottom: 16px;
  }
}

.hd__search-find-title {
  width: 110px;
  font-size: 13px;
  line-height: 24px;
  color: #7b7b83;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__search-find-title {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .hd__search-find-title {
    margin-bottom: 8px;
  }
}

.hd__search-find-link {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .hd__search-find-link {
    margin-bottom: 8px;
  }
}

.hd-login {
  cursor: pointer;
  text-decoration: none;
  color: #7f7f7f;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 70px;
}

@media (max-width: 1169px) {
  .hd-login {
    margin-right: 16px;
  }
}

.hd-login__text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #212121;
  white-space: nowrap;
  margin-left: 10px;
}

.hd-login svg {
  fill: currentColor;
}

.hd-login:hover {
  color: #00BFD6;
}

@media (max-width: 767px) {
  .hd {
    overflow: visible;
  }
  .hd-top {
    height: 68px;
    padding: 14px 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hd-top .wrap {
    padding: 0;
    height: 100%;
    width: 100%;
  }
  .hd .hd-login__text,
  .hd .com-basket__text.block-tab {
    display: none;
  }
  .hd-replace {
    display: none;
  }
  .hd-nv-tab .hd-replace {
    display: inline-block;
  }
  .hd-login {
    margin-right: 0;
  }
  .hd-login svg {
    height: 30px;
    width: 30px;
  }
  .hd-login__text {
    display: none;
  }
  .hd .com-basket {
    margin-right: 0;
  }
  .hd__geo {
    margin-left: 10px;
    margin-right: 0;
  }
  .hd__geo svg {
    width: 30px;
    height: 30px;
    color: #7f7f7f;
  }
  .hd .btn-round {
    width: 30px;
    height: 30px;
  }
  .hd .com-basket__text {
    display: none;
  }
  .hd.active .hd-nv_sub--mob {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .hd.active .hd__toggle .svg-i_close-new {
    display: inline-block;
  }
  .hd.active .hd__toggle .svg-i_nav-toggle {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd__geo-box .font-xs {
    display: inline-block;
    padding-top: 3px;
  }
  .com-basket__text {
    display: block;
  }
  .hd {
    overflow: visible;
  }
  .hd .hd-login__text,
  .hd .com-basket__text.block-tab {
    display: none;
  }
  .hd.active .hd__toggle .svg-i_close-new {
    display: inline-block;
  }
  .hd.active .hd__toggle .svg-i_nav-toggle {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
  }
  .hd-top {
    height: 74px;
    padding: 11px 0;
  }
  .hd-replace {
    display: none;
  }
  .hd-nv-tab .hd-replace {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .hd__geo .button {
    display: none;
  }
  .hd__geo-box {
    padding-left: 0;
    cursor: pointer;
  }
  .hd__geo-box:hover svg path {
    fill: #00bfd6;
  }
  .hd__geo-box svg path {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .hd__geo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: auto;
  }
  .hd__geo-box a,
  .hd__geo-box span:not(.city-tooltip__txt):not(.city-tooltip__span) {
    border-bottom: 1px dashed #00bfd6;
    color: #00bfd6;
  }
  .hd-login {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .com-basket {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .hd.active {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .hd.active .hd-nv_sub--tab {
    -webkit-box-shadow: 0 1px 8px 0 rgba(54, 59, 68, 0.21);
            box-shadow: 0 1px 8px 0 rgba(54, 59, 68, 0.21);
  }
}

@media (min-width: 1170px) {
  .hd-bottom {
    background: #fff;
  }
  .hd-bottom .wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 0;
  }
  .hd__geo-box__toggle {
    display: none;
  }
  .hd__geo-box {
    padding-left: 0;
  }
  .hd__geo {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .hd__logo {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
       -moz-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .hd__geo-box a {
    color: #00bfd6;
    border-bottom: 1px dashed #00bfd6;
    position: relative;
  }
}

.hd__geo-box .font-xs {
  vertical-align: top;
}

/* Tooltip */
.city-tooltip {
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Open Sans", sans-serif;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  line-height: 32px;
  text-align: center;
  background: #00bfd6;
  color: #ffffff;
  left: 20px;
  font-weight: 600;
  font-size: 12px;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 40px;
}

.city-tooltip .row-text {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .city-tooltip {
    display: none;
  }
}

.city-tooltip.show {
  opacity: 1;
  visibility: visible;
}

.city-tooltip-mobile {
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  line-height: 32px;
  text-align: center;
  background: #00bfd6;
  color: #ffffff;
  right: 0px;
  font-weight: 700;
  font-size: 12px;
  border-radius: 10px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 60px;
}

@media (min-width: 767px) {
  .city-tooltip-mobile {
    display: none;
  }
}

.city-tooltip-mobile:before {
  content: "";
  position: absolute;
  right: 0px;
  top: -10px;
  border-left: 10px solid #00bfd6;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.city-tooltip:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  border-left: 10px solid #00bfd6;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

a.city-animate,
button.city-animate {
  width: 54px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  z-index: 100;
  border: none;
  background: transparent;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0px 10px;
  text-decoration: none;
  padding: 0px 15px;
  border-radius: 5px;
}

a.city-animate:before,
button.city-animate:before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  z-index: -1;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

a.city-animate:after,
button.city-animate:after {
  display: none;
}

a.city-animate:hover:before,
button.city-animate:hover:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/*.city-animate-yes {
  background-color: #00C04B !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  &:hover {
    background: #87E2A4 !important;
  }
}*/
.city-animate-yes {
  background-color: #ffffff !important;
  border: 1px solid transparent !important;
  color: #000000 !important;
}

.city-animate-yes:hover {
  color: #ffffff !important;
  border: 1px solid white !important;
  background-color: #00bfd6 !important;
}

.city-animate-yes--white {
  background-color: #00c04b !important;
  border: 1px solid #fff !important;
  color: #ffffff !important;
}

.city-animate-yes--white:hover {
  background: #87e2a4 !important;
}

.city-animate-no {
  background-color: #ffffff !important;
  border: 1px solid transparent !important;
  color: #000000 !important;
}

.city-animate-no:hover {
  color: #ffffff !important;
  border: 1px solid white !important;
  background-color: #00bfd6 !important;
}

.svg-i_ot-logo--new {
  max-height: 31px;
  width: auto;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .svg-i_ot-logo--new {
    height: 42px;
    max-height: 42px;
  }
}

@media (max-width: 767px) {
  .svg-i_ot-logo--new {
    max-height: 32px;
    height: 36px;
  }
}

.menu__search .input-search {
  border: 1px solid #959595;
}

.menu__search .input-search:focus {
  border-color: #00bbd3;
}

.menu__search .input-search.active ~ .input-search-box__reset {
  display: block;
}

.menu__search .input-search-box__reset {
  position: absolute;
  background: #fff;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  display: none;
}

.autocomplete-suggestions {
  position: relative !important;
  left: 0 !important;
  margin: 0 auto;
  overflow-y: scroll;
  padding-left: 4.9375rem;
  max-width: 47.1875rem !important;
  font-size: 0.8125rem;
  font-weight: 700;
}

.autocomplete-suggestions::-webkit-scrollbar {
  width: 3px;
  /* ширина scrollbar */
}

.autocomplete-suggestions::-webkit-scrollbar-thumb {
  background-color: black;
  /* цвет плашки */
  border-radius: 20px;
  /* закругления плашки */
}

@media (min-width: 768px) and (max-width: 1169px) {
  .autocomplete-suggestions {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .autocomplete-suggestions {
    padding-left: 0;
  }
}

.autocomplete-suggestion {
  padding: 0.8125rem 0.3125rem;
  font-size: 0.8125rem;
  padding-left: 2.0625rem;
  cursor: pointer;
  color: #000000;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .autocomplete-suggestion {
    padding: 0.75rem 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .autocomplete-suggestion {
    padding-left: 0;
    max-width: 16.5625rem;
  }
}

.autocomplete-selected {
  color: #00bfd6;
}

.autocomplete-group {
  position: relative;
  right: 4.9375rem;
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  color: #7b7b83;
  font-size: 0.8125rem;
  width: auto;
  display: inline-block;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .autocomplete-group {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: 0;
    margin-bottom: 0.625rem;
    margin-top: 1.125rem;
  }
}

@media (max-width: 767px) {
  .autocomplete-group {
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.hd-nv {
  background: #fff;
  -webkit-box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
          box-shadow: 0 5px 4px rgba(54, 59, 68, 0.05);
  padding-bottom: 51px;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 1;
}

.hd-nv-sub-list {
  list-style: none;
}

.hd-nv-socials {
  margin: 54px 0 34px;
}

.hd-nv-footer {
  display: none;
}

@media (max-width: 767px) {
  .hd-nv {
    display: block;
    margin: 0;
    width: 100%;
    padding-bottom: 0;
    max-height: 80vh;
    overflow-y: scroll;
  }
  .hd-nv-list {
    margin-left: -17px;
    margin-right: -17px;
  }
  .hd-nv-link {
    font: 500 14px/120% "Open Sans", sans-serif;
    letter-spacing: .75px;
    text-transform: uppercase;
    border-top: 1px solid #F5F6F8;
    border-bottom: 1px solid #F5F6F8;
    margin-bottom: -1px;
    font-weight: 700;
    border-left: 0;
    border-right: 0;
    display: block;
    padding: 20px 23px 17px;
    position: relative;
  }
  .hd-nv-link:last-child {
    border-bottom: none;
  }
  .hd-nv-link:not(.hd-nv-link--empty)::after {
    content: '';
    display: block;
    border: 6px solid transparent;
    border-top: 6px solid #c4c4c4;
    position: absolute;
    right: 28px;
    top: 24px;
  }
  .hd-nv-link:not(.hd-nv-link--empty).shown::after {
    display: block;
    border: 6px solid transparent;
    border-bottom: 6px solid #c4c4c4;
    position: absolute;
    right: 28px;
    top: 18px;
  }
  .hd-nv-link img {
    display: none;
  }
  .hd-nv-sub-list {
    display: none;
  }
  .hd-nv-sub-link {
    display: block;
    border-top: 1px solid #F5F6F8;
    border-bottom: 1px solid #F5F6F8;
    margin-bottom: -1px;
    font: 500 12px/120% "Open Sans", sans-serif;
    padding: 20px 23px 17px 40px;
    letter-spacing: .55px;
    position: relative;
    text-transform: uppercase;
  }
  .hd-nv-tab {
    text-align: center;
  }
  .hd-nv-tab .hd-replace {
    display: inline-block;
    margin: 35px 0 0 0;
    width: 100%;
  }
  .hd-nv-tab .hd-replace:last-child {
    margin-top: 20px;
  }
  .hd-nv-tab .btn-square {
    height: 55px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hd-nv {
    padding: 55px 0 0 0;
    display: block;
    width: 100%;
    margin-bottom: -60px;
    margin-left: 0;
    margin-right: 0;
    max-height: -webkit-calc(100vh - 70px);
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .hd-nv-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .hd-nv-list:first-child {
    width: 22%;
  }
  .hd-nv-list:first-child .hd-nv-col {
    width: 100%;
  }
  .hd-nv-list:last-child {
    width: 78%;
    margin-bottom: 0;
  }
  .hd-nv-list:last-child .hd-nv-col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hd-nv-list:last-child .hd-nv-col:nth-child(3n - 1) {
    width: 44%;
  }
  .hd-nv-list:last-child .hd-nv-col:nth-child(3n), .hd-nv-list:last-child .hd-nv-col:nth-child(3n + 1) {
    width: 28%;
  }
  .hd-nv-col {
    padding-right: 16px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 20px;
  }
  .hd-nv-sub-list {
    display: block !important;
  }
  .hd-nv-sub-item {
    list-style: none;
  }
  .hd-nv-link {
    display: inline-block;
    vertical-align: top;
    font: 600 13px/25px "Open Sans", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .hd-nv-link:last-child {
    margin-bottom: 0;
  }
  .hd-nv-link img {
    display: none;
  }
  .hd-nv-sub-item {
    font: 600 13px/25px "Open Sans", sans-serif;
    margin-bottom: 20px;
  }
  .hd-nv-sub-item:last-child {
    margin-bottom: 0;
  }
  .hd-nv-sub-item a {
    color: #959595;
  }
  .hd-nv .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 35px;
  }
  .hd-nv-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: 1px solid #f6f6f6;
    margin-top: 20px;
    padding-left: 35px;
  }
  .hd-nv-tab .hd-replace {
    display: inline-block;
    margin: 0;
  }
  .hd-nv-tab .btn-square {
    height: 80px;
    padding: 0 63px;
  }
}

@media (min-width: 1170px) {
  .hd-nv {
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
    opacity: 1 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-top: 16.75px;
    padding-bottom: 16.75px;
    position: static;
  }
  .hd-nv .wrap {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .hd-nv-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hd-nv-sub-list {
    display: block !important;
  }
  .hd-nv-col {
    margin-right: 20px;
    position: relative;
  }
  .hd-nv-link {
    white-space: nowrap;
    font: 600 13px/25px "Open Sans", sans-serif;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .hd-nv-link img {
    margin-right: 8px;
  }
  .hd-nv-sub-link {
    display: block;
    letter-spacing: .60px;
    text-transform: uppercase;
    padding: 7px 0;
    white-space: nowrap;
    font: 600 11px/120% "Open Sans", sans-serif;
  }
  .hd-nv-sub-list {
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(54, 59, 68, 0.27);
            box-shadow: 0 2px 2px 0 rgba(54, 59, 68, 0.27);
    position: absolute;
    left: -25px;
    margin: 0 auto;
    bottom: -6px;
    -webkit-transform: translate(0%, 100%);
        -ms-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
    padding: 16px 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
  }
  .hd-nv-col.hover .hd-nv-sub-list {
    opacity: 1;
    visibility: visible;
  }
  .hd-nv-footer {
    display: none;
  }
}

.header-btn-absolute {
  margin-right: 35px;
}

@media (max-width: 1169px) {
  .header-btn-absolute {
    display: none;
    margin-top: 50px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .header-btn-absolute {
    margin: 30px 15px 10px 30px;
    text-align: center;
  }
  .header-btn-absolute + .header-btn-absolute {
    margin-top: 10px;
  }
  .header-btn-absolute .btn {
    width: auto;
  }
}

.site-map {
  margin-bottom: -60px;
}

.site-map__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px 60px -15px;
}

.site-map__col {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 33.3333%;
      -ms-flex-preferred-size: 33.3333%;
          flex-basis: 33.3333%;
  max-width: 33.3333%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 15px;
}

.site-map__sub-item {
  list-style: none;
}

.site-map__link {
  display: inline-block;
  vertical-align: top;
  font: 600 12px/120% "Open Sans", sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.site-map__link:last-child {
  margin-bottom: 0;
}

.site-map__sub-item {
  font: 400 12px/120% "Open Sans", sans-serif;
  margin-bottom: 12px;
}

.site-map__sub-item:last-child {
  margin-bottom: 0;
}

.site-map__sub-item a {
  color: #959595;
}

.ft-nv a {
  font-weight: 600;
}

@media (max-width: 767px) {
  .feedbacks__list {
    margin-top: -11px;
    padding: 0;
  }
  .feedbacks__list .feedback {
    margin-top: 21px;
  }
  .feedbacks .slick-arrow {
    display: none !important;
  }
  .feedbacks .slick-dots {
    margin: 23px 0 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .feedbacks .slick-arrow {
    z-index: 1;
  }
  .feedbacks .slick-arrow.slick-next {
    right: -17px;
  }
  .feedbacks .slick-arrow.slick-prev {
    left: -17px;
  }
  .feedbacks__list {
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .feedbacks__list {
    margin-top: -9px;
    padding: 0;
  }
  .feedbacks__list .feedback {
    margin-top: 52px;
  }
  .feedbacks .slick-dots {
    margin: 35px 0 0;
  }
}

@media (min-width: 1170px) {
  .feedbacks__list {
    margin-top: -34px;
    padding: 0;
  }
  .feedbacks__list .feedback {
    margin-top: 52px;
  }
  .feedbacks .slick-dots {
    margin: 39px 0 0;
  }
  .feedbacks .slick-arrow.slick-prev {
    left: -22px;
  }
  .feedbacks .slick-arrow.slick-next {
    right: -22px;
  }
}

@media (max-width: 767px) {
  .hd__geo-box.active {
    width: 94%;
  }
}

.city-modal {
  position: absolute;
  max-width: 648px;
  width: 648px;
  left: 24.2%;
  top: -44vh;
  -webkit-box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 12px 7px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  padding-left: 37px;
  padding-right: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 1981px) and (max-width: 2600px) {
  .city-modal {
    left: 34.2%;
  }
}

@media (min-width: 1620px) and (max-width: 1980px) {
  .city-modal {
    left: 28.2%;
  }
}

@media (max-width: 1169px) {
  .city-modal {
    left: 19%;
    margin: 0 auto;
  }
}

@media (max-width: 1023px) {
  .city-modal {
    top: -43vh;
    left: 9%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .city-modal {
    position: relative;
    padding: 0;
    margin: 0;
    top: 50px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    left: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) and (max-width: 374px) {
  .city-modal {
    top: 40px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .city-modal .citi-modal__box {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.city-modal .mfp-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media (max-width: 767px) {
  .city-modal .mfp-close {
    display: none;
  }
}

.city-modal .city-modal__title {
  margin-top: 43px;
  width: 338px;
  height: 32px;
  font-size: 32px;
  font-weight: 500;
  text-align: justify;
  color: #000000;
}

@media (max-width: 767px) {
  .city-modal .city-modal__title {
    display: none;
  }
}

.city-modal .city-modal__subTitle {
  margin-top: 10px;
  width: 204px;
  height: 27px;
  font-size: 16px;
  line-height: 1.69;
  color: #00c04b;
  margin-bottom: 4%;
}

@media (max-width: 767px) {
  .city-modal .city-modal__subTitle {
    width: 100%;
    text-align: center;
  }
}

.city-modal .cities-list__container {
  margin-top: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .city-modal .cities-list__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.city-modal .cities-list__column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 141px;
  height: 251px;
}

@media (max-width: 767px) {
  .city-modal .cities-list__column {
    height: 100%;
    margin-bottom: 5px;
  }
}

.city-modal .cities-list__item {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  color: #000000;
  margin-bottom: 5px;
}

.city-modal .cities-list__link:hover {
  color: #007fc7;
}

.city-modal .cities-list__link__selected {
  color: #007fc7;
}

@media (max-width: 767px) {
  .city-modal {
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .city-modal .citi-modal-mob {
    padding: 15px;
    font-size: 13px;
    display: block;
    height: 52px;
    background-color: #f5f6f8;
    width: 100%;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .city-modal .citi-modal-mob {
    margin-top: 2px;
  }
}

@media screen and (max-width: 767px) and (max-width: 374px) {
  .city-modal .citi-modal-mob {
    margin-top: 18px;
  }
}

@media (max-width: 767px) and (min-width: 400px) and (max-width: 420px) {
  .city-modal .citi-modal-mob {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .city-modal .citi-modal-mob span {
    margin-left: 25%;
  }
  .city-modal .citi-modal-mob svg {
    float: left;
    width: 25px;
    height: 16px;
  }
}

.select2-container--okna-trade-4 .select2-dropdown .select2-results__options {
  max-height: 312px;
  overflow-y: auto;
  padding-top: 10px;
  padding-left: 10px;
}

.select2-container--okna-trade-4 .select2-dropdown .select2-results__options li {
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.8;
  letter-spacing: normal;
  color: #000000;
}

.select2-container--okna-trade-4 .select2-dropdown .select2-results__options li:hover {
  color: #00bbd3;
}

.select2-container--okna-trade-4 .select2-dropdown .select2-search {
  position: absolute;
  top: -34px;
  left: 12px;
  width: 100%;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-dropdown .select2-search {
    top: -39px;
  }
}

.select2-container--okna-trade-4 .select2-dropdown .select2-search .select2-search__field {
  padding: 2px;
  border-bottom: none;
}

@media (max-width: 767px) {
  .select2-container--okna-trade-4 .select2-dropdown .select2-search .select2-search__field {
    height: 30px;
  }
}

.ft {
  background: #fff;
}

.ft-logo {
  display: inline-block;
}

.ft-nv ul {
  list-style: none;
}

.ft-nv li {
  font: 500 12px/120% "Open Sans", sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.ft-copy {
  font: 300 12px/120% "Open Sans", sans-serif;
  width: 250px;
  max-width: 100%;
  color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 1169px) {
  .ft-copy {
    margin-bottom: 6px;
  }
}

@media (max-width: 1023px) {
  .ft-copy {
    margin-bottom: 25px;
  }
}

.ft-offer {
  font: 300 12px/120% "Open Sans", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

.ft-offer > a {
  color: rgba(0, 0, 0, 0.7);
}

.ft-site-map {
  margin-bottom: 80px;
}

@media (max-width: 1023px) {
  .ft-site-map {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .ft {
    padding-top: 30px;
    padding-bottom: 24px;
  }
  .ft .ft-nv {
    margin-bottom: 33px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
  }
  .ft .ft-nv li {
    font-size: 10px;
    line-height: 14px;
  }
  .ft .ft-nv li:not(:last-child) {
    margin-bottom: 14px;
  }
  .ft .svg-i_ot-logo {
    height: 70px;
    width: 160px;
  }
  .ft-city select {
    width: 169px;
  }
  .ft-write-us {
    margin: 0 0 20px;
  }
  .ft-offer {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .ft {
    padding-top: 47px;
  }
}

@media (min-width: 768px) {
  .ft {
    padding-bottom: 52px;
  }
}

@media (min-width: 1024px) {
  .ft-logo {
    margin-bottom: 20px;
  }
  .ft-nv li {
    margin-bottom: 5px;
  }
  .ft-nv li:first-child {
    margin-bottom: 50px;
  }
  .ft-nv li:nth-child(2) {
    margin-bottom: 50px;
  }
  .ft-nv li:nth-child(3) {
    margin-bottom: 35px;
  }
  .ft-nv li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) {
  .ft .btn {
    font-size: 10px;
    letter-spacing: .5px;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .ft-nv {
    padding-top: 40px;
  }
  .ft-nv ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .ft-nv li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ft-nv li:first-child {
    margin-bottom: 44px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ft-nv li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ft-nv li:nth-child(3) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ft-nv li:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media (min-width: 768px) and (max-width: 839px) {
  .ft .cl-4:nth-child(1) {
    width: 30%;
  }
  .ft .cl-4:nth-child(2) {
    width: 30%;
  }
  .ft .cl-4:nth-child(3) {
    padding-right: 0;
    width: 40%;
  }
}

@media (min-width: 1024px) and (min-max-width: -1px) and (max-max-width: 1170) {
  .ft-bottom-1 .ft-socials {
    margin-top: -26px;
  }
}

@media (min-width: 1170px) {
  .ft {
    padding-bottom: 56px;
    padding-top: 60px;
  }
  .ft-logo {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .ft-bottom-1 .ft-socials {
    margin-top: 3px;
  }
  .ft-bottom-2 {
    margin-top: -28px;
  }
  .ft-nv li {
    margin-bottom: 10px;
  }
  .ft-nv li:first-child {
    margin-bottom: 52px;
  }
  .ft-nv li:nth-child(2) {
    margin-bottom: 52px;
  }
  .ft-nv li:last-child {
    margin-bottom: 0;
  }
  .ft select,
  .ft .select2 {
    width: 159px !important;
  }
  .ft .rw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ft__pc-btm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ft__pc-btm > .cl {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
  }
}

.ft-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.b-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .ft-socials {
    margin: -16px 0 30px 0;
  }
}

.b-socials__link + .b-socials__link {
  margin-left: 10px;
}

.b-socials__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (min-width: 768px) {
  .b-socials__icon:hover {
    opacity: .7;
  }
}

.b-socials__icon_vk {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAADAFBMVEUAAABPc59OdJ9ScqFOdKBOc6BOc6BPdKBOdaFPdKBPdKBOdJ9NfaRPc59OdKBPdaFPdKBQc6BNc59OdKFPdJ9PdKBOc59PdKBQdJ9Pdp5QdaFPdJ9PdKBOdKFOdKBPdaBMZplOdZ9Qc59OdJ9Pc6BOc6BOc6FOdKFOc6BPdJ9Oc59OdJ9QdqBPdJ9OdKBOdKBSbqVTdqBPdKBEYp1Qc6BOc59PdqFPdKBPdaFQc5xPc59PdKBOdaFPdJ9OcaJRc6FmZplJfKhOdKBOc6BObqJge5BafplOd59PdKBPdKBOd6FOdKBPdKA7O85Pd5tPc59Qc6BPdaBMcKNRep5Oc6BSgJ5OdKBOcqFPc6BPdaA5WrVPdKFOdKFTdJtOc6A5XrFOc6BOdKNRc5xSd6BPc6BQeJxOdJ9Rd59Oc59Pc59PdaBQbaFYdZlHZqtNdp5UdJ1ObZw6ULtmf5lSZ59KdaFOc6BOdKFZgZVOc581T7xXf5dHdKNfepk/dq1SeJ1NdJ5EcaczTMxOc59ReJxFaK5Ib6ZXhpVWho5Od59XeJlBW7FSe5tTdJ1Da65Ia6ZOcZ02TcFVfJ5bgZhUfZlFaKY6XblJbqZMeaVVdJhPdJ1cfpQxTsNVfZpKaqNJbqdRd51WeplUdZlRYaguRcVOdKFPdaFQc5xJcqNReZxQdJ9BYrREZ6xOc6BQcqdPdKBOcKBRd59LcKVYfpZJbKdMb6NTeZpOd6BQdKBVdZtKbaZMdaBIbqhNdKNWdJxQc55ScJxXeJpNc5xNdKJUdZ1Zf5k+Z7FDZaxSeJ5IYqtRdqNRd59KbaZReJ1LbaRNdp1QdJ9MdKFNdKFDZK5PfKVJbKdVfJlWeplEZ6xPdKBPc6BPdaBOdKFMdKJTeZtQdZ9QdKBPc59PdZ9Pc6FRdp5Qc6BOdKBNdqNNcqJNcqFRdZ9ahpJRcptah5BKcqJWgZhKc6RTf5lSe5tNdaBQeJ5Md6Bag5RdhJJOeZ5OcZ5QdpxYfJFTep1LcaRMcKRWeppReJ3fMBK8AAAA2HRSTlMAlsMS0MJNyqynSv0L9r1GUElIT96jQbeK90yVXprGqwPx2ObNu7+D1L7j9DbIzOEYK68GtclHkpY+jTR+41thBSbtHy8SL4vXLjJz2gIZh/vKyzVUEe/OqooPY/rA6Rit6RZay/yma1jRd0+h4q7vQTkKO2r9e9zssEDvbhwivncK3IeohamBqYy4frI52m5Cb8n9+aGfj5OgvmLcnpivzmovFuDR4Xp6zh8l+SZn+a0ijfGM9DjyfoLojXCO56PLlNeyKEXPSkYcS+zgxsuowbZMSr6D4uojpcPTAAADTklEQVR4AbXRh1eTZxTH8Z9JKm0zaiUjqQgoYSBSkGCtu1a0uLdHtKLV1O49avfee+9tt92tdu+9d2/ymhASKGGP7paOk7wvECDtgee5fv6A7/mde5FozpoKW2HR/ltpgA5cWVRoW7RmHJIa53w+EiZaOWb+A3unDIjXMD9rMRHtcL1chr48d/1T/exz24oXYJA8G8a+8FrEv16PXoYv9t1th7Btt1L1NCS4OjLKDilzyusWodu1vy3NhKyMXy+F5pqm68Dgkqbbobr+BrC4o20WYu5suRIs7m9+AwDWdd4GJm/+sAzAM633gYmpcy2AJ11g85nfg6ejFWDzdeQrPBGcDTYbot/igPBq8Al8g6eiYPTd98grACO3C5VbwOiLehSUg9GX9TA+AkYlCigFjNYTc3DX/wsu0+l2SaDT5WRMmbifRPAIP/WXlWsSDu5ByVRNnSgc9FFSjTPYFmrKmYP+6hPEgvuQZnPK+EJ3EfUYKRmcgJixq6iLWyw4vHcQWEIag2RwX6gOIU26ZHAIVIdK3nDPvgsPp7i6wGmSwQlQjaa4wFGQDE5CzORsUv18nGwwK8eSP95KKp95OQSDu1MSRhvAGjxpip43SD5KH8oX1JzDHWw+Qyi4F2l009OGpaad7BhVQ6r61jOlgrlQ6UcqpAqNkAoOQZejq0h1nkhwaP/gsX6Kq92cyRMs04KKeRZPcC6pao0LeYInan9Wth8vExwBzVmndz3FCpmgE3Er0o4JU1z4pyNFgqmkGWNxlGTnGwoURRsYbZ8tEUyi4VSIBIfRfwidci5nMBQ62wS+oELGCkAsOI2SmDppJkSD9jxDosMM6RnzJmcCAkEBOzPoBaMSgjkPjEqDOMgKRjlBvLUdjLwuvF0HRp98jFd3rAafgz/FK8F3wEavODHXPw9s7LQRqHkJbLIDK4DXO2aCiSfwHoDHfTYweejvdwFg7e/FYLHgzwcRY2q7Ciwua5mBuOl/3AgG5/9yMTQ3N94EaRc2XIButwTueRRS9FcEL0KCezv+enEhhBU/7FMuRy+PLW2PWj76EALWfVDqo9Fl6Ot9BxEZt7jzHas27TYgmz4vtSyxmoO1P1pSkYxpea6u0kyDsrXS69yoR49/AXnTfjIeOezgAAAAAElFTkSuQmCC);
  background-size: 40px 40px;
}

.b-socials__icon_vk-circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEM2QzkxIiBkPSJNMCAyMEMwIDguOTU0IDguOTU0IDAgMjAgMHMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMwIDMxLjA0NiAwIDIweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOS41MyAyNS45NXMuMzc5LS4wNDIuNTczLS4yNTFjLjE3OC0uMTkyLjE3Mi0uNTUzLjE3Mi0uNTUzcy0uMDI0LTEuNjg2Ljc1OC0xLjkzNWMuNzctLjI0NSAxLjc1OSAxLjYzIDIuODA5IDIuMzUyLjc5My41NDUgMS4zOTQuNDI2IDEuMzk0LjQyNmwyLjgwNi0uMDRzMS40NjYtLjA5Ljc3LTEuMjQ1Yy0uMDU3LS4wOTUtLjQwNS0uODU1LTIuMDg0LTIuNDE3LTEuNzYtMS42MzQtMS41MjMtMS4zNy41OTUtNC4xOTggMS4yOS0xLjcyMiAxLjgwNS0yLjc3NCAxLjY0NC0zLjIyMy0uMTUzLS40My0xLjEwMi0uMzE2LTEuMTAyLS4zMTZsLTMuMTU3LjAycy0uMjM1LS4wMzItLjQwOC4wNzFjLS4xNy4xMDItLjI4LjM0LS4yOC4zNHMtLjQ5OSAxLjMzMi0xLjE2NSAyLjQ2NmMtMS40MDYgMi4zOS0xLjk2OCAyLjUxNy0yLjE5OCAyLjM3LS41MzYtLjM0Ny0uNDAyLTEuMzkyLS40MDItMi4xMzMgMC0yLjMxOC4zNTEtMy4yODQtLjY4My0zLjUzNC0uMzQzLS4wODQtLjU5Ni0uMTM4LTEuNDc0LS4xNDctMS4xMjctLjAxMi0yLjA4LjAwNC0yLjYyLjI2OC0uMzYuMTc2LS42MzcuNTY5LS40NjcuNTkyLjIwOC4wMjcuNjguMTI3LjkzMS40NjkuMzI0LjQ0MS4zMTIgMS40My4zMTIgMS40M3MuMTg2IDIuNzMtLjQzNCAzLjA2OGMtLjQyNS4yMzItMS4wMDktLjI0Mi0yLjI2My0yLjQxMi0uNjQyLTEuMTEtMS4xMjctMi4zNC0xLjEyNy0yLjM0cy0uMDkzLS4yMjktLjI2LS4zNTJhMS4yOSAxLjI5IDAgMCAwLS40ODUtLjE5NmwtMyAuMDJzLS40NTEuMDEyLS42MTcuMjA5Yy0uMTQ3LjE3NC0uMDExLjUzNS0uMDExLjUzNXMyLjM0OSA1LjUwNSA1LjAxIDguMjhjMi40MzkgMi41NDMgNS4yMDggMi4zNzYgNS4yMDggMi4zNzZoMS4yNTV6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 40px 40px;
}

.b-socials__icon_vk-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIHN0cm9rZT0iIzRDNkM5MSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMSAyMUMxIDkuOTU0IDkuOTU0IDEgMjEgMXMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMxIDMyLjA0NiAxIDIxeiIvPiAgICAgICAgPHBhdGggZmlsbD0iIzRDNkM5MSIgZD0iTTIyLjA1IDI2Ljk5NnMuMzg1LS4wNDMuNTgzLS4yNTNjLjE4MS0uMTkzLjE3NS0uNTU3LjE3NS0uNTU3cy0uMDI0LTEuNjk5Ljc3Mi0xLjk1Yy43ODUtLjI0NyAxLjc5MyAxLjY0MyAyLjg2MiAyLjM3LjgwOC41NSAxLjQyMS40MyAxLjQyMS40M2wyLjg1OC0uMDRzMS40OTQtLjA5MS43ODYtMS4yNTZjLS4wNTktLjA5NS0uNDEzLS44NjEtMi4xMjQtMi40MzUtMS43OTMtMS42NDctMS41NTItMS4zOC42MDYtNC4yMyAxLjMxNC0xLjczNiAxLjg0LTIuNzk2IDEuNjc1LTMuMjUtLjE1Ni0uNDMyLTEuMTIzLS4zMTctMS4xMjMtLjMxN2wtMy4yMTcuMDJzLS4yMzgtLjAzMy0uNDE1LjA3MmMtLjE3My4xMDMtLjI4NS4zNDItLjI4NS4zNDJzLS41MDggMS4zNDMtMS4xODcgMi40ODVjLTEuNDMzIDIuNDEtMi4wMDUgMi41MzctMi4yNCAyLjM4OC0uNTQ1LS4zNS0uNDA5LTEuNDAyLS40MDktMi4xNSAwLTIuMzM1LjM1OC0zLjMwOS0uNjk2LTMuNTYtLjM1LS4wODUtLjYwNy0uMTQtMS41MDEtLjE0OS0xLjE0OC0uMDExLTIuMTIuMDA0LTIuNjcuMjctLjM2Ni4xNzgtLjY0OS41NzQtLjQ3Ni41OTcuMjEyLjAyOC42OTQuMTI4Ljk0OS40NzMuMzMuNDQ0LjMxOCAxLjQ0Mi4zMTggMS40NDJzLjE5IDIuNzUtLjQ0MyAzLjA5Yy0uNDMzLjIzNS0xLjAyNy0uMjQzLTIuMzA1LTIuNDMtLjY1NC0xLjEyLTEuMTQ4LTIuMzU3LTEuMTQ4LTIuMzU3cy0uMDk1LS4yMzItLjI2Ni0uMzU2Yy0uMjA2LS4xNS0uNDk0LS4xOTctLjQ5NC0uMTk3bC0zLjA1Ni4wMnMtLjQ2LjAxMi0uNjI4LjIxYy0uMTUuMTc1LS4wMTIuNTQtLjAxMi41NHMyLjM5NCA1LjU0NyA1LjEwNCA4LjM0M2MyLjQ4NSAyLjU2MyA1LjMwNyAyLjM5NSA1LjMwNyAyLjM5NWgxLjI3OHoiLz4gICAgPC9nPjwvc3ZnPg==);
  background-size: 40px 40px;
}

.b-socials__icon_fb {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAACo1BMVEUAAABBZbVVVao/ZrhBZrVAZrZCZbNBZrVAZrVCZrZIYbZHYrdAZbYAAP9DZLVBZrZBZrdAabVAZrhDZLY/Z7hEaLV/f39BZbYqZdhBZbVBZrVAZrY/ar9DZbZDZbQ/ZrhAZbZBZrVAZ7ZAZrdBZrZAZbY5VsFQba9BZbZDZbhAZrZBZbVAZbVAZrVAZrZCZbdAZbZAZ7dAZrhBZbY/ZrZBZrZBZbZIbq9AZrZFbK9AZ7ZDZ7ZBZrZBZbdAZbVBZrdCZLZAZrZAZrZAZrZBZ7VBZbZDZLVBZrVBbLREZ7MuSMtAZbdAZrdEaLZAZbdBZrdAaLhFaLJFbq8qVcZAZrVBZ7ZDbrI/ZbVBZ7VBZ7dAZrdEYrRCZLNEZ7FCZrRCZrVCZrc+a7g/a7oyUMY6Xb1CaLdBZrg/arhBZrdBZrVCY7ZCZbVAYbk1UsVOaqtGc7I7Y7tFbLFFbbA7YL9HY7FHZLBGXLU9Ybs2W8NJZbBBY7Q+bLk5Zrw3Xr1CabIuPdA8W7xIaLBEaLM+X7pAYbg+YrtEbLJJZrJFZLVGbLFNcKpBaLVGXLNCZbU0UcU/ZrQ4UsJCWLw8YbtBZLg+YLlCZrZCarQ8X7lBZrZDaLVCabNMcK1CaLRCZLVDablCabM/abdEZ7JRcKgtS8NFarE+Y7dBZLQ4WMJBarQ3V8BAYrc+Z7pCarNAY7hAZbZAZLZBZrZBZrc+bLxEabVAYrdBZbZJaa9FbbI6Wr1BZrY+X7g/ZbZAZrVAZrdBZrZBZrVAZbc/ZrZBZ7ZBZbdCZrVCZ7VBZbY5ZLw/ZLhDabNCarRCaLVBaLU+Y7lCaLRDbLM+Zbk8YbtFbLFDcbNJdKw8abhPfaU9Ybg/aLc/Y7Y2Zb1EcrBHc648Y7o2Yb88ZbpEa7H9r8HGAAAAvnRSTlMAvANLp6JYysqsCgbkATHviBciN0cfAoAD4t9VDF9BvWX6Otrq/BQRzBvN+6W0v5med6PuitbzcOHTkzVxztG8o/Xx6Ob2WuMsJRh7yhJFyI6HMQnt3g/4xMi2XT1W48eV3mSISj2cJKD+Tdivtomxhdz9yaGVo/k4b5RujqDLQiqwsJinnrNoa5u+Qi/UNeQ7F+Tkj6Ls8/aLpYz3+WaH0IKNEeSkkEhZz7ZKx6rdW7iEPcnFqFDw26/6+aquk5r0MQAAAsJJREFUeAHt03VbG1YUx/Hfkm0wEiAJQnCHDHcfDsOdIduYu7u7u7vLVncv7SGSQFIoQt37UgokhZDCk8A9f/SPfF7A9znPPefCnipc8V1rQdcguSjaN7i1XBFVhyXVB30/riXyvTm2VOPpEk1pbHUyEWmTi3zgSPbOodEfvo1RBmKFZMrixgGt6f0ELOIfb3z7E6za5x8ZzOGw84qpMgJC3izUvYp5L518XQJR5SPPweaN48+AwbOnP4DV0y+AReH5rzDrvTMvgkXzyJ+Y0XDuYzD5WxcD4JeRT8HEa6oXwG+/gs1OSydUkz+BTYt5N34f6gCbZn07/jAkgM/+PvxsVoPP3j1oigajHYP45gswSjMgLxeM+g2IT4IrYoLSMzLuzAkKLVZ6Y3kHCdQE5+67gy7TDgRieTcQyANO3a2jhWAIhIM+dj3SPygc9L5rmOyUCAf9hvVkJ1Q4mEnzah4ivY9wMN22DUv+A80Bfrd6CQezhmjW9D2wEQ2m0BzLvVzB66wTam9nDtL1XMH7bcGHOYISmSQwi6xqvSUSiVqmFgl65VbJgyvIKjtYLpdXxwndYRhdKUBoQl9ylC1jDhZAKJhHjh4B8xuGCAUlLVKpfyRZKfylM/zED7vIdti38X89d9AddAfdQXfw6g6W2YJRLgY1cCLzGqsIOLeP8ONnYJRqQlw3GKUZEVsJRh49SDWAUXcX/tffAj7RfSghFdgkUhs6TFFgs11XC0z9CzbrJxKB/6YbwEQ2sQ6AauxdMGm8uAYzInU3goV6ohqzOk89BRaPna3DnPBjz4NB+5HHYdN24jUIe/Loo5j38vhNARCS+Jb5Cdj58ILxL4HV/JNvsuRgkXrNpLFMuqqmMmLT4bGvv4SjDVuHiOJDktL6D6Rc65KUXallnpsraHh041osJSx0W29VDa1IT5xGsSUBCy4BKe8pXeuDakAAAAAASUVORK5CYII=);
  background-size: 40px 40px;
}

.b-socials__icon_fb-circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiMzQjU5OTgiIGQ9Ik0wIDIwQzAgOC45NTQgOC45NTQgMCAyMCAwczIwIDguOTU0IDIwIDIwLTguOTU0IDIwLTIwIDIwUzAgMzEuMDQ2IDAgMjB6Ii8+ICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjEuNjUgMzBWMTguOTk5aDIuOTU4TDI1IDE1LjIwOGgtMy4zNWwuMDA1LTEuODk4YzAtLjk4OS4wOTEtMS41MTggMS40NzUtMS41MThoMS44NVY4aC0yLjk2Yy0zLjU1NCAwLTQuODA1IDEuODQtNC44MDUgNC45MzJ2Mi4yNzZIMTV2My43OTFoMi4yMTVWMzBoNC40MzV6Ii8+ICAgIDwvZz48L3N2Zz4=);
  background-size: 40px 40px;
}

.b-socials__icon_fb-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIHN0cm9rZT0iIzNCNTk5OCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMSAyMUMxIDkuOTU0IDkuOTU0IDEgMjEgMXMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMxIDMyLjA0NiAxIDIxeiIvPiAgICAgICAgPHBhdGggZmlsbD0iIzNCNTk5OCIgZD0iTTIyLjY4OCAzMi42MjhWMjEuNDY0aDMuMDI3bC40MDEtMy44NDdoLTMuNDI4bC4wMDUtMS45MjZjMC0xLjAwMy4wOTQtMS41NDEgMS41MS0xLjU0MWgxLjg5MnYtMy44NDhoLTMuMDI4Yy0zLjYzNiAwLTQuOTE2IDEuODY3LTQuOTE2IDUuMDA1djIuMzFoLTIuMjY3djMuODQ3aDIuMjY3djExLjE2NGg0LjUzN3oiLz4gICAgPC9nPjwvc3ZnPg==);
  background-size: 40px 40px;
}

.b-socials__icon_inst {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Cpath fill='url(%23paint0_linear)' d='M38.9414 15.9629H21.0587c-2.8544 0-5.1766 2.3222-5.1766 5.1766v17.8827c0 2.8544 2.3222 5.1773 5.1766 5.1773h17.8827c2.8544 0 5.1773-2.3223 5.1773-5.1773V21.1395c0-2.8544-2.3223-5.1766-5.1773-5.1766zM30 39.3765c-5.1251 0-9.2949-4.1699-9.2949-9.2956 0-5.1252 4.1698-9.295 9.2949-9.295 5.1258 0 9.2957 4.1698 9.2957 9.295 0 5.1251-4.1705 9.2956-9.2957 9.2956zm9.5945-16.6688c-1.2132 0-2.1999-.9867-2.1999-2.1993 0-1.2125.9867-2.1992 2.1999-2.1992 1.2126 0 2.1993.9867 2.1993 2.1992 0 1.2126-.9867 2.1993-2.1993 2.1993z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M30 24.7139c-2.9587 0-5.3678 2.4078-5.3678 5.3664 0 2.96 2.4091 5.3684 5.3678 5.3684 2.9599 0 5.3671-2.4084 5.3671-5.3684 0-2.958-2.4079-5.3664-5.3671-5.3664z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M30 0C13.4321 0 0 13.4321 0 30s13.4321 30 30 30 30-13.4321 30-30S46.5679 0 30 0zm18.0459 39.0223c0 5.0208-4.0837 9.1044-9.1045 9.1044H21.0586c-5.0201 0-9.1045-4.0836-9.1045-9.1044V21.1395c0-5.0202 4.0844-9.1045 9.1045-9.1045h17.8828c5.0208 0 9.1045 4.0843 9.1045 9.1045v17.8828z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='16.5' x2='48' y1='16.5001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='24' x2='44.25' y1='24.0001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x2='51' y2='55.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.b-socials__icon_inst-circle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Cpath fill='url(%23paint0_linear)' d='M38.9414 15.9629H21.0587c-2.8544 0-5.1766 2.3222-5.1766 5.1766v17.8827c0 2.8544 2.3222 5.1773 5.1766 5.1773h17.8827c2.8544 0 5.1773-2.3223 5.1773-5.1773V21.1395c0-2.8544-2.3223-5.1766-5.1773-5.1766zM30 39.3765c-5.1251 0-9.2949-4.1699-9.2949-9.2956 0-5.1252 4.1698-9.295 9.2949-9.295 5.1258 0 9.2957 4.1698 9.2957 9.295 0 5.1251-4.1705 9.2956-9.2957 9.2956zm9.5945-16.6688c-1.2132 0-2.1999-.9867-2.1999-2.1993 0-1.2125.9867-2.1992 2.1999-2.1992 1.2126 0 2.1993.9867 2.1993 2.1992 0 1.2126-.9867 2.1993-2.1993 2.1993z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M30 24.7139c-2.9587 0-5.3678 2.4078-5.3678 5.3664 0 2.96 2.4091 5.3684 5.3678 5.3684 2.9599 0 5.3671-2.4084 5.3671-5.3684 0-2.958-2.4079-5.3664-5.3671-5.3664z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M30 0C13.4321 0 0 13.4321 0 30s13.4321 30 30 30 30-13.4321 30-30S46.5679 0 30 0zm18.0459 39.0223c0 5.0208-4.0837 9.1044-9.1045 9.1044H21.0586c-5.0201 0-9.1045-4.0836-9.1045-9.1044V21.1395c0-5.0202 4.0844-9.1045 9.1045-9.1045h17.8828c5.0208 0 9.1045 4.0843 9.1045 9.1045v17.8828z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='16.5' x2='48' y1='16.5001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='24' x2='44.25' y1='24.0001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x2='51' y2='55.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  border-radius: 50%;
  background-size: 40px 40px;
}

.b-socials__icon_tw-circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNTVBQ0VFIiBkPSJNMCAyMEMwIDguOTU0IDguOTU0IDAgMjAgMHMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMwIDMxLjA0NiAwIDIweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMC43NTYgMTUuOTRsLjA0MS42NzUtLjY5Mi0uMDgyYy0yLjUyMS0uMzE3LTQuNzI0LTEuMzkxLTYuNTk0LTMuMTk1bC0uOTE0LS44OTUtLjIzNS42NmMtLjUgMS40NzQtLjE4IDMuMDMuODU4IDQuMDc3LjU1NC41NzguNDMuNjYtLjUyNi4zMTctLjMzMi0uMTEtLjYyMy0uMTkzLS42NTEtLjE1Mi0uMDk3LjA5Ny4yMzUgMS4zNS40OTkgMS44NDUuMzYuNjg5IDEuMDk0IDEuMzY0IDEuODk3IDEuNzYzbC42NzkuMzE3LS44MDMuMDEzYy0uNzc2IDAtLjgwNC4wMTQtLjcyLjMwMy4yNzYuODk1IDEuMzcgMS44NDYgMi41OSAyLjI1OWwuODU4LjI4OS0uNzQ4LjQ0YTcuODkgNy44OSAwIDAgMS0zLjcxMiAxLjAyYy0uNjIzLjAxMy0xLjEzNi4wNjgtMS4xMzYuMTEgMCAuMTM3IDEuNjkuOTA5IDIuNjc0IDEuMjExIDIuOTUuODk2IDYuNDU1LjUxIDkuMDg2LTEuMDE5IDEuODctMS4wODcgMy43NC0zLjI1IDQuNjEzLTUuMzQyLjQ3LTEuMTE2Ljk0Mi0zLjE1NC45NDItNC4xMzEgMC0uNjM0LjA0MS0uNzE3LjgxNy0xLjQ3NC40NTctLjQ0Ljg4Ny0uOTIzLjk3LTEuMDYuMTM4LS4yNjIuMTI0LS4yNjItLjU4Mi0uMDI4LTEuMTc4LjQxMy0xLjM0NC4zNTgtLjc2Mi0uMjYxLjQzLS40NDEuOTQyLTEuMjQuOTQyLTEuNDc0IDAtLjA0MS0uMjA4LjAyOC0uNDQzLjE1Mi0uMjUuMTM3LS44MDQuMzQ0LTEuMjIuNDY4bC0uNzQ3LjIzNC0uNjc5LS40NTRjLS4zNzQtLjI0OC0uOS0uNTI0LTEuMTc3LS42MDYtLjcwNy0uMTkzLTEuNzg3LS4xNjYtMi40MjQuMDU1LTEuNzMyLjYyLTIuODI2IDIuMjE3LTIuNzAxIDMuOTY2eiIvPjwvZz48L3N2Zz4=);
  background-size: 40px 40px;
}

.b-socials-text {
  font-size: 12px;
  color: #959595;
  margin-right: 10px;
}

@media (max-width: 1169px) and (min-width: 768px) {
  .ft-socials {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .b-socials-text {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .ft-socials {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 10px;
  }
  .ft-rss {
    margin-bottom: 33px;
  }
  .ft-logo {
    margin-bottom: 30px;
  }
  .ft-copy {
    width: 100%;
    font-size: 8px;
    line-height: 12px;
    margin-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .ft-offer {
    font-size: 8px;
    line-height: 12px;
  }
  .b-socials {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 38px;
  }
  .b-socials-text {
    margin-bottom: 13px;
    font-size: 10px;
  }
}

.footer {
  background-color: #fff;
  padding: 60px 0 30px;
}

@media (max-width: 1023px) {
  .footer {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .footer {
    padding-bottom: 100px;
  }
}

.footer__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1023px) {
  .footer__menu {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.footer__column {
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .footer__column {
    width: 33.333%;
    -webkit-box-flex: 1 !important;
    -webkit-flex: auto !important;
       -moz-box-flex: 1 !important;
        -ms-flex: auto !important;
            flex: auto !important;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .footer__column {
    display: none;
  }
}

.footer__catalog {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.footer__review {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.footer__raiting {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.footer__buyer {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
     -moz-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.footer__links {
  list-style-type: none;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

@media (max-width: 1023px) {
  .footer__links {
    width: 66.666%;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
}

@media (max-width: 767px) {
  .footer__links {
    display: block;
    width: 100%;
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .footer__links li {
    text-align: center;
  }
}

.footer__links li + li {
  margin-top: 16px;
}

@media (max-width: 1023px) {
  .footer__links li + li {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .footer__links li + li {
    margin-top: 20px;
  }
}

.footer__category {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  .footer__category {
    display: inline;
  }
}

.footer__category-icon {
  -webkit-transform: translateY(-25%);
      -ms-transform: translateY(-25%);
          transform: translateY(-25%);
  margin-right: 5px;
}

@media (max-width: 1023px) {
  .footer__category-icon {
    display: none;
  }
}

.footer__subcategory {
  margin-top: 24px;
  list-style-type: none;
}

.footer__subcategory li + li {
  margin-top: 16px;
}

@media (max-width: 1023px) {
  .footer__subcategory li + li {
    margin-top: 20px;
  }
}

.footer__subcategory-link {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #959595;
}

@media (max-width: 767px) {
  .footer__subcategory-link {
    font-size: 10px;
  }
}

.footer__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 0px 5fr 0px 3fr;
  grid-template-columns: 4fr 5fr 3fr;
  -ms-grid-rows: auto 0px auto;
  grid-template-rows: auto auto;
  gap: 0px 0px;
      grid-template-areas: "footer__logo footer__write footer__social"
 "footer__copyright footer__policy footer__social";
}

@media (max-width: 1023px) {
  .footer__content {
    -ms-grid-columns: 5fr 4fr;
    grid-template-columns: 5fr 4fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
        grid-template-areas: "footer__logo footer__social"
 "footer__write footer__social"
 "footer__copyright footer__policy";
  }
}

@media (max-width: 767px) {
  .footer__content {
    display: block;
  }
}

.footer .footer__logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: footer__logo;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .footer .footer__logo {
    margin-bottom: 24px;
    text-align: center;
  }
}

.footer .footer__logo-link {
  display: inline-block;
}

.footer .footer__logo-img {
  max-width: 100%;
}

.footer__write {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: footer__write;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .footer__write {
    margin-bottom: 40px;
    text-align: center;
  }
}

.footer__social {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: footer__social;
}

@media (max-width: 1023px) {
  .footer__social {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .footer__social {
    margin-bottom: 30px;
  }
}

.footer__social .ya-share2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .footer__social .ya-share2 {
    margin-left: 25px;
  }
}

@media (max-width: 767px) {
  .footer__social .ya-share2 {
    margin-left: 0;
    margin-top: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer__social .ya-share2__badge {
  border-radius: 50%;
}

.footer__social .ya-share2__icon {
  display: inline-block;
  width: 40px !important;
  height: 40px !important;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (min-width: 768px) {
  .footer__social .ya-share2__icon:hover {
    opacity: .7;
  }
}

.footer__social .ya-share2__item {
  margin-right: 0 !important;
}

.footer__social .ya-share2__item:not(:first-child) {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .footer__social .ya-share2__item:not(:first-child) {
    margin-left: 20px;
  }
}

.footer__social .ya-share2__item_service_vkontakte .ya-share2__icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%234a76a8' r='20'/%3E%3Cpath clip-rule='evenodd' d='m13 19.5v8.5l3.5717-.0001c3.5575-.0001 3.794-.0013 4.1636-.0217 1.5978-.0881 3.0444-.4878 4.1556-1.1482 1.1265-.6694 1.8708-1.8464 2.0553-3.25.339-2.5796-.9355-4.3687-3.4855-4.8929l-.0494-.0101.0001-.0413v-.0413l.0938-.0396c1.6812-.7087 2.5854-2.4771 2.2635-4.4268-.2059-1.2472-.9322-2.1096-2.1344-2.5346-1.1483-.4058-2.0928-.5541-3.7422-.5873-.1707-.0034-1.6911-.006-3.594-.006l-3.2981-.0001zm6.3289-5.3664c.4647.0351.9638.1318 1.206.2337.813.3423 1.1021 1.6149.5655 2.49-.3078.502-.5665.6542-1.3069.769-.4981.0773-.5738.0813-1.599.0853l-.8225.0032v-1.797-1.7969l.9307.0027c.6234.0019.9623.0052 1.0262.01zm.5759 6.5132.366.0156.3594.0498.3595.0498.2765.1131.2765.1131.2624.1839.2623.1839.138.2748.138.2747.0667.3999.0667.3999-.0039.0925c-.0121.29-.0703.5475-.1893.8378-.1303.3181-.2339.4385-.5778.6716-.4485.3041-.4713.314-.9515.4132-.1259.026-.2853.0596-.354.0747-.1833.0401-.3211.0551-.6578.0717-.0788.0039-.592.0078-1.252.0094l-1.1185.0029v-2.1198c0-1.1659.0019-2.1216.0042-2.1239.0142-.0137 2.1665-.004 2.5286.0114z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social .ya-share2__item_service_facebook .ya-share2__icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%23415e9b' r='20'/%3E%3Cpath d='m16.808 31v-10.323h-2.808v-3.7168h2.808v-3.1746c0-2.4947 1.6588-4.7856 5.4808-4.7856 1.5475 0 2.6918.14421 2.6918.14421l-.0902 3.47089s-1.167-.0111-2.4404-.0111c-1.3783 0-1.5992.6174-1.5992 1.6422v2.714h4.1492l-.1805 3.7168h-3.9687v10.323z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social .ya-share2__item_service_twitter .ya-share2__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNTVBQ0VFIiBkPSJNMCAyMEMwIDguOTU0IDguOTU0IDAgMjAgMHMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMwIDMxLjA0NiAwIDIweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMC43NTYgMTUuOTRsLjA0MS42NzUtLjY5Mi0uMDgyYy0yLjUyMS0uMzE3LTQuNzI0LTEuMzkxLTYuNTk0LTMuMTk1bC0uOTE0LS44OTUtLjIzNS42NmMtLjUgMS40NzQtLjE4IDMuMDMuODU4IDQuMDc3LjU1NC41NzguNDMuNjYtLjUyNi4zMTctLjMzMi0uMTEtLjYyMy0uMTkzLS42NTEtLjE1Mi0uMDk3LjA5Ny4yMzUgMS4zNS40OTkgMS44NDUuMzYuNjg5IDEuMDk0IDEuMzY0IDEuODk3IDEuNzYzbC42NzkuMzE3LS44MDMuMDEzYy0uNzc2IDAtLjgwNC4wMTQtLjcyLjMwMy4yNzYuODk1IDEuMzcgMS44NDYgMi41OSAyLjI1OWwuODU4LjI4OS0uNzQ4LjQ0YTcuODkgNy44OSAwIDAgMS0zLjcxMiAxLjAyYy0uNjIzLjAxMy0xLjEzNi4wNjgtMS4xMzYuMTEgMCAuMTM3IDEuNjkuOTA5IDIuNjc0IDEuMjExIDIuOTUuODk2IDYuNDU1LjUxIDkuMDg2LTEuMDE5IDEuODctMS4wODcgMy43NC0zLjI1IDQuNjEzLTUuMzQyLjQ3LTEuMTE2Ljk0Mi0zLjE1NC45NDItNC4xMzEgMC0uNjM0LjA0MS0uNzE3LjgxNy0xLjQ3NC40NTctLjQ0Ljg4Ny0uOTIzLjk3LTEuMDYuMTM4LS4yNjIuMTI0LS4yNjItLjU4Mi0uMDI4LTEuMTc4LjQxMy0xLjM0NC4zNTgtLjc2Mi0uMjYxLjQzLS40NDEuOTQyLTEuMjQuOTQyLTEuNDc0IDAtLjA0MS0uMjA4LjAyOC0uNDQzLjE1Mi0uMjUuMTM3LS44MDQuMzQ0LTEuMjIuNDY4bC0uNzQ3LjIzNC0uNjc5LS40NTRjLS4zNzQtLjI0OC0uOS0uNTI0LTEuMTc3LS42MDYtLjcwNy0uMTkzLTEuNzg3LS4xNjYtMi40MjQuMDU1LTEuNzMyLjYyLTIuODI2IDIuMjE3LTIuNzAxIDMuOTY2eiIvPjwvZz48L3N2Zz4=");
  background-size: 40px 40px;
}

@media (min-width: 768px) {
  .footer__social .ya-share2__item_service_viber {
    display: none !important;
  }
}

.footer__social .ya-share2__item_service_viber .ya-share2__icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%237360f2' r='20'/%3E%3Cpath clip-rule='evenodd' d='m21.1683 11.657c-.064-.009-.14-.015-.222-.021-.336-.024-1.035-.075-.994-.798.018-.313.158-.838.896-.838.0819 0 .1619.0056.232.0104l.008.0006c.0054.0004.0108.0007.0161.0011.0548.0036.1051.0069.1479.0069.0184.0003.0368-.0007.055-.003.018-.003.036-.003.056-.003 4.636.156 8.654 4.365 8.596 9.005 0 .0587.0026.1243.0054.1944l.0006.0156c.015.308.031.691-.215.948-.142.148-.339.223-.588.223h-.024c-.7915-.015-.8039-.7521-.81-1.1074v-.0006c-.001-.099-.003-.193-.013-.27-.573-4.538-2.644-6.671-7.147-7.364zm6.643 13.005c.0948.0759.1904.1506.287.224.724.553 1.626 1.242 1.132 2.636-.563 1.591-2.398 2.987-3.926 2.987h-.026c-.0273-.0002-.0545-.0039-.081-.011-.048-.013-.114-.028-.19-.045-.225-.05-.532-.119-.825-.245-3.248-1.399-6.052-3.26-8.333-5.533-2.331-2.322-4.179-5.136-5.494-8.363-.45396-1.116-.47396-2.189-.054-3.103.435-.945 1.303-1.661 2.514-2.068.4516-.1618.9455-.1604 1.396.004 1.054.387 3.555 3.798 3.617 4.931.053.999-.714 1.52-1.127 1.8-.726.494-.86 1.1-.447 2.028.854 1.919 2.348 3.373 4.438 4.321.2203.1081.4609.1684.706.177.353 0 .64-.174.876-.532.534-.807 1.18-1.217 1.922-1.217.55 0 1.132.221 1.78.676l.315.22.0434.0303c.4915.3435.9987.698 1.4766 1.0827zm-7.186-8.765c.191-.554.736-.568.997-.574.694-.017 1.456.345 2.088.987.631.64 1.001 1.444.993 2.152.022.679-.225 1.054-.735 1.114-.0318.0039-.0639.006-.096.006-.423 0-.754-.343-.803-.833-.105-1.053-.632-1.619-1.657-1.783-.282-.046-.593-.13-.755-.4-.111-.185-.122-.409-.032-.669zm1.161-3.1998c3.051.367 5.514 3.018 5.49 5.91l-.001-.001c.0003.0134-.0004.0267-.002.04-.0079.0521-.0051.1292-.0022.2116l.0002.0044v.0002c.01.2971.0308.9148-.645 1.0178-.068.01-.134.015-.194.015-.7254 0-.7668-.6731-.7869-.9989l-.0001-.0021c-.0005-.0074-.001-.0147-.0015-.022-.0054-.0788-.0104-.1526-.0205-.213-.451-2.719-1.374-3.682-4.116-4.295-.0633-.014-.1378-.0245-.2163-.0355-.0059-.0008-.0118-.0017-.0177-.0025-.293-.04-.658-.09-.865-.371-.123-.167-.164-.382-.121-.637.044-.261.211-.701.837-.701.1561.0039.3116.0206.465.05.0654.0118.1311.0218.197.03z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

@media (min-width: 768px) {
  .footer__social .ya-share2__item_service_whatsapp {
    display: none !important;
  }
}

.footer__social .ya-share2__item_service_whatsapp .ya-share2__icon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='20' x2='20' y1='0' y2='40'%3E%3Cstop offset='0' stop-color='%2360fc7c'/%3E%3Cstop offset='1' stop-color='%2328d146'/%3E%3C/linearGradient%3E%3Ccircle cx='20' cy='20' fill='url(%23a)' r='20'/%3E%3Cpath d='m25.309 21.5849c-.2632-.1332-1.5448-.7586-1.7843-.8479-.2396-.0853-.4135-.1299-.588.1332-.1707.2566-.6734.844-.8269 1.0153-.1536.1713-.3045.1844-.5637.0682-.2632-.1332-1.1038-.4069-2.102-1.302-.7796-.6936-1.2987-1.5481-1.4529-1.8112-.1536-.2599-.0171-.4069.1128-.5368.1195-.1195.2632-.3006.3964-.4581.1267-.1575.1674-.2632.2599-.4338.0853-.1844.0413-.3281-.0236-.458-.065-.13-.588-1.4182-.8066-1.9314-.2087-.5092-.4272-.4443-.588-.4443-.1503-.0138-.3248-.0138-.4987-.0138s-.4581.065-.6976.3144c-.2396.2631-.9161.8918-.9161 2.1636 0 1.2751.9364 2.5089 1.0664 2.6933.1332.1706 1.8421 2.7956 4.4638 3.9237.6254.2632 1.111.4207 1.4903.5506.6254.1982 1.1964.1706 1.6472.1057.4988-.0821 1.5448-.6327 1.764-1.2476.2225-.6188.2225-1.1313.1575-1.2475-.065-.1194-.2356-.1844-.4987-.3006zm-4.7545 6.4463h-.0138c-1.552 0-3.0864-.4206-4.4264-1.2068l-.3144-.1877-3.2812.8545.882-3.1927-.212-.3281c-.8666-1.3779-1.3263-2.9726-1.3263-4.6003 0-4.7644 3.9001-8.6507 8.6986-8.6507 2.3245 0 4.5052.9056 6.1458 2.5462.8093.7997 1.4513 1.7526 1.8885 2.803.4372 1.0505.6608 2.1775.6578 3.3152-.0066 4.7611-3.9034 8.6474-8.6954 8.6474zm7.3998-16.0131c-1.9963-1.9281-4.6213-3.0181-7.4136-3.0181-5.7593 0-10.4488 4.6692-10.4521 10.4075 0 1.8322.4784 3.6198 1.3945 5.2021l-1.4831 5.3904 5.544-1.4457c1.5358.828 3.2525 1.2636 4.9973 1.2679h.0033c5.7626 0 10.4521-4.6693 10.4554-10.4114 0-2.7786-1.0835-5.3938-3.0588-7.3592z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .footer__social-item {
    display: block;
    text-align: center;
  }
}

.footer__social-item:not(:first-child) {
  margin-top: 24px;
}

@media (max-width: 767px) {
  .footer__social-item:not(:first-child) {
    margin-top: 30px;
  }
}

.footer__social-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #959595;
}

@media (max-width: 767px) {
  .footer__social-text {
    font-size: 10px;
    line-height: 10px;
  }
}

.footer__social-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}

@media (max-width: 1023px) {
  .footer__social-list {
    margin-left: 25px;
  }
}

@media (max-width: 767px) {
  .footer__social-list {
    margin-left: 0;
    margin-top: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer__social-link {
  display: inline-block;
  font-size: 0;
}

.footer__social-link:not(:first-child) {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .footer__social-link:not(:first-child) {
    margin-left: 20px;
  }
}

.footer__social-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (min-width: 768px) {
  .footer__social-icon:hover {
    opacity: .7;
  }
}

@media (min-width: 768px) {
  .footer__social-icon--mob-visible {
    display: none;
  }
}

.footer__social-icon--vk--circle {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%234a76a8' r='20'/%3E%3Cpath clip-rule='evenodd' d='m13 19.5v8.5l3.5717-.0001c3.5575-.0001 3.794-.0013 4.1636-.0217 1.5978-.0881 3.0444-.4878 4.1556-1.1482 1.1265-.6694 1.8708-1.8464 2.0553-3.25.339-2.5796-.9355-4.3687-3.4855-4.8929l-.0494-.0101.0001-.0413v-.0413l.0938-.0396c1.6812-.7087 2.5854-2.4771 2.2635-4.4268-.2059-1.2472-.9322-2.1096-2.1344-2.5346-1.1483-.4058-2.0928-.5541-3.7422-.5873-.1707-.0034-1.6911-.006-3.594-.006l-3.2981-.0001zm6.3289-5.3664c.4647.0351.9638.1318 1.206.2337.813.3423 1.1021 1.6149.5655 2.49-.3078.502-.5665.6542-1.3069.769-.4981.0773-.5738.0813-1.599.0853l-.8225.0032v-1.797-1.7969l.9307.0027c.6234.0019.9623.0052 1.0262.01zm.5759 6.5132.366.0156.3594.0498.3595.0498.2765.1131.2765.1131.2624.1839.2623.1839.138.2748.138.2747.0667.3999.0667.3999-.0039.0925c-.0121.29-.0703.5475-.1893.8378-.1303.3181-.2339.4385-.5778.6716-.4485.3041-.4713.314-.9515.4132-.1259.026-.2853.0596-.354.0747-.1833.0401-.3211.0551-.6578.0717-.0788.0039-.592.0078-1.252.0094l-1.1185.0029v-2.1198c0-1.1659.0019-2.1216.0042-2.1239.0142-.0137 2.1665-.004 2.5286.0114z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--vk--outline {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%234a76a8' stroke-width='2'/%3E%3Cpath clip-rule='evenodd' d='m13 19.5v8.5l3.5717-.0001c3.5575-.0001 3.794-.0013 4.1636-.0217 1.5978-.0881 3.0444-.4878 4.1556-1.1482 1.1265-.6694 1.8708-1.8464 2.0553-3.25.339-2.5796-.9355-4.3687-3.4855-4.8929l-.0494-.0101.0001-.0413v-.0413l.0938-.0396c1.6812-.7087 2.5854-2.4771 2.2635-4.4268-.2059-1.2472-.9322-2.1096-2.1344-2.5346-1.1483-.4058-2.0928-.5541-3.7422-.5873-.1707-.0034-1.6911-.006-3.594-.006l-3.2981-.0001zm6.3289-5.3664c.4647.0351.9638.1318 1.206.2337.813.3423 1.1021 1.6149.5655 2.49-.3078.502-.5665.6542-1.3069.769-.4981.0773-.5738.0813-1.599.0853l-.8225.0032v-1.797-1.7969l.9307.0027c.6234.0019.9623.0052 1.0262.01zm.5759 6.5132.366.0156.3594.0498.3595.0498.2765.1131.2765.1131.2624.1839.2623.1839.138.2748.138.2747.0667.3999.0667.3999-.0039.0925c-.0121.29-.0703.5475-.1893.8378-.1303.3181-.2339.4385-.5778.6716-.4485.3041-.4713.314-.9515.4132-.1259.026-.2853.0596-.354.0747-.1833.0401-.3211.0551-.6578.0717-.0788.0039-.592.0078-1.252.0094l-1.1185.0029v-2.1198c0-1.1659.0019-2.1216.0042-2.1239.0142-.0137 2.1665-.004 2.5286.0114z' fill='%234a76a8' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--fb--circle {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%23415e9b' r='20'/%3E%3Cpath d='m16.808 31v-10.323h-2.808v-3.7168h2.808v-3.1746c0-2.4947 1.6588-4.7856 5.4808-4.7856 1.5475 0 2.6918.14421 2.6918.14421l-.0902 3.47089s-1.167-.0111-2.4404-.0111c-1.3783 0-1.5992.6174-1.5992 1.6422v2.714h4.1492l-.1805 3.7168h-3.9687v10.323z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--fb--outline {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%23415e9b' stroke-width='2'/%3E%3Cpath d='m16.808 31v-10.323h-2.808v-3.7168h2.808v-3.1746c0-2.4947 1.6588-4.7856 5.4808-4.7856 1.5475 0 2.6918.14421 2.6918.14421l-.0902 3.47089s-1.167-.0111-2.4404-.0111c-1.3783 0-1.5992.6174-1.5992 1.6422v2.714h4.1492l-.1805 3.7168h-3.9687v10.323z' fill='%23415e9b'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--inst--circle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Cpath fill='url(%23paint0_linear)' d='M38.9414 15.9629H21.0587c-2.8544 0-5.1766 2.3222-5.1766 5.1766v17.8827c0 2.8544 2.3222 5.1773 5.1766 5.1773h17.8827c2.8544 0 5.1773-2.3223 5.1773-5.1773V21.1395c0-2.8544-2.3223-5.1766-5.1773-5.1766zM30 39.3765c-5.1251 0-9.2949-4.1699-9.2949-9.2956 0-5.1252 4.1698-9.295 9.2949-9.295 5.1258 0 9.2957 4.1698 9.2957 9.295 0 5.1251-4.1705 9.2956-9.2957 9.2956zm9.5945-16.6688c-1.2132 0-2.1999-.9867-2.1999-2.1993 0-1.2125.9867-2.1992 2.1999-2.1992 1.2126 0 2.1993.9867 2.1993 2.1992 0 1.2126-.9867 2.1993-2.1993 2.1993z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M30 24.7139c-2.9587 0-5.3678 2.4078-5.3678 5.3664 0 2.96 2.4091 5.3684 5.3678 5.3684 2.9599 0 5.3671-2.4084 5.3671-5.3684 0-2.958-2.4079-5.3664-5.3671-5.3664z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M30 0C13.4321 0 0 13.4321 0 30s13.4321 30 30 30 30-13.4321 30-30S46.5679 0 30 0zm18.0459 39.0223c0 5.0208-4.0837 9.1044-9.1045 9.1044H21.0586c-5.0201 0-9.1045-4.0836-9.1045-9.1044V21.1395c0-5.0202 4.0844-9.1045 9.1045-9.1045h17.8828c5.0208 0 9.1045 4.0843 9.1045 9.1045v17.8828z'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='16.5' x2='48' y1='16.5001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='24' x2='44.25' y1='24.0001' y2='43.5001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x2='51' y2='55.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23405DE6'/%3E%3Cstop offset='.1406' stop-color='%235851DB'/%3E%3Cstop offset='.526' stop-color='%23C13584'/%3E%3Cstop offset='.8646' stop-color='%23F77737'/%3E%3Cstop offset='1' stop-color='%23FFDC80'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--inst--outline {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%23fae100'/%3E%3Cstop offset='.0544' stop-color='%23fadc04'/%3E%3Cstop offset='.1167' stop-color='%23fbce0e'/%3E%3Cstop offset='.1829' stop-color='%23fcb720'/%3E%3Cstop offset='.2514' stop-color='%23fe9838'/%3E%3Cstop offset='.3054' stop-color='%23ff7950'/%3E%3Cstop offset='.4922' stop-color='%23ff1c74'/%3E%3Cstop offset='1' stop-color='%236c1cd1'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='13.7149' cy='28.1002' gradientUnits='userSpaceOnUse' r='25.365' xlink:href='%23a'/%3E%3CradialGradient id='c' cx='8.19977' cy='34.9568' gradientUnits='userSpaceOnUse' r='44.113' xlink:href='%23a'/%3E%3Cpath d='m20.5 8c-3.1262 0-3.5158.0151-4.7393.06685-1.2285.06038-2.0595.25088-2.7927.53554-.7674.2897-1.4624.74329-2.0365 1.32913-.5875.57278-1.04129 1.26818-1.32911 2.03648-.28466.7332-.47516 1.5642-.53554 2.7927-.05535 1.2242-.06685 1.6131-.06685 4.7393s.0151 3.5158.06685 4.7393c.06038 1.2249.25088 2.0595.53554 2.7927.28971.7674.74331 1.4624 1.32911 2.0365.5728.5875 1.2682 1.0413 2.0365 1.3291.7332.2811 1.5678.4752 2.7927.5355 1.2242.0554 1.6131.0669 4.7393.0669s3.5158-.0151 4.7393-.0669c1.2249-.0603 2.0595-.2551 2.7927-.5355.7674-.2897 1.4624-.7433 2.0365-1.3291.5882-.5722 1.0422-1.2677 1.3291-2.0365.2811-.7332.4752-1.5678.5355-2.7927.0554-1.2242.0669-1.6131.0669-4.7393s-.0151-3.5158-.0669-4.7393c-.0603-1.2249-.2551-2.0638-.5355-2.7927-.2897-.7674-.7433-1.4624-1.3291-2.03648-.5722-.58823-1.2677-1.04219-2.0365-1.32913-.7332-.28466-1.5678-.47516-2.7927-.53554-1.2242-.05535-1.6131-.06685-4.7393-.06685zm0 2.0703c3.0702 0 3.4368.0151 4.6502.0668 1.1192.0525 1.7288.2394 2.1335.3975.5003.1847.9532.4787 1.3255.8605.3812.3708.674.8226.8569 1.3219.1581.4047.345 1.0143.3975 2.1335.0518 1.2134.0669 1.5808.0669 4.6502 0 3.0695-.0151 3.4368-.0712 4.6502-.0604 1.1192-.2473 1.7288-.4047 2.1335-.2178.5399-.4608.9173-.8619 1.3256-.3736.3794-.8262.6719-1.3255.8568-.3997.1582-1.0179.345-2.1415.3975-1.2198.0518-1.5793.0669-4.6573.0669-3.0781 0-3.4368-.0151-4.6581-.0712-1.1192-.0604-1.7367-.2473-2.1414-.4047-.5464-.2178-.9209-.4608-1.322-.8619-.4047-.4047-.662-.79-.8604-1.3255-.1611-.3997-.3451-1.0179-.4047-2.1414-.041-1.2055-.0604-1.5793-.0604-4.643 0-3.0623.0194-3.4368.0604-4.6574.0596-1.1235.2436-1.7403.4047-2.1414.1984-.5471.4564-.9209.8604-1.3256.4004-.4004.7756-.6591 1.322-.8619.4047-.1574 1.0071-.3443 2.1306-.4003 1.2199-.0439 1.5793-.0597 4.6531-.0597zm0 3.5273c-.7754-.0003-1.5432.1522-2.2596.4488s-1.3674.7315-1.9157 1.2798c-.5482.5482-.9831 1.1992-1.2797 1.9156s-.4491 1.4843-.4488 2.2596c-.0003.7754.1522 1.5433.4488 2.2597s.7315 1.3673 1.2797 1.9156c.5483.5483 1.1993.9831 1.9157 1.2797s1.4842.4492 2.2596.4489c.7754.0003 1.5432-.1523 2.2596-.4489s1.3674-.7314 1.9157-1.2797c.5482-.5483.9831-1.1992 1.2797-1.9156s.4491-1.4843.4488-2.2597c.0003-.7753-.1522-1.5432-.4488-2.2596s-.7315-1.3674-1.2797-1.9156c-.5483-.5483-1.1993-.9832-1.9157-1.2798s-1.4842-.4491-2.2596-.4488zm0 9.7374c-2.1191 0-3.8336-1.7144-3.8336-3.8336 0-2.1191 1.7145-3.8335 3.8336-3.8335s3.8336 1.7144 3.8336 3.8335c0 2.1192-1.7145 3.8336-3.8336 3.8336zm7.5219-9.9732c-.0003.3664-.1461.7176-.4053.9766-.2592.2589-.6106.4043-.977.4043-.1811 0-.3605-.0357-.5279-.105-.1673-.0693-.3194-.1709-.4475-.299s-.2297-.2802-.299-.4475c-.0694-.1674-.105-.3468-.105-.5279 0-.1812.0356-.3606.105-.5279.0693-.1674.1709-.3195.299-.4476s.2802-.2297.4475-.299c.1674-.0693.3468-.105.5279-.105.7598 0 1.3823.6182 1.3823 1.378z' fill='url(%23b)'/%3E%3Ccircle cx='20' cy='20' r='19' stroke='url(%23c)' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--tw--circle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNTVBQ0VFIiBkPSJNMCAyMEMwIDguOTU0IDguOTU0IDAgMjAgMHMyMCA4Ljk1NCAyMCAyMC04Ljk1NCAyMC0yMCAyMFMwIDMxLjA0NiAwIDIweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMC43NTYgMTUuOTRsLjA0MS42NzUtLjY5Mi0uMDgyYy0yLjUyMS0uMzE3LTQuNzI0LTEuMzkxLTYuNTk0LTMuMTk1bC0uOTE0LS44OTUtLjIzNS42NmMtLjUgMS40NzQtLjE4IDMuMDMuODU4IDQuMDc3LjU1NC41NzguNDMuNjYtLjUyNi4zMTctLjMzMi0uMTEtLjYyMy0uMTkzLS42NTEtLjE1Mi0uMDk3LjA5Ny4yMzUgMS4zNS40OTkgMS44NDUuMzYuNjg5IDEuMDk0IDEuMzY0IDEuODk3IDEuNzYzbC42NzkuMzE3LS44MDMuMDEzYy0uNzc2IDAtLjgwNC4wMTQtLjcyLjMwMy4yNzYuODk1IDEuMzcgMS44NDYgMi41OSAyLjI1OWwuODU4LjI4OS0uNzQ4LjQ0YTcuODkgNy44OSAwIDAgMS0zLjcxMiAxLjAyYy0uNjIzLjAxMy0xLjEzNi4wNjgtMS4xMzYuMTEgMCAuMTM3IDEuNjkuOTA5IDIuNjc0IDEuMjExIDIuOTUuODk2IDYuNDU1LjUxIDkuMDg2LTEuMDE5IDEuODctMS4wODcgMy43NC0zLjI1IDQuNjEzLTUuMzQyLjQ3LTEuMTE2Ljk0Mi0zLjE1NC45NDItNC4xMzEgMC0uNjM0LjA0MS0uNzE3LjgxNy0xLjQ3NC40NTctLjQ0Ljg4Ny0uOTIzLjk3LTEuMDYuMTM4LS4yNjIuMTI0LS4yNjItLjU4Mi0uMDI4LTEuMTc4LjQxMy0xLjM0NC4zNTgtLjc2Mi0uMjYxLjQzLS40NDEuOTQyLTEuMjQuOTQyLTEuNDc0IDAtLjA0MS0uMjA4LjAyOC0uNDQzLjE1Mi0uMjUuMTM3LS44MDQuMzQ0LTEuMjIuNDY4bC0uNzQ3LjIzNC0uNjc5LS40NTRjLS4zNzQtLjI0OC0uOS0uNTI0LTEuMTc3LS42MDYtLjcwNy0uMTkzLTEuNzg3LS4xNjYtMi40MjQuMDU1LTEuNzMyLjYyLTIuODI2IDIuMjE3LTIuNzAxIDMuOTY2eiIvPjwvZz48L3N2Zz4=");
  background-size: 40px 40px;
}

.footer__social-icon--wapp--circle {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='20' x2='20' y1='0' y2='40'%3E%3Cstop offset='0' stop-color='%2360fc7c'/%3E%3Cstop offset='1' stop-color='%2328d146'/%3E%3C/linearGradient%3E%3Ccircle cx='20' cy='20' fill='url(%23a)' r='20'/%3E%3Cpath d='m25.309 21.5849c-.2632-.1332-1.5448-.7586-1.7843-.8479-.2396-.0853-.4135-.1299-.588.1332-.1707.2566-.6734.844-.8269 1.0153-.1536.1713-.3045.1844-.5637.0682-.2632-.1332-1.1038-.4069-2.102-1.302-.7796-.6936-1.2987-1.5481-1.4529-1.8112-.1536-.2599-.0171-.4069.1128-.5368.1195-.1195.2632-.3006.3964-.4581.1267-.1575.1674-.2632.2599-.4338.0853-.1844.0413-.3281-.0236-.458-.065-.13-.588-1.4182-.8066-1.9314-.2087-.5092-.4272-.4443-.588-.4443-.1503-.0138-.3248-.0138-.4987-.0138s-.4581.065-.6976.3144c-.2396.2631-.9161.8918-.9161 2.1636 0 1.2751.9364 2.5089 1.0664 2.6933.1332.1706 1.8421 2.7956 4.4638 3.9237.6254.2632 1.111.4207 1.4903.5506.6254.1982 1.1964.1706 1.6472.1057.4988-.0821 1.5448-.6327 1.764-1.2476.2225-.6188.2225-1.1313.1575-1.2475-.065-.1194-.2356-.1844-.4987-.3006zm-4.7545 6.4463h-.0138c-1.552 0-3.0864-.4206-4.4264-1.2068l-.3144-.1877-3.2812.8545.882-3.1927-.212-.3281c-.8666-1.3779-1.3263-2.9726-1.3263-4.6003 0-4.7644 3.9001-8.6507 8.6986-8.6507 2.3245 0 4.5052.9056 6.1458 2.5462.8093.7997 1.4513 1.7526 1.8885 2.803.4372 1.0505.6608 2.1775.6578 3.3152-.0066 4.7611-3.9034 8.6474-8.6954 8.6474zm7.3998-16.0131c-1.9963-1.9281-4.6213-3.0181-7.4136-3.0181-5.7593 0-10.4488 4.6692-10.4521 10.4075 0 1.8322.4784 3.6198 1.3945 5.2021l-1.4831 5.3904 5.544-1.4457c1.5358.828 3.2525 1.2636 4.9973 1.2679h.0033c5.7626 0 10.4521-4.6693 10.4554-10.4114 0-2.7786-1.0835-5.3938-3.0588-7.3592z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__social-icon--vb--circle {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' fill='%237360f2' r='20'/%3E%3Cpath clip-rule='evenodd' d='m21.1683 11.657c-.064-.009-.14-.015-.222-.021-.336-.024-1.035-.075-.994-.798.018-.313.158-.838.896-.838.0819 0 .1619.0056.232.0104l.008.0006c.0054.0004.0108.0007.0161.0011.0548.0036.1051.0069.1479.0069.0184.0003.0368-.0007.055-.003.018-.003.036-.003.056-.003 4.636.156 8.654 4.365 8.596 9.005 0 .0587.0026.1243.0054.1944l.0006.0156c.015.308.031.691-.215.948-.142.148-.339.223-.588.223h-.024c-.7915-.015-.8039-.7521-.81-1.1074v-.0006c-.001-.099-.003-.193-.013-.27-.573-4.538-2.644-6.671-7.147-7.364zm6.643 13.005c.0948.0759.1904.1506.287.224.724.553 1.626 1.242 1.132 2.636-.563 1.591-2.398 2.987-3.926 2.987h-.026c-.0273-.0002-.0545-.0039-.081-.011-.048-.013-.114-.028-.19-.045-.225-.05-.532-.119-.825-.245-3.248-1.399-6.052-3.26-8.333-5.533-2.331-2.322-4.179-5.136-5.494-8.363-.45396-1.116-.47396-2.189-.054-3.103.435-.945 1.303-1.661 2.514-2.068.4516-.1618.9455-.1604 1.396.004 1.054.387 3.555 3.798 3.617 4.931.053.999-.714 1.52-1.127 1.8-.726.494-.86 1.1-.447 2.028.854 1.919 2.348 3.373 4.438 4.321.2203.1081.4609.1684.706.177.353 0 .64-.174.876-.532.534-.807 1.18-1.217 1.922-1.217.55 0 1.132.221 1.78.676l.315.22.0434.0303c.4915.3435.9987.698 1.4766 1.0827zm-7.186-8.765c.191-.554.736-.568.997-.574.694-.017 1.456.345 2.088.987.631.64 1.001 1.444.993 2.152.022.679-.225 1.054-.735 1.114-.0318.0039-.0639.006-.096.006-.423 0-.754-.343-.803-.833-.105-1.053-.632-1.619-1.657-1.783-.282-.046-.593-.13-.755-.4-.111-.185-.122-.409-.032-.669zm1.161-3.1998c3.051.367 5.514 3.018 5.49 5.91l-.001-.001c.0003.0134-.0004.0267-.002.04-.0079.0521-.0051.1292-.0022.2116l.0002.0044v.0002c.01.2971.0308.9148-.645 1.0178-.068.01-.134.015-.194.015-.7254 0-.7668-.6731-.7869-.9989l-.0001-.0021c-.0005-.0074-.001-.0147-.0015-.022-.0054-.0788-.0104-.1526-.0205-.213-.451-2.719-1.374-3.682-4.116-4.295-.0633-.014-.1378-.0245-.2163-.0355-.0059-.0008-.0118-.0017-.0177-.0025-.293-.04-.658-.09-.865-.371-.123-.167-.164-.382-.121-.637.044-.261.211-.701.837-.701.1561.0039.3116.0206.465.05.0654.0118.1311.0218.197.03z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.footer__copyright {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: footer__copyright;
}

@media (max-width: 767px) {
  .footer__copyright {
    margin-bottom: 15px;
  }
}

.footer__copyright-text {
  display: block;
  max-width: 260px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #959595;
}

@media (max-width: 767px) {
  .footer__copyright-text {
    max-width: none;
    text-align: center;
    font-size: 10px;
  }
}

.footer__policy {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: footer__policy;
  list-style-type: none;
}

@media (max-width: 1023px){
  .footer .footer__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer__write {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .footer__social {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .footer__copyright {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .footer__policy {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

.footer__policy li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #959595;
}

@media (max-width: 767px) {
  .footer__policy li {
    text-align: center;
    font-size: 10px;
  }
}

.footer__policy li + li {
  margin-top: 16px;
}

.cookies-accept {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  z-index: 99;
  -webkit-box-shadow: 0 0 15px #00000040;
          box-shadow: 0 0 15px #00000040;
  pointer-events: none;
}

@media (max-width: 767px) {
  .cookies-accept {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
}

.cookies-accept.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: auto;
}

.cookies-accept__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 20px;
  gap: 20px;
}

@media (max-width: 640px) {
  .cookies-accept__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}

.cookies-accept__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 420px;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 150%;
  color: #1e1e1e;
}

@media (max-width: 767px) {
  .cookies-accept__text {
    width: 100%;
    font-size: 13px;
    line-height: 24px;
  }
}

.cookies-accept__text a[href] {
  color: #00BFD6;
  text-decoration: underline;
}

.cookies-accept__text a[href]:hover {
  color: #00d6f0;
}

.cookies-accept__action {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.cookies-accept__action .btn {
  min-width: 150px;
}

.geo {
  position: relative;
  background-color: #f6f6f6;
  max-height: 98vh;
  padding: 40px 0 45px 40px;
  max-width: 1215px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*
  *  Стильник скопирован из старой модалки
  *  Комментарий от прошлого автора (МЕГА КОСТЫЛЬ input поднимаем навверх в select, выводим результат выдачи перекрывая разметку)
  */
}

@media (max-width: 1023px) {
  .geo {
    padding: 45px 0 30px 80px;
  }
}

@media (max-width: 767px) {
  .geo {
    padding: 30px 15px 0 15px;
    max-height: 100vh;
  }
}

.geo__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  padding-right: 40px;
}

@media (max-width: 1023px) {
  .geo__top {
    display: block;
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .geo__top {
    padding-right: 0;
    margin-bottom: 20px;
  }
}

.geo__fake-input {
  position: absolute;
  top: 50% !important;
  left: 15px !important;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 85% !important;
  z-index: 12000;
}

.geo__fake-input .select2-dropdown {
  position: relative !important;
  background-color: transparent !important;
  left: 0 !important;
}

.geo__fake-input .select2-search--dropdown {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.geo__fake-input .select2-search__field {
  background-color: transparent;
}

.geo__search {
  width: 33.33%;
}

@media (max-width: 1023px) {
  .geo__search {
    width: 100%;
    max-width: 358px;
  }
}

@media (max-width: 767px) {
  .geo__search {
    width: 100%;
    max-width: none;
  }
}

.geo__search-inner {
  margin-right: 30px;
  position: relative;
}

@media (max-width: 1023px) {
  .geo__search-inner {
    margin-right: 0;
  }
}

.geo__info {
  width: 66.66%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1023px) {
  .geo__info {
    margin-top: 20px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .geo__info {
    display: block;
  }
}

.geo__selected {
  width: 50%;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.23;
  color: #959595;
}

@media (max-width: 1023px) {
  .geo__selected {
    width: 55%;
  }
}

@media (max-width: 767px) {
  .geo__selected {
    width: 100%;
  }
}

.geo__selected-value {
  font-size: 14px;
  line-height: 1.57;
  font-weight: 600;
  color: #00bbd3;
  margin-left: 5px;
}

.geo__info-text {
  width: 50%;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 600;
}

@media (max-width: 1023px) {
  .geo__info-text {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .geo__info-text {
    margin-top: 10px;
    width: 100%;
  }
}

.geo__content {
  position: relative;
  padding-right: 40px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .geo__content {
    padding-right: 0;
  }
}

.geo__content-inner {
  -webkit-column-count: 6;
     -moz-column-count: 6;
          column-count: 6;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

@media (max-width: 1023px) {
  .geo__content-inner {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

@media (max-width: 767px) {
  .geo__content-inner {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
  }
}

@media (max-width: 767px) {
  .geo__content-inner {
    padding-bottom: 100px;
  }
}

.geo__item {
  display: block;
}

.geo__item + .geo__item {
  margin-top: 15px;
}

.geo__alphabet {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 5px;
}

@media (max-width: 1023px) {
  .geo__alphabet {
    margin-bottom: 10px;
  }
}

.geo__cityes {
  list-style-type: none;
}

@media (max-width: 1023px) {
  .geo__cityes li + li {
    margin-top: 10px;
  }
}

.geo__city {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.84;
}

.geo__city.active {
  color: #00bbd3;
  pointer-events: none;
}

@media (max-width: 767px) {
  .geo .mfp-close {
    display: none;
  }
}

.geo .select2-container--okna-trade-4 .select2-dropdown .select2-results__options {
  max-height: 312px;
  overflow-y: auto;
  padding-top: 10px;
  padding-left: 10px;
}

.geo .select2-container--okna-trade-4 .select2-dropdown .select2-results__options li {
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.8;
  letter-spacing: normal;
  color: #000000;
}

.geo .select2-container--okna-trade-4 .select2-dropdown .select2-results__options li:hover {
  color: #00bbd3;
}

.geo .select2-container--okna-trade-4 .select2-dropdown .select2-search {
  position: absolute;
  top: -34px;
  left: 12px;
  width: 100%;
}

@media (max-width: 767px) {
  .geo .select2-container--okna-trade-4 .select2-dropdown .select2-search {
    top: -39px;
  }
}

.geo .select2-container--okna-trade-4 .select2-dropdown .select2-search .select2-search__field {
  padding: 2px;
  border-bottom: none;
  width: 100%;
}

@media (max-width: 767px) {
  .geo .select2-container--okna-trade-4 .select2-dropdown .select2-search .select2-search__field {
    height: 30px;
    width: 100%;
  }
}

.select2-container--okna-trade-4 .select2-results__message {
  display: block !important;
  pointer-events: none !important;
}

.posts .articles-list {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .posts__actions .input-search-box {
    margin-top: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .posts__actions .input-search-box {
    width: 284px;
  }
}

@media (min-width: 1170px) {
  .posts {
    max-width: 946px;
    margin-right: auto;
    margin-left: auto;
  }
  .posts__actions .input-search-box {
    width: 390px;
  }
}

.promo-slide {
  position: relative;
}

.promo-slide__bg {
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.promo-slide__title {
  font: 700 32px/34px "Open Sans", sans-serif;
  margin: 0;
}

.promo-slide__caption {
  font: italic 700 15px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.promo-slide__actions .btn {
  margin: 0 5px 9px;
}

@media (max-width: 767px) {
  .promo-slide {
    min-height: 310px;
    padding: 35px 35px 0 116px;
    text-align: center;
  }
  .promo-slide__caption {
    margin: 14px 0 22px;
  }
}

@media (max-width: 767px) and (max-width: 380px) {
  .promo-slide__actions .btn {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .promo-slide {
    min-height: 320px;
    text-align: center;
    padding: 67px 0 0;
  }
  .promo-slide__title {
    font-size: 46px;
    line-height: 120%;
  }
  .promo-slide__caption {
    font-size: 17px;
    margin: 2px 0 43px;
  }
  .promo-slide__actions .btn {
    min-width: 200px;
    margin: 0 14px;
  }
}

@media (min-width: 1170px) {
  .promo-slide {
    min-height: 480px;
    text-align: center;
    padding: 139px 50px 30px;
  }
  .promo-slide__title {
    font-size: 64px;
    line-height: 100%;
  }
  .promo-slide__caption {
    font-size: 22px;
    line-height: 44px;
    margin-bottom: 40px;
  }
  .promo-slide__actions .btn {
    margin: 0 7px;
    min-width: 220px;
  }
}

@media (max-width: 767px) {
  .brands {
    padding-right: 5px;
    padding-left: 5px;
  }
  .brands__list {
    margin-bottom: 21px;
  }
  .brands__el {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .brands {
    padding-right: 15px;
    padding-left: 15px;
  }
  .brands__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -8px 26px;
    padding: 16px 0;
  }
  .brands__el {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 33.33333%;
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    padding: 8px;
  }
  .brands__el .card-brand {
    width: 100%;
  }
}

@media (min-width: 1170px) {
  .brands .b-title_sub {
    margin-bottom: 0;
  }
  .brands__list {
    margin: 0 -15px 30px;
  }
  .brands__el {
    padding: 15px;
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
  }
}

.review {
  background-color: #fff;
  padding: 26px 20px 20px;
}

.review + .review {
  margin-top: 5px;
}

.review__status {
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  color: #00BFD6;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 25px;
}

.review__rating {
  position: absolute;
  bottom: auto;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .review__rating {
    top: -5px;
  }
}

.review__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #ACACB0;
  font: 12px/24px "Open Sans", sans-serif;
  letter-spacing: .25px;
}

.review__top .stars li + li {
  margin-left: 4px;
}

.review__top .svg-i_star {
  height: 18px;
  width: 18px;
}

.review__nm {
  color: #202020;
  font: italic 700 16px/24px "PT Serif", serif;
}

.review__nm--company {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.review__txt {
  color: #898989;
  font: italic 12.5px/19px "Open Sans", sans-serif;
  letter-spacing: .15px;
  margin-top: 12px;
}

.review__txt > p + p,
.review__txt > ol + p,
.review__txt > ul + p,
.review__txt > ol + ul,
.review__txt > ul + ol, .review__answer-txt > p + p,
.review__answer-txt > ol + p,
.review__answer-txt > ul + p,
.review__answer-txt > ol + ul,
.review__answer-txt > ul + ol {
  margin-top: 1.7em;
}

.review__txt > ul, .review__answer-txt > ul {
  color: inherit;
  list-style: none;
}

.review__txt > ul > li, .review__answer-txt > ul > li {
  position: relative;
}

.review__txt > ul > li:before, .review__answer-txt > ul > li:before {
  content: '-';
  font-size: 18px;
  line-height: 22px;
}

.review__txt > ol, .review__answer-txt > ol {
  color: inherit;
  list-style: decimal;
  padding-left: 0;
}

.review__txt > ol > li, .review__answer-txt > ol > li {
  color: inherit !important;
  padding-left: 0;
  list-style-position: inside;
}

.review__txt > ol > li:before, .review__answer-txt > ol > li:before {
  display: none;
}

.review__location {
  color: #00BFD6;
  font: 12px/20px GothamPro, sans-serif;
  margin: 15px 0 -9px;
}

.review__location a:not(:hover) {
  color: inherit;
}

.review__location a:hover {
  text-decoration: underline;
}

.review__location .svg-i_marker {
  fill: #00BFD6;
  margin-right: 11px;
  height: 15px;
  width: 10px;
}

.review__more {
  margin-top: 18px;
}

.review__answer {
  margin-top: 25px;
  display: none;
  margin-left: auto;
}

.open .review__answer {
  display: block;
}

.review__answer-content {
  width: 100%;
  overflow: hidden;
  max-height: 0;
}

@media (max-width: 767px) {
  .review__answer-content {
    width: 100%;
  }
}

.review__answer-content.open {
  max-height: 100%;
}

.review__answer-content .review__top {
  padding-top: 35px;
}

.review__answer-toogle {
  display: inline-block;
  vertical-align: top;
  color: #00BFD6;
  font: bold italic 12px/22px "Open Sans", sans-serif;
}

.review__answer-toogle span:last-child {
  display: none;
}

.review__answer-txt {
  margin-top: 20px;
  font: 14px/22px GothamPro, sans-serif;
  color: #898989;
}

@media (max-width: 767px) {
  .review__answer-txt {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .review__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .review__nm {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 15px;
  }
}

@media (min-width: 768px) {
  .review {
    padding-bottom: 38px;
    padding-top: 29px;
  }
  .review + .review {
    margin-top: 10px;
  }
  .review__nm {
    font-size: 19px;
    margin-left: 48px;
  }
  .review__nm--company {
    margin-left: 30px;
  }
  .review__rating {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review {
    padding-right: 29px;
    padding-left: 29px;
  }
}

@media (min-width: 1170px) {
  .review {
    padding-bottom: 41px;
    padding-right: 50px;
    padding-left: 50px;
  }
  .review__top, .review__top .stars__val, .review__top .feedback__comments {
    font-size: 15px;
  }
  .review__nm {
    margin-left: 65px;
  }
  .review__nm--company {
    margin-left: 30px;
  }
  .review__txt {
    font-size: 14px;
    line-height: 22px;
  }
}

.reviews {
  padding-bottom: 30px;
}

.reviews__actions, .posts__actions {
  text-align: center;
}

.reviews__list {
  margin-top: 30px;
}

.reviews__el + .reviews__el {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .reviews__list {
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (min-width: 768px) {
  .reviews__actions, .posts__actions {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reviews__actions .radio-btn-group, .posts__actions .radio-btn-group {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .reviews__list {
    margin-top: 18px;
  }
  .reviews__el + .reviews__el {
    margin-top: 10px;
  }
}

@media (min-width: 1170px) {
  .reviews {
    margin: auto;
    max-width: 945px;
  }
}

.seller__nm {
  font: 700 24px/120% "Open Sans", sans-serif;
}

.seller__face {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.seller__i {
  border: 2px solid #F4F6F8;
  border-radius: 1px;
  height: 200px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.seller__i img {
  max-width: 100%;
}

.seller__description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 767px) {
  .seller__description {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.seller__button {
  width: 242px;
}

@media (max-width: 1023px) {
  .seller__button {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 16px;
  }
}

.seller__button .showmore {
  color: #9e9e9e;
  font: 14px/24px GothamPro, sans-serif;
  letter-spacing: .25px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.seller__button .showmore.is-hidden .showmore__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.seller__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-calc(100% - 242px);
  width: calc(100% - 242px);
}

@media (max-width: 1023px) {
  .seller__text {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.seller__rating {
  color: #9e9e9e;
  font: 14px/24px GothamPro, Tahoma, Arial;
  letter-spacing: .25px;
  width: 242px;
}

.seller__comments {
  width: 206px;
}

@media (max-width: 767px) {
  .seller__comments {
    width: 50%;
    text-align: right;
  }
}

.seller__contacts {
  font: italic 16px/120% "PT Serif", serif;
  letter-spacing: .25px;
}

.seller__contact {
  padding-left: 26px;
  position: relative;
}

.seller__contact a {
  color: #333;
}

.seller__contact .svg-i {
  margin-left: -26px;
  margin-top: 4px;
  float: left;
}

.seller__contact .svg-i-inline_mail {
  height: 10px;
  width: 15px;
  margin-top: 5px;
}

.seller__contact .svg-i-inline_phone {
  height: 14px;
  width: 11px;
}

.seller__contact .svg-i_globe {
  height: 14px;
  width: 14px;
}

.seller__contact a {
  border-bottom-color: #47D39E;
}

.seller__contact .card-product__link-placeholder, .seller__contact .card-office__link a, .card-office__link .seller__contact a, .seller__contact a {
  font-size: 14px;
}

.seller__contact .card-product__link-tooltip {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #ffffff;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  opacity: .9;
  background-color: #00BFD6;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}

@media (max-width: 767px) {
  .seller__contact .card-product__link-tooltip {
    margin-left: -50%;
  }
}

.seller__contact .card-product__link-tooltip:before,
.seller__contact .card-product__link-tooltip:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #00BFD6;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.seller__contact .card-product__link-tooltip:before {
  border-top-color: #00BFD6;
  bottom: -8px;
}

.seller__address {
  color: #9e9e9e;
  font: 14px/26px GothamPro, sans-serif;
}

.seller__address-street {
  color: #202020;
  font-size: 20px;
  font-weight: 500;
}

.seller__work-time {
  color: #9e9e9e;
  font: 14px/20px GothamPro, sans-serif;
  margin: -13px 0 27px;
}

.seller .stars li + li {
  margin-left: 2px;
}

.seller .stars li svg {
  height: 18px;
  width: 18px;
}

.seller .stars__val, .seller .feedback__comments, .seller__comments {
  color: #9e9e9e;
  font: 14px/24px GothamPro, sans-serif;
  letter-spacing: .25px;
}

.seller__info {
  margin: 16px 0 0;
}

@media (max-width: 1023px) {
  .seller__info {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.seller__info.is-hidden {
  display: none;
}

.seller__info .seller__work-time {
  margin-bottom: 25px;
}

.seller__info .seller__address, .seller__info .seller__address-street {
  font-size: 14px;
}

.seller__info .seller__contacts {
  padding-top: 0;
  margin-bottom: 0;
}

.seller__info .seller__contacts::before {
  content: none;
}

.seller__info .seller .card-product__link-placeholder, .seller__info .seller .card-office__link a, .card-office__link .seller__info .seller a, .seller__info .seller .seller__contact a, .seller__contact .seller__info .seller a, .seller__info .seller .card-office__link a, .seller__info .card-office__link .seller a, .seller__info .seller .seller__contact a, .seller__info .seller__contact .seller a, .seller__info .seller .card-product__link-placeholder a, .seller__info .seller .card-office__link a a, .card-office__link .seller__info .seller a a, .seller__info .seller .seller__contact a a, .seller__contact .seller__info .seller a a, .seller__info .seller .card-office__link a a, .seller__info .card-office__link .seller a a, .seller__info .seller .seller__contact a a, .seller__info .seller__contact .seller a a, .seller__info .seller__contact, .seller__info .seller__contact a {
  font-size: 14px !important;
}

@media (max-width: 767px) {
  .seller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .seller__nm {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
       -moz-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .seller__face {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .seller__contact + .seller__contact {
    margin-top: 11px;
  }
  .seller__contacts {
    margin: 33px 0 44px;
  }
  .seller__i {
    margin: 15px 0 10px;
  }
  .seller__address {
    text-align: center;
    position: relative;
    padding-top: 16px;
  }
  .seller__address::before {
    width: 70px;
    height: 2px;
    background-color: #f5f6f8;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -35px;
  }
  .seller__address-street {
    display: block;
  }
  .seller__actions {
    margin: 30px 0 40px;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .seller__actions--multiple .btn {
    min-width: 206px;
  }
  .seller__actions--multiple .btn + .btn {
    margin-top: 10px;
  }
  .seller__work-time {
    margin-top: 13px;
    margin-bottom: 0;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .seller {
    padding-bottom: 28px;
    padding-left: 295px;
  }
  .seller::after {
    clear: both;
    content: "";
    display: table;
  }
  .seller__face {
    float: left;
    margin-left: -295px;
    width: 270px;
  }
  .seller__i {
    margin-bottom: 15px;
  }
  .seller__nm {
    font-size: 32px;
  }
  .seller__contact {
    font-size: 14px;
    margin: 6px 0;
  }
  .seller__contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 21px 0 14px;
    padding: 12px 0 0;
    position: relative;
  }
  .seller__contacts:before {
    border-top: 2px solid #F5F6F8;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 70px;
  }
  .seller__address {
    font-size: 18px;
    margin: 0 0 23px;
  }
  .seller__actions .btn {
    min-width: 206px;
  }
  .seller__actions .btn + .btn {
    margin-left: 5px;
  }
}

@media (max-width: 1023px) {
  .seller__contacts {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .seller__contact:not(:last-child) {
    margin-right: 18px;
  }
}

@media (min-width: 1170px) {
  .seller {
    padding-left: 420px;
  }
  .seller__nm {
    font-size: 36px;
  }
  .seller__face {
    margin-left: -420px;
    width: 360px;
  }
  .seller__i {
    height: 240px;
    margin-bottom: 0;
  }
  .seller .card-product__link-placeholder, .seller .card-office__link a, .card-office__link .seller a, .seller .seller__contact a, .seller__contact .seller a, .seller .card-product__link-placeholder a, .seller .card-office__link a a, .card-office__link .seller a a, .seller .seller__contact a a, .seller__contact .seller a a, .seller__contact, .seller__contact a {
    font-size: 16px;
  }
  .seller__contact:not(:last-child) {
    margin-right: 58px;
  }
  .seller__contacts {
    margin-bottom: 33px;
    margin-top: 18px;
    padding-top: 17px;
  }
  .seller__address, .seller__address-street {
    font-size: 17px;
  }
  .seller__actions .btn + .btn {
    margin-left: 36px;
  }
}

.slide-product__info {
  background: #fff;
}

.slide-product__i {
  position: relative;
}

.slide-product__i::after {
  clear: both;
  content: "";
  display: table;
}

.slide-product__i img {
  float: left;
  max-width: 100%;
}

.slide-product__nm {
  font: 700 22px/120% "Open Sans", sans-serif;
}

.slide-product__cost {
  color: #e82c0d;
  font: 700 22px/38.75px "Open Sans", sans-serif;
  text-transform: uppercase;
}

.slide-product__txt {
  color: #898989;
  font: 500 12px/16px "Open Sans", sans-serif;
}

.slide-product__arrow {
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  height: 57px;
  width: 18px;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  position: absolute;
  top: 50%;
  margin-top: -23px;
}

.slide-product__arrow svg {
  height: 7px;
  width: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -2px;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
  fill: #202020;
}

.slide-product__arrow.next {
  right: 0;
}

.slide-product__arrow.prev {
  left: 0;
}

.slide-product__arrow.prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slide-product__arrow:hover {
  background: #00BFD6;
}

.slide-product__arrow:hover svg {
  fill: #fff;
}

.slide-product__info .slide-product__arrow:not(:hover) {
  background: #F9F9FA;
}

@media (max-width: 767px) {
  .slide-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .slide-product__info {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 17px 20px 22px;
    position: relative;
    text-align: center;
  }
  .slide-product__i .slide-product__arrow {
    display: none !important;
  }
  .slide-product__i {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .slide-product__cost {
    margin: 5px 0 3px;
  }
  .slide-product__txt {
    margin: 0 0 14px;
    padding: 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .slide-product {
    min-height: 235px;
  }
  .slide-product__info {
    min-height: 209px;
    width: 500px;
    padding: 40px 240px 30px 40px;
  }
  .slide-product__i {
    width: 500px;
    top: 0;
    bottom: 0;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .slide-product__i img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
    }
  }
  .slide-product__cost {
    margin: 16px 0 6px;
  }
  .slide-product__txt {
    margin: 0 0 25px;
  }
}

@media (min-width: 768px) {
  .slide-product {
    position: relative;
  }
  .slide-product__i {
    position: absolute;
    right: 0;
  }
  .slide-product__info .slide-product__arrow {
    display: none !important;
  }
}

@media (min-width: 1170px) {
  .slide-product {
    min-height: 358px;
  }
  .slide-product__info {
    min-height: 358px;
    width: 765px;
    padding: 46px 440px 42px 64px;
  }
  .slide-product__i {
    height: auto;
    top: 0;
    bottom: 0;
  }
  .slide-product__i img {
    height: auto;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .slide-product__i img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
      height: 100%;
    }
  }
  .slide-product__nm {
    font-size: 26px;
    line-height: 32px;
  }
  .slide-product__cost {
    font-size: 26px;
    margin: 31px 0 46px;
  }
  .slide-product__txt {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 49px;
  }
  .slide-product__more {
    min-width: 200px;
  }
}

.slider-product .slick-dots li:not(.slick-active) button:before {
  background: #000000;
}

.slider-product .slick-dots .slick-active button {
  background: #0099A9;
}

@media (max-width: 767px) {
  .slider-product .slick-dots {
    margin-top: 23px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .slider-product .slick-dots {
    position: relative;
    top: -11px;
  }
}

@media (min-width: 768px) {
  .slider-product .slick-dots {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 27px;
  }
}

@media (min-width: 1170px) {
  .slider-product .slick-dots {
    margin-left: 66px;
    position: relative;
    top: -20px;
  }
}

.bg-wood .b-share {
  background-color: #fff;
  border-bottom: 1px solid #F5F6F8;
  border-top: 1px solid #F5F6F8;
}

.b-share {
  border-top: 1px solid #fff;
}

.b-share__title {
  font: 14px/120% "Open Sans", sans-serif;
}

.b-share__title-sub {
  color: #00BFD6;
  font: italic 700 11px/120% "PT Serif", serif;
  letter-spacing: .25px;
  margin: 7px 0 14px;
}

.b-share-subscribe {
  border: 1px solid #E3E2E5;
  border-radius: 44px;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  position: relative;
}

.b-share-subscribe__input {
  border: 0;
  background: transparent;
  display: inline-block;
  font-size: 14px;
  height: 42px;
  max-width: 100%;
  padding: 0 65px 0 23px;
  line-height: normal;
}

.b-share-subscribe__input::-webkit-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__input::-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__input:-moz-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__input:-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__input::-ms-input-placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__input::placeholder {
  opacity: 1;
  color: #959595;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.b-share-subscribe__submit {
  background: transparent;
  border: 0;
  color: #00BFD6;
  font: 700 12px/120% "Open Sans", sans-serif;
  text-align: center;
  text-transform: uppercase;
  height: 100%;
  width: 50px;
  padding-top: 2px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #E3E2E5;
}

.b-share-subscribe__submit:before {
  border-left: 1px solid #f9f9f9;
  content: '';
  display: block;
  height: 23px;
  width: 0;
  position: absolute;
  left: 0;
  top: 10px;
}

.b-share__share-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.b-share .ya-share2 {
  display: inline-block;
  margin: 0;
}

@media (max-width: 767px) {
  .b-share {
    text-align: center;
  }
  .b-share .ya-share2 {
    margin: 20px -20px 0;
  }
  .b-share .ya-share2__list_direction_horizontal > li.ya-share2__item {
    margin: 0 5px;
  }
  .b-share .cl {
    width: 100%;
  }
  .b-share-subscribe {
    margin-bottom: 14px;
    max-width: 232px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .b-share__l {
    width: 28.25521%;
  }
  .b-share__l.cl:not(.cl-entire) {
    padding-right: 0;
  }
  .b-share__m {
    width: 30.33854%;
  }
  .b-share__m.cl:not(.cl-entire) {
    padding-left: 0;
  }
  .b-share__r {
    text-align: right;
    width: 41.40625%;
  }
}

@media (min-width: 768px) {
  .b-share__title {
    font-size: 14px;
  }
  .b-share__title-sub {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 839px) {
  .b-share .ya-share2__list {
    white-space: nowrap;
  }
}

@media (min-width: 1170px) {
  .b-share {
    padding-bottom: 22px;
    padding-top: 27px;
  }
  .b-share__rw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .b-share__l, .b-share__m, .b-share__r {
    padding-bottom: 21px;
    padding-top: 22px;
  }
  .b-share__l {
    -webkit-flex-basis: 21.88034%;
        -ms-flex-preferred-size: 21.88034%;
            flex-basis: 21.88034%;
    width: 21.88034%;
  }
  .b-share__m.cl {
    padding-left: 0;
    padding-right: 36px;
    -webkit-flex-basis: 28.20513%;
        -ms-flex-preferred-size: 28.20513%;
            flex-basis: 28.20513%;
    width: 28.20513%;
  }
  .b-share__r {
    position: relative;
    text-align: center;
    -webkit-flex-basis: 49.91453%;
        -ms-flex-preferred-size: 49.91453%;
            flex-basis: 49.91453%;
    width: 49.91453%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .b-share__r:after {
    border-left: 1px solid #fff;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  .b-share__m .b-share-subscribe {
    max-width: 293px;
    width: 100%;
  }
  .b-share__title {
    font-size: 16px;
  }
  .b-share__title-sub {
    font-size: 13px;
  }
  .b-share__share-text {
    display: inline-block;
    font: 16px/120% "Open Sans", sans-serif;
    padding-right: 30px;
    min-width: 166px;
    text-align: left;
  }
}

.b-share .ya-share2__icon {
  background-image: url(/local/templates/main/css/i/socials.png) !important;
  height: 40px;
  width: 40px;
}

.b-share .ya-share2__item .ya-share2__badge {
  background-color: transparent;
}

.b-share .ya-share2__item_service_vkontakte .ya-share2__icon {
  background-position: 0 0;
}

.b-share .ya-share2__item_service_facebook .ya-share2__icon {
  background-position: -49px 0;
}

.b-share .ya-share2__item_service_twitter .ya-share2__icon {
  background-position: -98px 0;
}

.b-share .ya-share2__item_service_viber .ya-share2__icon {
  background-position: -147px 0;
}

.b-share .ya-share2__item_service_gplus .ya-share2__icon {
  background-position: -197px 0;
}

.b-share .ya-share2__item_service_whatsapp .ya-share2__icon {
  background-position: -246px 0;
}

.article-share .ya-share2__list {
  position: sticky;
  position: -webkit-sticky;
  /* for safari */
  top: 60px;
}

.article-share .ya-share2__list:before,
.article-share .ya-share2__list:after {
  content: '' !important;
  display: table !important;
}

.article-share .ya-share2__badge {
  border-radius: 50px !important;
}

.article-share .ya-share2__icon {
  height: 35px !important;
  width: 35px !important;
  background-size: 35px 35px !important;
}

.choose-win-type {
  background-color: #fafbfc;
  padding: 36px 27px;
  margin-bottom: 28px;
}

.choose-win-type__list {
  margin: 27px 0 0;
}

.choose-win-type__list.rw {
  margin-left: -10px;
  margin-right: -10px;
}

.choose-win-type__list .cl {
  padding-left: 10px;
  padding-right: 10px;
}

.choose-win-type-item {
  background-color: #88dfea;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.no-ie .choose-win-type-item {
  min-height: 168px;
}

.ie .choose-win-type-item {
  height: 168px;
}

.choose-win-type-item__pic {
  padding: 14px 0;
}

.choose-win-type-item__name {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: #24909e;
  margin-bottom: 17px;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.choose-win-type-item:hover {
  background-color: rgba(0, 201, 226, 0.7);
}

.choose-win-type-item.active {
  background-color: #00bbd3;
}

.choose-win-type-item.active .choose-win-type-item__name {
  color: #fff;
}

@media (max-width: 767px) {
  .choose-win-type {
    margin-left: -17px;
    margin-right: -17px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .choose-win-type__list.rw {
    margin-left: -4px;
    margin-right: -4px;
  }
  .choose-win-type__list .cl {
    padding: 3px 4px 4px;
  }
  .choose-win-type-item {
    height: 148px;
    padding-top: 22px;
    padding-left: 17px;
    padding-right: 17px;
  }
  .no-ie {
    min-height: 148px;
  }
  .choose-win-type-item img {
    max-width: 100%;
  }
  .choose-win-type__name {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .choose-win-type-item img {
    max-height: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .choose-win-type {
    margin-top: 28px;
  }
}

.seller-benefits {
  margin-top: 38px;
}

.seller-benefits__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

@media (max-width: 767px) {
  .seller-benefits__item {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .seller-benefits__item {
    max-width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}

.seller-benefits__item .config-benefit {
  max-width: 76.27119%;
}

@media (max-width: 767px) {
  .seller-benefits .config-benefit {
    max-width: 100%;
  }
  .seller-benefits .config-benefit__name {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .seller-benefits .config-benefit__text {
    font-size: 12px;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
  }
}

.service {
  font-family: "Open Sans", sans-serif;
  color: #202020;
}

.service__values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}

.service__label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.466;
}

.service__cost {
  font-size: 15px;
  line-height: 1.6;
  white-space: nowrap;
}

.service__cost-value {
  font-weight: 700;
}

@media (min-width: 768px) {
  .service {
    max-width: 290px;
  }
  .service__label {
    max-width: 160px;
  }
  .service__cost {
    margin-left: 34px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .service {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 1170px) {
  .service {
    max-width: 490px;
  }
  .service__values {
    margin-top: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .service__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .service__icon-cont {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 47px;
    margin-right: 26px;
  }
  .service__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
    min-width: 194px;
    max-width: 194px;
  }
  .ie .service__label {
    min-width: 184px;
    max-width: 184px;
    margin-right: 10px;
  }
  .service__cost {
    font-size: 16px;
    line-height: 1.5;
  }
}

.services__item + .services__item {
  margin-top: 38px;
}

@media (min-width: 768px) {
  .services__item + .services__item {
    margin-top: 34px;
  }
}

@media (min-width: 1170px) {
  .services__item + .services__item {
    margin-top: 66px;
  }
}

.window {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
          box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  padding: 30px 37px 39px 20px;
  display: inline-block;
  vertical-align: middle;
}

.window__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.window__image {
  height: 76px;
  width: 80px;
  text-align: center;
}

.window__image img {
  max-height: 100%;
  max-width: 100%;
}

.window__texts {
  padding-left: 18px;
}

.window__name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  color: #000000;
  font-family: "Open Sans", sans-serif;
}

.window__size {
  font-family: GothamPro, sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.3px;
  color: #9e9e9e;
  margin: 19px 0 16px;
  white-space: nowrap;
}

.window__cost {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #000000;
  white-space: nowrap;
}

.window__cost-value {
  font-weight: 700;
}

@media (max-width: 767px) {
  .window {
    width: 100%;
  }
  .window__name {
    margin-top: -3px;
  }
}

@media (min-width: 768px) {
  .window {
    padding-bottom: 34px;
    padding-right: 30px;
    width: 370px;
  }
  .window__image {
    height: 84px;
    width: 132px;
  }
  .window__text {
    padding-left: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .window {
    width: 100%;
  }
}

@media (min-width: 1170px) {
  .window {
    padding-left: 53px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .window__image {
    height: 105px;
    width: 182px;
  }
  .window__texts {
    padding-left: 58px;
  }
  .window__name {
    font-size: 16px;
  }
  .window__size {
    margin: 13px 0 15px;
  }
  .window__cost {
    font-size: 16px;
  }
}

@media (min-width: 1440px) {
  .window {
    width: 623px;
  }
}

.windows__item + .windows__item {
  margin-top: 10px;
}

.seller-services__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .seller-services__list {
    display: block;
  }
}

.seller-services__item {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
}

@media (max-width: 767px) {
  .seller-services__item {
    width: 100%;
  }
}

.seller-services__item h3, .seller-services__item h4 {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  padding-top: 21px;
}

.seller-services__item h3::before, .seller-services__item h4::before {
  border-top: 1px solid #00BFD6;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
}

.seller-services__item .config-benefit {
  max-width: 80%;
}

@media (max-width: 767px) {
  .seller-services__item .config-benefit {
    max-width: 100%;
  }
}

.seller-services__item .config-benefit__text {
  color: #555;
}

.services-and-windows {
  background-color: #f5f6f8;
  padding: 61px 0 40px;
  overflow: hidden;
}

.services-and-windows__title {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.09;
  text-align: center;
  color: #202020;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .services-and-windows .windows {
    margin-top: 55px;
    margin-bottom: 39px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .services-and-windows__columns {
    margin-right: -10px;
    margin-bottom: 58px;
  }
}

@media (min-width: 768px) {
  .services-and-windows {
    padding-left: 31px;
  }
  .services-and-windows__columns .rw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .services-and-windows__columns .cl {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
    max-width: 45%;
    width: 45%;
  }
  .services-and-windows__columns .cl + .cl {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
    max-width: 55%;
    width: 55%;
  }
}

@media (min-width: 1170px) {
  .services-and-windows {
    padding-top: 79px;
    padding-bottom: 80px;
  }
  .services-and-windows__title {
    margin-bottom: 69px;
  }
  .services-and-windows__columns {
    margin-bottom: 60px;
  }
  .services-and-windows__columns .cl {
    -webkit-flex-basis: 44%;
        -ms-flex-preferred-size: 44%;
            flex-basis: 44%;
    max-width: 44%;
    width: 44%;
  }
  .services-and-windows__columns .cl + .cl {
    -webkit-flex-basis: 56%;
        -ms-flex-preferred-size: 56%;
            flex-basis: 56%;
    max-width: 56%;
    width: 56%;
  }
}

.send-request-window {
  margin-bottom: 50px;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .send-request-window .image-uploads__item {
    width: 100%;
  }
}

.send-request-window__text {
  max-width: 555px;
  margin-bottom: 45px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 24px;
}

.send-request-window__text:last-child {
  margin-bottom: 0;
}

.send-request-window__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .send-request-window__menu {
    display: block;
    max-width: 320px;
    margin: 0 auto 35px auto;
  }
}

.send-request-window__menu-tab, .send-request-window__menu-link {
  padding: 0 10px;
}

@media (max-width: 767px) {
  .send-request-window__menu-tab, .send-request-window__menu-link {
    margin-bottom: 10px;
    padding: 0;
  }
  .send-request-window__menu-tab:last-child, .send-request-window__menu-link:last-child {
    margin-bottom: 0;
  }
  .send-request-window__menu-tab .btn, .send-request-window__menu-link .btn {
    width: 100%;
  }
}

.send-request-window__menu-tab.active .btn {
  background-color: #00BFD6;
  color: #fff;
}

.send-request-window__content {
  list-style: none;
}

@media (max-width: 767px) {
  .send-request-window__content {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

.send-request-window__tab-item {
  display: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.send-request-window__tab-item.active {
  opacity: 1;
}

@media (max-width: 767px) {
  .send-request-window__button {
    text-align: center;
  }
}

.send-request-window__banner {
  position: relative;
  margin-bottom: 30px;
}

.send-request-window__banner-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center !important;
  background-size: cover !important;
}

.send-request-window__banner-content {
  padding: 42px 0;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 32px;
  max-width: 615px;
}

@media (min-width: 0) and (max-width: 639px) {
  .send-request-window__banner-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}

.send-request-window__banner-text {
  max-width: 240px;
}

@media (min-width: 0) and (max-width: 639px) {
  .send-request-window__banner-text {
    margin-bottom: 20px;
  }
}

.send-request-window__banner-text h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 15px 0;
}

.send-request-window__banner-text p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.send-request-window__banner .btn {
  padding: 0 52px;
  height: 52px;
}

.btn-fz-10 {
  font-size: 10px !important;
}

.admin-top-filter__section-new {
  max-width: 100% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination__list-new {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.pagination__ln-new {
  width: 100%;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.pagination__ln-new:hover {
  color: #00bbd3;
}

.pagination-top {
  max-width: 725px !important;
  margin: 0 !important;
}

.custom-select .select2-container--okna-trade-3 .select2-selection--single[aria-expanded="false"] {
  background: transparent;
  /*border-color: transparent;*/
}

.custom-select .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  color: #959595 !important;
}

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

.admin-top-filter__sm-description {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.mt-5 {
  margin-top: 50px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-1-lg {
  margin-top: 16px !important;
}

.admin-top-filter__inputs-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.input-search--custom {
  border-radius: 8px;
  border-color: #acacb0;
}

.max-width-300 {
  max-width: 300px !important;
}

.max-width-240 {
  max-width: 240px !important;
}

@media screen and (min-width: 1024px) and (max-width: 1169px) {
  .admin-top-filter__inputs-new .select2-container--okna-trade-3 {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .admin-top-filter__inputs-new .select2-container--okna-trade-3 {
    margin-left: 0;
  }
}

.admin-top-filter__inputs-new .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  color: #959595;
}

.admin-top-filter__inputs-new .select2-container--okna-trade-3 .select2-selection--single {
  border-color: #acacb0;
  /*margin: 0 5px;*/
}

.custom-select-gray .select2-container--okna-trade-3 .select2-selection--single {
  border-color: #acacb0;
}

.custom-select-gray .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  color: #959595;
}

.w-90-not-tab {
  width: 90%;
}

@media (max-width: 1023px) {
  .w-90-not-tab {
    width: 100%;
  }
}

.admin-table {
  width: 1200px;
  margin-left: -25px;
  margin-bottom: 80px;
  overflow: auto;
}

.admin-table thead {
  background-color: white;
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 1.5;
  color: #282b32;
  text-align: left;
}

.admin-table thead tr {
  height: 60px;
}

.admin-table thead th {
  position: relative;
  padding: 0 20px;
}

.admin-table thead th::after {
  content: '';
  position: absolute;
  top: 47%;
  right: 12px;
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  height: 0;
  width: 0;
}

.admin-table thead .after-none::after {
  display: none;
}

.admin-table tbody tr {
  height: 60px;
}

.admin-table tbody td {
  font-family: 'Open Sans';
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color: #282b32;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px solid rgba(32, 32, 32, 0.2);
}

.admin-table--sm-pd thead th {
  padding: 0 15px;
}

.admin-table--sm-pd thead th:first-child {
  padding-left: 20px;
}

.admin-table--sm-pd thead th:last-child {
  padding-right: 20px;
}

.admin-table--sm-pd tbody td {
  padding: 0 15px;
}

.admin-table--sm-pd tbody td:first-child {
  padding-left: 20px;
}

.admin-table--sm-pd tbody td:last-child {
  padding-right: 20px;
}

.p-0-18 {
  padding: 0 18px !important;
}

.w-140 {
  width: 140px;
}

@media (min-width: 1170px) {
  .btn-leads {
    min-width: 230px;
  }
}

@media (max-width: 1169px) {
  .admin-top-filter__input-new {
    padding: 0 !important;
  }
}

@media (max-width: 1169px) and (min-width: 768px) {
  .min-width-extratab-350 {
    min-width: 350px;
  }
}

@media (max-width: 1169px) {
  .admin-table {
    margin-left: 0 !important;
  }
  .table-wrap {
    max-width: 980px;
    overflow: scroll;
  }
}

@media (max-width: 1023px) {
  .admin-top-filter__section-new {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .pagination-top {
    margin-bottom: 30px !important;
    margin-right: 56px !important;
  }
  .admin-top-filter__inputs-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .admin-top-filter__inputs-new .select2-container--okna-trade-3 .select2-selection--single {
    margin: 10px 0px;
  }
  .admin-table {
    margin-left: 0 !important;
  }
  .table-wrap {
    max-width: 750px;
    overflow: scroll;
  }
}

@media (max-width: 767px) {
  .admin-top-filter__section-new {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .pagination__ln-new {
    padding: 24px 5px;
    font-size: 11px;
  }
  .d-block-mob {
    display: block !important;
    max-width: 280px;
  }
  .max-width-xs-280 {
    max-width: 280px !important;
  }
  .custom-select-gray {
    margin: 20px 0;
  }
}

.admin-top-report {
  background-color: white;
  position: relative;
  width: 864px;
  min-height: 724px;
  padding: 65px;
}

@media (max-width: 1023px) {
  .admin-top-report {
    width: 750px;
  }
}

@media (max-width: 767px) {
  .admin-top-report {
    width: 320px;
    padding: 30px;
  }
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.ml-2 {
  margin-left: 20px !important;
  /*.select2-container--okna-trade-3 .select2-selection--single {
    margin-left: 20px !important;
  }*/
}

.mr-2 {
  margin-right: 20px;
}

.ml-md-2 {
  margin-left: 20px !important;
}

@media (max-width: 1023px) {
  .ml-md-2 {
    margin-left: 0px !important;
  }
}

@media (max-width: 1023px) {
  .mt-sm-2 {
    margin-top: 15px !important;
  }
}

.admin-top-report .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  font-family: 'Open Sans';
  font-size: 13px;
  text-align: left;
  color: #959595;
}

.admin-top-report .custom-select .select2-container--okna-trade-3 .select2-selection--single .select2-selection__rendered {
  color: black;
}

.count-report {
  margin: 40px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #282b32;
}

.leads-popup-wrap {
  margin: auto;
}

.parent-label {
  position: relative;
  margin-bottom: 5px;
}

.child-label {
  margin-left: 30px;
}

.child-label .custom.block {
  padding-top: 20px;
}

.report-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .report-checkbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.report-checkbox__col {
  margin-right: 100px;
}

@media (max-width: 767px) {
  .report-checkbox__col {
    margin-bottom: 20px;
  }
}

.report-email {
  margin-top: 38px;
}

.report-email__info {
  display: block;
  padding: 0px 0 20px;
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
}

.report-email-control {
  min-width: 302px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .report-email-control {
    min-width: 260px;
    margin-bottom: 20px;
  }
}

.report-buttons {
  margin-top: 50px;
}

.btn.btn-leads.btn-leads--false {
  background: #87E2A4;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .btn-leads {
    margin-top: 20px;
  }
}

.actions-filter .select2-container {
  margin-left: 25px;
}

.actions-count {
  font-size: 12px;
  font-weight: bold;
}

.admin-top-filter--actions {
  padding-bottom: 0px !important;
}

.admin-table.actions-table thead th::after {
  display: none;
}

.actions-table thead span {
  position: relative;
  cursor: pointer;
}

.actions-table thead span:after {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  content: '';
  position: absolute;
  top: 37%;
  right: -30px;
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  height: 0;
  width: 0;
}

.actions-table thead span.active-sort::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 1023px) {
  .actions-filter .select2-container {
    margin-left: 0px;
    margin-top: 5px;
  }
}

.w-100 {
  width: 100% !important;
}

.admin-navbar__items--fz-16 {
  font-size: 16px;
}

.admin-navbar__items--fz-16 .admin-navbar__item .admin-navbar__link {
  font-size: 16px;
}

.admin-navbar__number {
  color: #00bbd3;
  padding-left: 12px;
}

.table-sm {
  width: 868px;
}

.admin-stat-input {
  margin-left: 200px;
}

@media (max-width: 1023px) {
  .admin-stat-input {
    margin-left: 0;
    padding-left: 10px;
  }
}

@media (max-width: 1169px) {
  .admin-layout__main--new {
    padding: 0 50px !important;
  }
}

@media (max-width: 767px) {
  .admin-layout__main--new {
    padding: 20px !important;
  }
}

.stat-table {
  max-width: 825px;
}

@media (max-width: 1169px) {
  .stat-table {
    max-width: 870px;
  }
}

@media (max-width: 1023px) {
  .stat-table {
    max-width: 825px;
  }
}

.graph-wrap {
  background-color: #fff;
  width: 814px;
  height: 360px;
  padding-left: 40px;
  padding-top: 30px;
}

.graph-input {
  padding-bottom: 12px;
  padding-left: 12px;
  font-size: 13px;
  line-height: 21px;
}

/* ADDITIONAL STYLING */
/* The container */
.graph-container {
  display: block;
  font-size: 13px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.graph-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  background-color: #f5f6f8;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #f5f6f8;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
}

/* When the checkbox is checked, add a blue background */
.graph-container input:checked ~ .checkmark {
  background-color: #f5f6f8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.graph-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.graph-container .checkmark:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid red;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#chartjs-applications, #chartjs-actions {
  margin-left: -40px;
  margin-top: 30px;
  margin-bottom: 50px;
}

#chartjs-applications .custom, #chartjs-actions .custom {
  margin-right: 48px;
}

input[type=checkbox]:not(:checked) ~ .custom__input + .graph-input {
  color: black !important;
}

.graph-actions {
  margin-top: 90px;
  margin-bottom: 140px;
}

input[type=checkbox]:not(:checked) ~ .custom__input--graph::after {
  background: none;
}

input[type=checkbox]:checked ~ .custom__input--graph::after {
  background: none;
}

input[type=checkbox]:not(:checked) ~ .custom__input--graph + .graph-input + .graph-svg {
  display: none;
}

.legend-actions {
  position: relative;
}

.graph-svg {
  position: absolute;
  left: 2px;
  top: 3px;
  width: 13px;
  height: 13px;
}

#chartjs-applications, #chartjs-actions {
  z-index: 99;
}

@media (max-width: 1023px) {
  .graph-wrap {
    width: 680px;
  }
  #chartjs-applications .custom, #chartjs-actions .custom {
    margin-right: 28px;
  }
}

@media (max-width: 767px) {
  .graph-wrap {
    margin-left: -10px;
    width: 260px;
    padding-left: 0;
    background: transparent;
    height: auto;
  }
  .graph-actions {
    margin-bottom: 60px;
  }
  #chartjs-applications, #chartjs-actions {
    margin-left: 0;
  }
  #chartjs-applications .custom, #chartjs-actions .custom {
    margin-right: 28px;
  }
}

.tariffs-button-size {
  min-width: 244px;
}

.tariffs {
  font-family: "Open Sans", sans-serif;
  width: 866px;
  min-height: 460px;
  background-color: #fff;
  margin-bottom: 25px;
  padding: 40px;
}

.tariffs__line {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding-left: 32px;
  color: #00bbd3;
}

.tariffs__line::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 3px;
  left: -40px;
  top: -webkit-calc(50% - 2px);
  top: calc(50% - 2px);
  background-color: #00bbd3;
}

.tariffs__list {
  padding: 30px 40px 30px 40px;
  margin-left: -40px;
  margin-right: -40px;
  border-bottom: 2px solid #fafafb;
  max-width: 762px;
}

.tariffs__list li {
  padding-left: 28px;
  padding-bottom: 8px;
  list-style-type: none;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #282b32;
}

.tariffs__list li::before {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #282b32;
}

.tariffs__list li:last-of-type {
  padding-bottom: 0;
}

.tariffs--blue {
  color: #00bbd3;
  font-weight: bold;
}

.tariffs-submenu {
  padding: 15px 15px 25px 0;
}

.tariffs-submenu__title {
  font-weight: bold;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .tariffs-submenu__title {
    font-size: 12px;
  }
}

.tariffs-submenu__dropdown .nano {
  height: 125px;
}

@media screen and (max-width: 767px) {
  .tariffs-submenu__dropdown .nano {
    height: 90px;
  }
}

.tariffs-submenu__dropdown .nano .nano-content {
  margin-right: -19px;
  padding-right: 19px;
}

.tariffs-submenu__dropdown li {
  padding-left: 0;
  padding-bottom: 2px;
  line-height: normal;
}

.tariffs-price {
  padding-left: 40px;
  padding-top: 25px;
}

.tariffs-price__p {
  font-size: 16px;
  font-weight: bold;
  color: #282b32;
}

.tariffs-price__span {
  font-size: 24px;
  font-weight: bold;
}

.tariffs-price a:first-of-type {
  width: 246px;
}

.tariffs-price a:last-of-type {
  width: 338px;
}

@media (max-width: 1169px) {
  .tariffs-resize {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .admin-layout--tariffs {
    padding-left: 35px !important;
  }
  .admin-layout--tariffs .admin-layout__main--new {
    padding-left: 0 !important;
  }
  .admin-layout--tariffs .admin-layout__main--new .admin-layout__meta {
    padding-left: 0;
  }
  .tariffs {
    margin: -10px auto 35px auto;
  }
}

@media (max-width: 1023px) {
  .tariffs {
    width: 700px;
    min-height: 460px;
    margin-left: -15px;
  }
  .tariffs-price {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .tariffs {
    width: 280px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 10px auto;
    padding: 30px 15px 25px 20px;
  }
  .tariffs-submenu {
    padding: 15px 0px 25px;
  }
  .tariffs-submenu__title {
    font-size: 12px;
  }
  .tariffs-submenu__dropdown .nano {
    height: 90px;
  }
  .tariffs-resize {
    display: block;
    width: 210px !important;
    min-width: 100%;
    height: 45px;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .admin-layout--tariffs {
    padding: 0 !important;
  }
  .admin-layout--tariffs .admin-layout__main--new {
    padding: 0 !important;
  }
  .tariffs__line {
    font-size: 16px;
  }
  .tariffs__line:before {
    left: -20px;
  }
  .tariffs__list {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .tariffs__list li {
    font-size: 12px;
  }
  .tariffs__list li:before {
    font-size: 12px;
  }
  .tariffs-price {
    text-align: center;
    padding: 20px 0 0 0;
  }
  .tariffs-price a:first-of-type {
    width: 100%;
    height: 51px;
    font-size: 9px;
  }
  .tariffs-price a:last-of-type {
    width: 100%;
    height: 51px;
    font-size: 9px;
  }
  .tariffs-price__p {
    font-size: 12px;
    display: block;
  }
  .tariffs-price__span {
    display: block;
    font-size: 16px;
    padding-top: 10px;
  }
}

.b-call-buttons {
  display: block;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: -webkit-calc(100% - 85px);
  width: calc(100% - 85px);
  padding: 20px;
  pointer-events: none;
}

@media (min-width: 768px) {
  .b-call-buttons {
    display: none;
  }
}

.b-call-buttons__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.b-call-buttons__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}

.b-call-buttons__item:last-child .b-call-buttons__button {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}

.b-call-buttons__item:first-child .b-call-buttons__button {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

.b-call-buttons__item:not(:first-child) {
  margin-left: -1px;
}

.b-call-buttons__item:not(:first-child) .b-call-buttons__button::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background-color: #77cd95;
}

.b-call-buttons__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: auto;
  cursor: pointer;
  height: 64px;
  background-color: #44bb6e;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.b-call-buttons__button:hover, .b-call-buttons__button:focus {
  color: #000;
  background-color: #fff;
}

.b-call-buttons__button:hover:before, .b-call-buttons__button:focus:before {
  opacity: 0;
}

.b-call-buttons__button-icon {
  height: 16px;
  width: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  margin-bottom: 7px;
}

.b-call-buttons__button-text {
  display: inline-block;
  max-width: 90px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
}

.company-list {
  padding: 70px 0;
  background: #fff;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .company-list {
    padding: 50px 0;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list {
    padding-bottom: 88px;
  }
}

@media (max-width: 767px) {
  .company-list {
    padding: 40px 0 60px 0;
  }
}

.company-list__h2 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 38px;
  margin-top: 0;
  margin-bottom: 40px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list__h2 {
    font-size: 25px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .company-list__h2 {
    font-size: 15px;
    line-height: 22px;
  }
}

.company-list__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list__container {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .company-list__container {
    margin-bottom: 24px;
  }
}

.company-list-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 160px;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
  margin: 0 9px 20px 9px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .company-list-card {
    margin: 0 10px 20px 10px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list-card {
    margin: 0 7px 16px 7px;
  }
}

@media (max-width: 767px) {
  .company-list-card {
    margin: 0 0 8px 0;
  }
}

.company-list-card__link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.company-list-card__title {
  width: 100%;
  font-weight: 600;
  text-align: right;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}

.company-list-card__img {
  width: 100%;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list-card__img {
    height: 70px;
  }
}

@media (max-width: 767px) {
  .company-list-card__img {
    height: 70px;
  }
}

.company-list-card__img img {
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  will-change: transform;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .company-list-card__img img {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .company-list-card__img img {
    max-width: 78%;
  }
}

.company-list-card__bottom {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
}

.company-list-card__bottom .stars svg {
  width: 12px;
  height: 12px;
}

.company-list-card__bottom .stars__val, .company-list-card__bottom .feedback__comments {
  display: none;
}

.company-list-card__comments {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #A2A2A2;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.company-list-card__comments svg {
  margin-right: 4px;
}

.company-list-card__comments-count {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: currentColor;
}

.company-list-card__comments:hover {
  color: #007fc7;
}

.company-list-card--no-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.company-list-card--no-text:hover .company-list-card__img img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

.banner-step {
  background-color: #00bbd3;
  padding: 32px 32px 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner-step {
    margin-left: -17px;
    margin-right: -17px;
  }
}

@media (max-width: 767px) {
  .banner-step {
    padding: 40px 17px;
    margin-left: -17px;
    margin-right: -17px;
  }
}

.banner-step__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 32px;
}

.banner-step__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -14px;
}

.banner-step__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 14px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .banner-step__item {
    width: 100%;
    margin-bottom: 22px;
  }
  .banner-step__item:last-child {
    margin-bottom: 0;
  }
}

.banner-step__step {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 22px;
  color: #00bbd3;
}

.banner-step__text {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  width: 172px;
  margin-left: 16px;
  position: relative;
  top: -2px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner-step__text {
    width: 150px;
  }
}

.banner-step__text--long {
  width: 199px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner-step__text--long {
    width: 150px;
  }
}

.banner-step__button {
  padding-left: 10px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .banner-step__button {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .banner-step__button {
    padding-left: 0;
    padding-top: 20px;
  }
}

.service-cards-card {
  background: #fff;
  padding: 0px 6px;
  margin-bottom: 10px;
  border: 1px solid #B3C4D0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .service-cards-card {
    padding: 0 18px;
    margin-bottom: 24px;
  }
}

.service-cards-card--special .service-cards-card__about {
  position: relative;
  z-index: 3;
}

.service-cards-card--special .service-cards-card__about::before {
  position: absolute;
  content: '';
  top: -21px;
  left: -7px;
  width: -webkit-calc(100% + 14px);
  width: calc(100% + 14px);
  height: -webkit-calc(100% + 46px);
  height: calc(100% + 46px);
  border: 1px solid #00C04B;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card--special .service-cards-card__about::before {
    top: -21px;
    left: -1px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 46px);
    height: calc(100% + 46px);
  }
}

@media (max-width: 767px) {
  .service-cards-card--special .service-cards-card__about::before {
    top: -19px;
    left: -18px;
    width: -webkit-calc(100% + 36px);
    width: calc(100% + 36px);
    height: -webkit-calc(100% + 60px);
    height: calc(100% + 60px);
  }
}

@media (min-width: 768px) {
  .service-cards-card--special .service-cards-card__contacts {
    margin-top: -24px;
  }
}

.service-cards-card:last-child {
  margin-bottom: 0;
}

.service-cards-card__tooltips {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .service-cards-card__tooltips {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.service-cards-card__tooltip {
  margin-right: 10px;
}

.service-cards-card__tooltip:last-child {
  margin-right: 0;
}

.service-cards-card__tooltip .tip {
  margin-left: 0;
  cursor: help;
  background-color: transparent;
  height: auto;
  width: auto;
}

.service-cards-card__about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 24px;
  margin-top: 20px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__about {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .service-cards-card__about {
    padding: 0;
    margin-top: 18px;
  }
}

.service-cards-card__about:hover .service-cards-card__name {
  color: #007fc7;
}

.service-cards-card__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.service-cards-card__logo {
  max-width: 82px;
}

.service-cards-card__logo-container {
  width: 290px;
  margin-bottom: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__logo-container {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .service-cards-card__logo-container {
    width: 100%;
    margin-bottom: 11px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.service-cards-card__logo-container .msg-info {
  margin-top: 10px;
}

.service-cards-card__name {
  font-size: 16px;
  line-height: 22px;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.service-cards-card__name + .service-cards-card__rating {
  margin-top: 6px;
}

.service-cards-card__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-cards-card__rating-comments {
  font-size: 11px;
  line-height: 16px;
  color: #A2A2A2;
  position: relative;
  margin-left: 20px;
  padding-left: 17px;
  top: 3px;
}

.service-cards-card__rating .stars__val, .service-cards-card__rating .feedback__comments {
  display: none;
}

.service-cards-card__desc {
  width: 262px;
  margin-bottom: 14px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__desc {
    width: 41%;
  }
}

@media (max-width: 767px) {
  .service-cards-card__desc {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.service-cards-card__button {
  padding-top: 12px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .service-cards-card__button {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    padding-top: 0;
  }
}

.service-cards-card__contacts {
  width: 100%;
}

@media (max-width: 767px) {
  .service-cards-card__contacts {
    margin-bottom: 24px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.service-cards-card__table {
  margin-top: 24px;
}

@media (max-width: 767px) {
  .service-cards-card__table {
    margin-top: 40px;
  }
}

.service-cards-card__table-head {
  padding: 12px 24px;
  background: #F5F6F8;
  border-top: 0.5px solid #B5C6D1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__table-head {
    padding: 12px 32px;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-head {
    display: none;
  }
}

.service-cards-card__table-name {
  width: 290px;
  font-size: 11px;
  line-height: 14px;
  padding-right: 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__table-name {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-name {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 18px;
  }
  .service-cards-card__table-name:before {
    margin-bottom: 8px;
  }
}

.service-cards-card__table-unit {
  width: 165px;
  font-size: 11px;
  line-height: 14px;
  padding-right: 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__table-unit {
    width: 24%;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-unit {
    width: 50%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .service-cards-card__table-unit::before {
    margin-bottom: 8px;
  }
}

.service-cards-card__table-price {
  width: 195px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding-right: 16px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__table-price {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-price {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 18px;
  }
  .service-cards-card__table-price::before {
    margin-bottom: 2px;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-button {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: 50%;
    padding-top: 15px;
  }
}

.service-cards-card__table-head .service-cards-card__table-name, .service-cards-card__table-head .service-cards-card__table-unit, .service-cards-card__table-head .service-cards-card__table-price {
  font-size: 8px;
  line-height: 14px;
  text-transform: uppercase;
  color: #7B7B83;
}

@media (max-width: 767px) {
  .service-cards-card__table-name::before, .service-cards-card__table-unit::before, .service-cards-card__table-price::before {
    content: attr(data-label);
    display: block;
    font-size: 8px;
    line-height: 14px;
    text-transform: uppercase;
    color: #7B7B83;
  }
}

.service-cards-card__table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
  border-bottom: 0.5px solid #B0C3CE;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card__table-row {
    padding: 20px 32px;
  }
}

@media (max-width: 767px) {
  .service-cards-card__table-row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 24px 0;
    border-bottom: 0;
    border-top: 0.5px solid #B0C3CE;
  }
}

.load-more-hide .service-cards-card__table-row:last-child {
  border-bottom: 0;
}

.service-cards-card__table-more {
  text-align: center;
}

.service-cards-card__table-more .btn {
  margin: 25px 0;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #959595;
  height: auto;
  width: auto;
  padding: 0 0 2px;
  background: none;
  border-radius: 0;
  border-bottom: 1px dashed #007FC7;
  -webkit-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

@media (max-width: 767px) {
  .service-cards-card__table-more .btn {
    margin-bottom: 32px;
  }
}

.service-cards-card__table-more .btn:hover {
  border-bottom: 1px dashed transparent;
}

.service-cards-card--single {
  max-width: 845px;
  margin: 30px auto;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .service-cards-card--single {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .service-cards-card--single {
    margin: 23px auto;
  }
}

.service-cards-card--single:last-child {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .service-cards-card--single:last-child {
    margin: 23px auto;
  }
}

.service-cards-card--single .service-cards-card__table-head {
  border-top: 0;
}

.image-text-slider {
  overflow: hidden;
}

@media (max-width: 767px) {
  .image-text-slider {
    max-width: 100%;
    overflow: hidden;
  }
}

.image-text-slider h2 {
  text-align: center;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .image-text-slider__cards {
    width: 190px;
  }
}

.image-text-slider__cards .slick-list {
  overflow: visible;
}

.image-text-slider__card {
  padding: 0 15px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .image-text-slider__card {
    padding: 0 7px;
  }
}

@media (max-width: 767px) {
  .image-text-slider__card {
    padding: 0 5px;
  }
}

.image-text-slider__card-image {
  height: 202px;
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .image-text-slider__card-image {
    height: 171px;
  }
}

.image-text-slider__card-container {
  -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
}

.image-text-slider__card-text {
  background-color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 20px 25px;
}

.image-text-slider .slick-dots {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .image-text-slider .slick-dots {
    margin-top: 24px;
    width: 100vw;
    margin-left: -14px;
  }
}

.image-text-slider .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 24px;
}

.image-text-slider .slick-dots > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.image-text-slider .slick-dots > li button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.image-text-slider .slick-dots > li.slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

@media (max-width: 767px) {
  .image-text-slider .slick-list {
    overflow: visible;
  }
}

.new-tariffs {
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  padding: 22px 97px 40px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .new-tariffs {
    padding: 22px 22px 48px 78px;
  }
}

@media (max-width: 767px) {
  .new-tariffs {
    padding: 16px 16px 40px;
  }
}

.new-tariffs__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 43px;
  color: #202020;
  margin-top: 0;
  margin-bottom: 22px;
}

@media (max-width: 767px) {
  .new-tariffs__title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}

.new-tariffs__desc {
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .new-tariffs__desc {
    font-size: 13px;
    line-height: 22px;
  }
}

.new-tariffs__desc ul {
  padding: 0;
}

.new-tariffs__desc ul li {
  list-style: none;
  position: relative;
  padding-left: 14px;
}

.new-tariffs__desc ul li:before {
  background: #00BFD6;
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  height: 4px;
  width: 4px;
  border-radius: 50%;
}

.new-tariffs__step {
  margin-top: 22px;
}

@media (max-width: 767px) {
  .new-tariffs__step {
    margin-top: 16px;
  }
}

.new-tariffs__step-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 11px;
}

@media (max-width: 767px) {
  .new-tariffs__step-title {
    font-size: 13px;
    line-height: 24px;
  }
}

.new-tariffs__step-select {
  width: 264px;
}

@media (max-width: 767px) {
  .new-tariffs__step-select {
    width: 100%;
  }
}

.new-tariffs__price {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #202020;
  margin-top: 32px;
}

@media (max-width: 767px) {
  .new-tariffs__price {
    font-size: 14px;
    line-height: 24px;
    margin-top: 22px;
  }
}

.new-tariffs__price span {
  color: #00BBD3;
  font-size: 24px !important;
  line-height: 24px;
}

@media (max-width: 767px) {
  .new-tariffs__price span {
    font-size: 22px !important;
    line-height: 24px;
  }
}

.new-tariffs__submenu .nano {
  height: 125px;
}

.new-tariffs__submenu .checkbox-tree {
  margin-top: 11px;
}

@media (max-width: 767px) {
  .new-tariffs__submenu .checkbox-tree {
    margin-top: 0;
  }
}

.new-tariffs__submenu .checkbox-tree__item {
  padding-left: 0;
}

.new-tariffs__actions {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .new-tariffs__actions {
    margin-top: 22px;
  }
}

.new-tariffs__actions .btn {
  padding: 12px 24px;
  font-weight: 600;
  font-size: 11px;
  line-height: 25px;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .new-tariffs__actions .btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .new-tariffs__actions .btn:last-child {
    margin-bottom: 0;
  }
}

.block-with-banner {
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
  margin: 0 -15px 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner {
    width: 100%;
    margin: 0 0 80px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .block-with-banner {
    width: -webkit-calc(100% + 34px);
    width: calc(100% + 34px);
    margin: 0 -17px 56px;
    padding-left: 17px;
    padding-right: 17px;
    overflow: hidden;
  }
}

.block-with-banner__block {
  padding: 0 15px;
  width: -webkit-calc(9 / 12 * 100%);
  width: calc(9 / 12 * 100%);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner__block {
    width: 100%;
    padding: 0;
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .block-with-banner__block {
    width: 100%;
    padding: 0;
    margin-top: 32px;
    overflow: hidden;
  }
}

.block-with-banner__banner {
  padding: 0 15px;
  width: -webkit-calc(3 / 12 * 100%);
  width: calc(3 / 12 * 100%);
  margin-top: 90px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner__banner {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .block-with-banner__banner {
    width: -webkit-calc(100% + 34px);
    width: calc(100% + 34px);
    padding: 0;
    margin-top: 80px;
    margin-left: -17px;
    margin-right: -17px;
  }
}

.block-with-banner__text {
  max-width: 648px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner__text {
    max-width: 381px;
  }
}

@media (max-width: 767px) {
  .block-with-banner__text {
    width: 100%;
  }
}

.block-with-banner__text .title {
  font-size: 22px;
  line-height: 27px;
  margin-top: 64px;
  margin-bottom: 32px;
  text-transform: none;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner__text .title {
    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .block-with-banner__text .title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
    margin-bottom: 16px;
  }
}

.block-with-banner__text > *:last-child {
  margin-bottom: 0;
}

.block-with-banner--text {
  margin-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner--text {
    margin-bottom: 8px;
  }
}

.block-with-banner--text .block-with-banner__block {
  width: -webkit-calc(8 / 12 * 100%);
  width: calc(8 / 12 * 100%);
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner--text .block-with-banner__block {
    margin-top: 0;
    width: -webkit-calc(6 / 9 * 100%);
    width: calc(6 / 9 * 100%);
  }
}

@media (max-width: 767px) {
  .block-with-banner--text .block-with-banner__block {
    width: 100%;
    margin-top: 0;
  }
}

.block-with-banner--text .block-with-banner__banner {
  margin-top: 64px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-with-banner--text .block-with-banner__banner {
    width: -webkit-calc(3 / 9 * 100%);
    width: calc(3 / 9 * 100%);
    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .block-with-banner--text .block-with-banner__banner {
    margin-top: 40px;
  }
}

.cards-window {
  width: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cards-window .card-window {
  width: 25%;
  margin-top: 24px;
}

.cards-window .card-window:nth-child(-n+4) {
  margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cards-window .card-window {
    margin-top: 0;
    height: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .cards-window .card-window {
    margin-top: 0;
  }
}

.cards-window .slick-list {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: visible;
  z-index: 1;
}

.cards-window .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: 0;
  margin-right: 0;
}

.cards-window .slick-dots {
  margin: 24px auto 0;
  z-index: 0;
}

.cards-window .slick-dots li {
  margin-top: 0 !important;
}

.cards-window .slick-slide {
  height: auto;
}

.cards-window .slick-slide > div {
  height: 100%;
}

.cards-window .slick-slide:not(:first-child) .card-window {
  border-left: 0;
}

@media (max-width: 767px) {
  .cards-window .slick-slide:not(:first-child) .card-window {
    border-left: 1px solid #B2C4D0;
  }
}

.hint-button {
  position: fixed;
  right: 50px;
  top: 50%;
  width: 48px;
  height: 48px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #00bbd3;
  border-radius: 50%;
  z-index: 99;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.hint-button:hover {
  background-color: #00d6f0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hint-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .hint-button {
    display: none;
  }
}

.hint-button__icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hint-button__icon:hover + .hint-button__text {
  opacity: 1;
  pointer-events: all;
}

.hint-button__text {
  width: 202px;
  background: #fff;
  padding: 16px 18px 16px 24px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  bottom: -webkit-calc(100% + 20px);
  bottom: calc(100% + 20px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  -webkit-box-shadow: 0 0 10px rgba(54, 59, 68, 0.05);
          box-shadow: 0 0 10px rgba(54, 59, 68, 0.05);
}

@media (hover: none) and (pointer: coarse) {
  .hint-button__text {
    display: none;
  }
}

@media (hover: none) and (pointer: fine) {
  .hint-button__text {
    display: none;
  }
}

.hint-button__text::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  border: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -16px;
  right: 16px;
}

@media (max-width: 767px) {
  .hint-button__text::after {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.hint-button__title {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 14px;
  color: #001E42;
  text-transform: uppercase;
}

.hint-button__title + .hint-button__desc {
  margin-top: 8px;
}

.hint-button__desc {
  font-size: 11px;
  line-height: 14px;
  color: #001E42;
}

@media (max-width: 767px) {
  .noresult {
    padding: 0 16px;
  }
}

.noresult__title {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 40px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .noresult__title {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .noresult__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 24px;
  }
}

.noresult__description {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .noresult__description {
    max-width: 81%;
    margin-bottom: 41px;
  }
}

@media (max-width: 767px) {
  .noresult__description {
    margin-bottom: 32px;
    font-size: 12px;
    line-height: 24px;
    padding-right: 8px;
  }
}

.noresult__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .noresult__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 767px) {
  .noresult__action {
    width: 100%;
  }
}

.noresult__action:not(:last-child) {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .noresult__action:not(:last-child) {
    margin: 0 0 16px;
  }
}

.noresult__action .btn {
  font-weight: 600;
}

.noresult__action .btn_green {
  padding: 0 32px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .noresult__action .btn_green {
    padding: 0 30px 0 32px;
  }
}

@media (max-width: 767px) {
  .noresult__action .btn_green {
    width: 100%;
  }
}

.noresult__action .btn_outline-sky {
  padding: 0 40px;
}

@media (max-width: 767px) {
  .noresult__action .btn_outline-sky {
    width: 100%;
  }
}

.noresult__action a {
  font-family: "Open Sans", sans-serif;
  min-height: 52px;
  font-size: 10.5px;
  line-height: 15px;
}

.p-catalog ~ .filter-map {
  margin-top: 20px;
  margin-bottom: 40px;
}

.p-catalog ~ .filter-map .index__wrapper > .h2 {
  margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-catalog ~ .filter-map {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .p-catalog ~ .filter-map .index__wrapper > .h2 {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) {
  .p-catalog ~ .filter-map {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .p-catalog ~ .filter-map .index__wrapper > .h2 {
    margin-top: 20px;
  }
}

.p-catalog ~ .index-reviews {
  padding: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-catalog ~ .index-reviews {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .p-catalog ~ .index-reviews {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.p-catalog ~ .article-content {
  padding-top: 30px;
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-catalog ~ .article-content {
    margin-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .p-catalog ~ .article-content {
    padding-top: 60px;
    margin-bottom: 120px;
  }
}

.p-catalog__item + .p-catalog__item {
  margin-top: 10px;
}

.p-catalog__item .banner {
  background-color: #ECECEC;
  padding-top: 24px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-catalog__item .banner {
    padding: 24px;
  }
  .p-catalog__item .banner__content {
    width: 70%;
  }
  .p-catalog__item .banner__image {
    width: 30%;
  }
}

@media (min-width: 1024px) {
  .p-catalog__item .banner {
    height: auto;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-catalog__item .banner__content {
    width: 50%;
    margin-bottom: 0;
    padding-right: 48px;
  }
  .p-catalog__item .banner__image {
    position: absolute;
    right: 24px;
    top: 0;
    width: 50%;
  }
  .p-catalog__item .banner__image img {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}

.p-catalog__item .banner .btn {
  font-weight: 600;
}

.p-catalog__item .proposal {
  border: 1px solid #979797;
}

@media (min-width: 1024px) {
  .p-catalog__item .proposal {
    background-position: 120%;
  }
  .p-catalog__item .proposal-column {
    padding: 0;
  }
  .p-catalog__item .proposal-column__form {
    padding: 24px;
  }
}

.p-catalog__item .proposal .btn {
  font-weight: 600;
  height: 44px;
  padding-top: 2px;
  padding-bottom: 0;
  vertical-align: center;
}

.p-catalog__items--no-paginaiton {
  margin-bottom: 40px;
}

.p-catalog__content--view .filter-view {
  display: block;
}

.p-catalog__content--view .p-win-search__filter {
  margin-bottom: 22px;
}

@media (max-width: 767px) {
  .p-catalog__top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -17px 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .p-catalog__top .p-catalog__search-bar {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
  .p-catalog__top .p-catalog__search-bar .search-bar {
    margin-right: -20px;
    margin-left: -20px;
  }
  .p-catalog__filter-switch {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%;
  }
  .p-catalog__sort-type {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%;
  }
  .p-catalog__sort-type select {
    min-width: 170px;
    width: 100%;
  }
  .p-catalog__items {
    margin-right: -12px;
    margin-left: -12px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-catalog__top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .p-catalog__search-bar {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-catalog__filter-switch {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-catalog__sort-type {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    margin: 20px 0 22px;
  }
  .p-catalog__aside.tether-enabled + .p-catalog__content {
    opacity: 0.3;
  }
}

@media (min-width: 768px) and (max-width: 1169px) and (max-width: 1169px) {
  .p-catalog__aside {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    position: fixed !important;
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1169px) and (max-width: 1169px) {
  .p-catalog__aside .filter__close {
    right: 39px;
  }
}

@media (min-width: 768px) {
  .p-catalog__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-catalog__header h1,
  .p-catalog__header .h1 {
    margin: 0;
    padding-right: 30px;
    -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .p-catalog__header .tabs__ln:hover {
    cursor: pointer;
  }
}

.p-catalog__desc {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .p-catalog__desc {
    margin-bottom: 48px;
  }
}

.p-catalog__desc p {
  color: #898989;
}

@media (max-width: 1169px) {
  .p-catalog__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

@media (min-width: 1170px) {
  .p-catalog__header {
    margin-bottom: 29px;
  }
  .p-catalog__sort-type {
    margin: 20px 0 22px;
  }
  .p-catalog__item + .p-catalog__item {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
  }
}

.select-window--small + .select2-container--okna-trade .select2-selection--single {
  height: 25px;
  width: 140px;
}

.select-window--small + .select2-container--okna-trade {
  margin-left: 5px;
}

.select-window--small {
  margin-left: -5px;
}

@media screen and (max-width: 767px) {
  .select-window--small + .select2-container--okna-trade {
    max-width: 140px;
    display: block;
    margin: 5px 0 15px;
  }
}

.config-visual {
  display: inline-block;
  margin: 0 0 30px;
}

.config-visual-root {
  display: inline-block;
  -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  text-align: center;
}

.config-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 71px;
}

.config-actions_bg {
  background-color: #e8eaee;
}

.config-actions_2 {
  display: block;
  padding: 25px 0;
}

.config-actions_2 > .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.config-actions_2 > .wrap.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 0) and (max-width: 909px) {
  .config-actions_2 > .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .config-actions_2 > .wrap > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .config-actions_2 > .wrap > div + div {
    margin-bottom: 10px;
  }
}

@media (min-width: 0) and (max-width: 679px) {
  .config-actions_2 > .wrap .btn_green:not(.btn_with-sign) {
    display: block;
    margin: 10px auto 0;
  }
}

.config-actions_inline > .wrap {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.config-actions_margins {
  margin: 15px 0 53px;
}

@media (max-width: 767px) {
  .config-actions {
    text-align: center;
  }
}

.config-upload-sketch {
  cursor: pointer;
  font-family: "PT Serif", serif;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  line-height: 3.37;
  letter-spacing: 0.3px;
  text-align: left;
  color: #7b7b83;
  position: relative;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  display: block;
  margin-top: 15px;
  padding-left: 30px;
}

.config-upload-sketch:hover {
  color: #00BFD6;
}

.config-upload-sketch input {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.01;
}

.config-upload-sketch svg {
  height: 20px;
  width: 17px;
  vertical-align: middle;
  display: inline-block;
  margin: -3px 10px 0 0;
}

.config-upload-sketch-files__close {
  position: relative;
}

.config-upload-sketch-files__close::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  right: -10px;
  bottom: -5px;
}

.config-upload-sketch-files__close svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  height: 12px;
  width: 13px;
  fill: #F44336;
  position: relative;
  top: -1px;
}

.config-upload-sketch-files__file {
  display: block;
  line-height: 1.9;
  color: #000;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.config-upload-sketch-files__file--error {
  color: #e82c0d;
}

.config-upload-sketch-files__file + .config-upload-sketch-files__file {
  margin-top: 10px;
}

.config-upload-sketch__progress {
  display: block;
  background-color: #00BFD6;
  height: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  -webkit-transition: width 1s, color 1s;
  -o-transition: width 1s, color 1s;
  transition: width 1s, color 1s;
}

.config-upload-sketch__progress--error {
  background-color: #e82c0d;
}

.config-user-description {
  width: 711px;
  height: 176px;
  border-radius: 2px;
  border: solid 1px #acacb0;
  padding: 5px 10px;
  font: 14px/120% "Open Sans", sans-serif;
  max-width: 100%;
}

.config-svg-canvas {
  height: 459px;
  width: 495px;
}

.config-text-label {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #282b32;
  padding: 10px 0 11px;
  margin-bottom: 4px;
  position: relative;
}

.config-text-label__tip {
  width: 150px;
  height: 12px;
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.275px;
  color: #7b7b83;
}

@media (min-width: 1170px) {
  .config-text-label__tip {
    position: absolute;
    right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .config-text-l {
    max-width: 110px;
    display: block;
  }
}

.config-block {
  background-color: #fff;
  border-radius: 2px;
  padding: 38px 35px;
  margin-bottom: 32px;
}

.config-block__header {
  margin-bottom: 46px;
}

.config-block__header .config-remove-action {
  float: right;
}

@media (min-width: 0) and (max-width: 767px) {
  .config-block__header .config-title {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .config-block__header .config-tabs {
    padding-left: 0;
  }
}

@media (min-width: 0) and (max-width: 519px) {
  .config-block__header {
    position: relative;
  }
  .config-block__header .config-tabs {
    width: 100%;
  }
  .config-block__header .config-remove-action {
    position: absolute;
    top: -10px;
    right: 0;
  }
}

.config-block-transparent {
  background-color: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}

.config-block__footer, .config-block__footer p {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.85;
  text-align: left;
  color: #636363;
}

@media (min-width: 0) and (max-width: 767px) {
  .config-block {
    padding: 15px;
  }
}

@media (min-width: 460px) and (max-width: 767px) {
  .config-step-4__search-bar-wrap .search-bar {
    padding-right: 20px;
  }
}

@media (min-width: 0) and (max-width: 599px) {
  .config-step-4__search-bar-wrap {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .config-step-4__search-bar-wrap .search-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .config-step-4__search-bar-wrap .search-bar__title {
    padding-left: 20px;
  }
  .config-step-4__search-bar-wrap .search-bar__query-box {
    margin: 10px 0 0;
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 459px) {
  .config-step-4__search-bar-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .config-step-4__search-bar-wrap .search-bar {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 0) and (max-width: 379x) {
  .config-step-4__search-bar-wrap .btn {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .config-step-4__companies-sort {
    margin-top: 20px;
  }
}

@media (min-width: 380px) and (max-width: 767px) {
  .config-step-4__companies-sort {
    max-width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .configurator-step-4 .wrap.justify-center {
    text-align: center;
    display: block;
  }
  .configurator-step-4 .config-send-order-btn {
    width: 300px;
  }
}

.config-price__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #282b32;
}

.config-price__price {
  display: inline-block;
  min-width: 50px;
  margin-top: 5px;
  color: #00bbd3;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.config-price__price span {
  font-weight: 700;
}

.config-price__description {
  margin-top: 12px;
  color: #959595;
  font-size: 12px;
  line-height: 17px;
}

.popup-price__title {
  color: #282b32;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.popup-price__title--blue {
  white-space: nowrap;
  color: #00bbd3;
}

.popup-price__description {
  margin-top: 20px;
  color: #808080;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  line-height: 18px;
}

.popup-price__description--black {
  font-weight: 700;
  color: #282b32;
}

@media (max-width: 767px) {
  .popup-price br {
    content: "";
    display: none;
  }
}

.choise-title {
  max-width: 687px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
}

.choise-card__img {
  margin: auto;
  width: 100%;
  min-height: 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.choise-card__img img {
  margin: 0;
}

.choise-card__text {
  padding: 0 30px 20px 30px;
}

.choise-card__place {
  position: relative;
  display: block;
  width: 95%;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 13px;
  line-height: 1.38;
  color: #000000;
}

.choise-card__place::before {
  position: absolute;
  content: '';
  top: 4px;
  left: 0px;
  width: 8px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='11'%3E%3Cpath fill='%234A90E2' fill-rule='evenodd' d='M4 0C1.789 0 0 1.721 0 3.85 0 6.738 4 11 4 11s4-4.262 4-7.15C8 1.721 6.211 0 4 0zm0 5.225c-.789 0-1.429-.616-1.429-1.375S3.211 2.475 4 2.475s1.429.616 1.429 1.375S4.789 5.225 4 5.225z'/%3E%3C/svg%3E");
}

.choise-card__top-text {
  min-height: 115px;
}

.choise-card__top-text .regular-span {
  display: block;
  min-height: 48px;
}

.choise-card__phone {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}

.choise-card__phone::before {
  content: " ";
  position: absolute;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.31 5.395C3.03 6.81 4.19 7.965 5.605 8.69L6.705 7.59C6.84 7.455 7.04 7.41 7.215 7.47C7.775 7.655 8.38 7.755 9 7.755C9.275 7.755 9.5 7.98 9.5 8.255V10C9.5 10.275 9.275 10.5 9 10.5C4.305 10.5 0.5 6.695 0.5 2C0.5 1.725 0.725 1.5 1 1.5H2.75C3.025 1.5 3.25 1.725 3.25 2C3.25 2.625 3.35 3.225 3.535 3.785C3.59 3.96 3.55 4.155 3.41 4.295L2.31 5.395Z' fill='%234A90E2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.54999 0.5L7.04999 1C7.94999 1.9 7.94999 3.3 7.04999 4.25L7.54999 4.75C8.79999 3.6 8.79999 1.7 7.54999 0.5V0.5Z' fill='%234A90E2'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 1.55005L6 2.05005C6.25 2.40005 6.25 2.85005 6 3.20005L6.5 3.70005C7.1 3.10005 7.1 2.20005 6.5 1.55005Z' fill='%234A90E2'/%3e%3c/svg%3e ");
  height: 12px;
  width: 9px;
  left: 0;
  top: 3px;
}

.choise-card__mail {
  position: relative;
  padding-left: 15px;
  margin-bottom: 30px;
}

.choise-card__mail::before {
  content: " ";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0QTkwRTIiPjxwYXRoIGQ9Ik05LjkgMEgxLjFDLjQ5NSAwIC4wMDUuNTA2LjAwNSAxLjEyNUwwIDcuODc1QzAgOC40OTQuNDk1IDkgMS4xIDloOC44Yy42MDUgMCAxLjEtLjUwNiAxLjEtMS4xMjV2LTYuNzVDMTEgLjUwNiAxMC41MDUgMCA5LjkgMHptMCAyLjI1TDUuNSA1LjA2MyAxLjEgMi4yNVYxLjEyNWw0LjQgMi44MTMgNC40LTIuODEzVjIuMjV6Ii8+PC9zdmc+);
  height: 8px;
  width: 13px;
  left: 0;
  top: 6px;
}

.choise-card__comments i {
  width: 10px !important;
  height: 10px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.69911 9.94917L3.3982 8.25008H8.70835C9.46775 8.25008 10.0834 7.63447 10.0834 6.87508V2.29175C10.0834 1.53236 9.46775 0.916748 8.70835 0.916748H2.29169C1.5323 0.916748 0.916687 1.53236 0.916687 2.29175V9.62508C0.916687 10.0334 1.41038 10.2379 1.69911 9.94917ZM3.20835 7.33342C3.0868 7.33342 2.97022 7.3817 2.88426 7.46766L1.83335 8.51857V2.29175C1.83335 2.03862 2.03856 1.83341 2.29169 1.83341H8.70835C8.96148 1.83341 9.16669 2.03862 9.16669 2.29175V6.87508C9.16669 7.12821 8.96148 7.33342 8.70835 7.33342H3.20835Z' fill='black'/%3e%3cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='11' height='11'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.69911 9.94917L3.3982 8.25008H8.70835C9.46775 8.25008 10.0834 7.63447 10.0834 6.87508V2.29175C10.0834 1.53236 9.46775 0.916748 8.70835 0.916748H2.29169C1.5323 0.916748 0.916687 1.53236 0.916687 2.29175V9.62508C0.916687 10.0334 1.41038 10.2379 1.69911 9.94917ZM3.20835 7.33342C3.0868 7.33342 2.97022 7.3817 2.88426 7.46766L1.83335 8.51857V2.29175C1.83335 2.03862 2.03856 1.83341 2.29169 1.83341H8.70835C8.96148 1.83341 9.16669 2.03862 9.16669 2.29175V6.87508C9.16669 7.12821 8.96148 7.33342 8.70835 7.33342H3.20835Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0)'%3e%3crect width='11' height='11' fill='black'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}

.choise-card__radio {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.choise-card__radio:checked ~ .choise-card__inside-text {
  display: none;
}

.choise-card__radio:checked ~ .choise-card__out-text {
  display: inline-block;
}

.choise-card__inside-text {
  display: inline-block;
  color: #4a4a4a;
  border-bottom: 1px dashed #007fc7;
  font-size: 14px;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  cursor: pointer;
}

.choise-card__inside-text:hover {
  color: #007fc7;
}

.choise-card__out-text {
  display: none;
  color: #4a4a4a;
  font-size: 14px;
}

.choise-card__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.choise-card__stars {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.choise-card__comments-count {
  border-bottom: none;
}

.choise-price {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  color: #000000;
}

.choise-more {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.7px;
  color: #007fc7;
  border: none;
}

.choise-more::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: -2px;
  right: -37px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M22.932 14.638a1 1 0 0 1 .068.364V21a1 1 0 0 1-2 0v-3.688l-2.933 2.755a10 10 0 0 1-16.5-3.733 1 1 0 1 1 1.886-.668A8 8 0 0 0 9.229 20.8a8.015 8.015 0 0 0 7.446-2.169l2.8-2.631H16a1 1 0 0 1 0-2h6a1 1 0 0 1 .927.625l.005.013zM.068 9.36A1 1 0 0 1 0 8.996V2.998a1 1 0 0 1 2 0v3.688l2.933-2.755a10 10 0 0 1 16.5 3.733 1 1 0 1 1-1.886.667 8 8 0 0 0-5.776-5.134 8.015 8.015 0 0 0-7.446 2.17l-2.8 2.63H7a1 1 0 1 1 0 2H1a1 1 0 0 1-.927-.625L.068 9.36z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cg fill='%234A90E2' fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.choise-more:hover::after {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M22.932 14.638a1 1 0 0 1 .068.364V21a1 1 0 0 1-2 0v-3.688l-2.933 2.755a10 10 0 0 1-16.5-3.733 1 1 0 1 1 1.886-.668A8 8 0 0 0 9.229 20.8a8.015 8.015 0 0 0 7.446-2.169l2.8-2.631H16a1 1 0 0 1 0-2h6a1 1 0 0 1 .927.625l.005.013zM.068 9.36A1 1 0 0 1 0 8.996V2.998a1 1 0 0 1 2 0v3.688l2.933-2.755a10 10 0 0 1 16.5 3.733 1 1 0 1 1-1.886.667 8 8 0 0 0-5.776-5.134 8.015 8.015 0 0 0-7.446 2.17l-2.8 2.63H7a1 1 0 1 1 0 2H1a1 1 0 0 1-.927-.625L.068 9.36z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cg fill='%2300BFD6' fill-rule='nonzero' mask='url(%23b)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1169px) {
  .choise-title {
    font-size: 22px;
  }
}

@media (max-width: 1023px) {
  .choise-title {
    max-width: 515px;
  }
  .choise-card {
    min-height: 270px;
  }
  .choise-card__place {
    font-size: 11px;
    width: 100%;
  }
  .choise-card__text .regular-p {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .choise-title {
    font-size: 14px;
  }
  .choise-more {
    margin-left: -30px;
    display: block;
    width: 100%;
  }
  .choise-more:after {
    right: 60px;
  }
}

.choise-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
}

@media (max-width: 509px) {
  .choise-content {
    padding: 0 7%;
  }
}

.choise-card-link {
  padding: 10px;
  margin: 0 !important;
  width: 25%;
}

@media (max-width: 1023px) {
  .choise-card-link {
    width: 33.3333%;
  }
}

@media (max-width: 768px) and (min-width: 510px) {
  .choise-card-link {
    width: 50%;
  }
}

@media (max-width: 509px) {
  .choise-card-link {
    width: 100%;
  }
}

.choise-card {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: 290px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
}

.callmeter {
  background: #fff;
  margin-top: 60px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 0) and (max-width: 1023px) {
  .callmeter-column {
    width: 100%;
    max-width: 100%;
  }
}

.callmeter-column__form {
  padding: 60px 98px;
  background-color: #fff;
}

@media (min-width: 0) and (max-width: 639px) {
  .callmeter-column__form {
    padding: 60px 20px;
  }
}

.callmeter-column__form h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 38px;
  color: #202020;
  margin-top: 0;
  margin-bottom: 15px;
  width: 80%;
}

@media (min-width: 0) and (max-width: 639px) {
  .callmeter-column__form h3 {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
  }
}

.callmeter--small .callmeter-column__form h3 {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
}

@media (min-width: 640px) and (max-width: 1024px) {
  .callmeter--small .callmeter-column__form h3 {
    font-size: 24px;
    line-height: 38px;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .callmeter--small .callmeter-column__form h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.callmeter-column__form p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #898989;
  max-width: 320px;
}

.callmeter--small .callmeter-column__form {
  padding: 48px 48px 40px 48px;
}

@media (min-width: 0) and (max-width: 640px) {
  .callmeter--small .callmeter-column__form {
    padding: 60px 20px 32px;
  }
}

.callmeter--small .callmeter-column {
  width: 100% !important;
  max-width: 100% !important;
}

.callmeter-form {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.callmeter--small .callmeter-form {
  margin-top: 24px;
}

.callmeter-form__row {
  margin-bottom: 10px;
  width: 100%;
}

.callmeter-form__row.is-half {
  width: -webkit-calc(50% - 3px);
  width: calc(50% - 3px);
}

@media (min-width: 0) and (max-width: 640px) {
  .callmeter-form__row.is-half {
    width: 100%;
  }
}

.callmeter-form label {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  color: #ACACB0;
}

.callmeter-form input {
  display: block;
  width: 100%;
  border: 1px solid #ACACB0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  color: #202020;
  line-height: 28px;
  padding: 12px;
  font: 14px/1 "Open Sans", sans-serif;
  font-weight: 500;
}

.callmeter-form input[type="submit"] {
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border-radius: 44px;
  border: 0;
  margin-top: 18px;
  color: #FFFFFF;
}

.callmeter--small .callmeter-form input[type="submit"] {
  width: 266px;
  height: 45px;
  font-weight: 600;
}

@media (min-width: 0) and (max-width: 640px) {
  .callmeter--small .callmeter-form input[type="submit"] {
    margin-top: 24px;
    width: 100%;
  }
}

.callmeter-form input::-webkit-input-placeholder {
  color: #acacb0;
}

.callmeter-form input::-moz-placeholder {
  color: #acacb0;
}

.callmeter-form input:-ms-input-placeholder {
  color: #acacb0;
}

.callmeter-form input::-ms-input-placeholder {
  color: #acacb0;
}

.callmeter-form input::placeholder {
  color: #acacb0;
}

.callmeter-form .custom {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #959595;
  text-transform: none;
}

.callmeter-form .custom input {
  display: none;
}

.callmeter-form .custom__input, .callmeter-form .custom__txt {
  vertical-align: middle;
}

.callmeter-form .custom a {
  color: #959595;
  text-decoration: none;
  border-bottom: 1px dashed #00BFD6;
}

.callmeter--small .callmeter-form .custom {
  margin-top: 16px !important;
}

@media (min-width: 0) and (max-width: 640px) {
  .callmeter--small .callmeter-form .custom {
    margin-top: 20px !important;
  }
}

.callmeter-form .custom__txt span[data-seo-hidden-href] {
  font: 500 14px/120% "Open Sans", sans-serif;
  color: #959595;
  text-decoration: none;
  border-bottom: 1px dashed #00BFD6;
  -webkit-transition: border-color .3s;
  -o-transition: border-color .3s;
  transition: border-color .3s;
}

.callmeter-form .custom__txt span[data-seo-hidden-href]:hover {
  border-color: transparent;
}

.callmeter--small {
  background-image: none !important;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 640px) {
  .callmeter--small {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}

.cr-element__emptyInDoor {
  display: block;
  position: absolute;
  height: 8.5em;
  width: 6.9em;
  z-index: 2;
  left: 8px;
  bottom: 8px;
  border: 0.125em solid #C2AE99;
  border-right-color: rgba(0, 0, 0, 0.09);
  border-top-color: rgba(0, 0, 0, 0.09);
}

@media (max-width: 767px) {
  .cr-element__emptyInDoor {
    left: 5px;
    bottom: 5px;
  }
}

@media (min-width: 1024px) {
  .cr-element__emptyInDoor {
    width: 57px;
    height: 81px;
  }
  .cr-elements_type-11 .cr-element__emptyInDoor,
  .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 63px;
    height: 85px;
  }
}

@media (min-width: 1440px) {
  .cr-elements_type-11 .cr-element__emptyInDoor,
  .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 68px;
    height: 110px;
  }
}

.cr-element--emptyDoor.cr-element--blind, .cr-element--emptyDoorWithRoof.cr-element--blind, .cr-element--doorWithRoof.cr-element--blind {
  width: 8.25em;
}

.cr-element--emptyDoor.cr-element--blind .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--blind .cr-element__emptyInDoor, .cr-element--doorWithRoof.cr-element--blind .cr-element__emptyInDoor {
  height: 8.8em;
  width: 6.1em;
  left: 0;
  bottom: 0;
}

.cr-element--emptyDoor.cr-element--blind .cr-element__cross-beam, .cr-element--emptyDoorWithRoof.cr-element--blind .cr-element__cross-beam, .cr-element--doorWithRoof.cr-element--blind .cr-element__cross-beam {
  top: 16.5em;
}

.cr-element--emptyDoor.cr-element--exterior:not(.cr-element--blind) .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--exterior:not(.cr-element--blind) .cr-element__emptyInDoor {
  height: 8.2em;
  width: 6.7em;
  left: 0.7em;
  bottom: 0.7em;
}

.cr-element--emptyDoor.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor, .cr-element--doorWithRoof.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor {
  height: 8.8em;
}

.cr-element--emptyDoor.cr-element--exterior.cr-element--blind .cr-element__cross-beam svg, .cr-element--emptyDoorWithRoof.cr-element--exterior.cr-element--blind .cr-element__cross-beam svg, .cr-element--doorWithRoof.cr-element--exterior.cr-element--blind .cr-element__cross-beam svg {
  display: none;
}

@media (max-width: 767px) {
  .cr-element--emptyDoor.cr-element--blind .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--blind .cr-element__emptyInDoor, .cr-element--doorWithRoof.cr-element--blind .cr-element__emptyInDoor {
    height: 9.5em;
    width: 6.9em;
  }
  .cr-element--emptyDoor.cr-element--exterior:not(.cr-element--blind) .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--exterior:not(.cr-element--blind) .cr-element__emptyInDoor {
    height: 9em;
    width: 7.3em;
  }
  .cr-element--emptyDoor.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor, .cr-element--emptyDoorWithRoof.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor, .cr-element--doorWithRoof.cr-element--exterior.cr-element--blind .cr-element__emptyInDoor {
    height: 9.5em;
  }
}

.svg-i_win-type-50 {
  width: 20px;
  height: 48px;
}

.svg-i_win-type-51,
.svg-i_win-type-52 {
  width: 33px;
  height: 48px;
}

@media screen and (max-width: 767px) {
  .svg-i_win-type-50,
  .svg-i_win-type-51,
  .svg-i_win-type-52 {
    height: 41px;
  }
}

.cr-elements_type-14 {
  top: 0 !important;
  right: 0 !important;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-50,
  .cr-elements_type-51,
  .cr-elements_type-52 {
    font-size: 8px !important;
  }
}

.cr-elements_type-50 .cr-element__emptyInDoor,
.cr-elements_type-51 .cr-element__emptyInDoor,
.cr-elements_type-52 .cr-element__emptyInDoor {
  display: block;
  height: 94%;
  width: 78.18%;
  z-index: 3;
  left: 9px;
  bottom: 8px;
}

.cr-elements_type-50 .cr-element__cross-beam,
.cr-elements_type-51 .cr-element__cross-beam,
.cr-elements_type-52 .cr-element__cross-beam {
  z-index: 4;
  border: 0;
}

.cr-elements_type-50 .cr-element__opener {
  z-index: 2;
}

.cr-elements_type-51 .cr-element--blind .cr-element__cross-beam,
.cr-elements_type-52 .cr-element--blind .cr-element__cross-beam {
  top: 136px;
}

.cr-elements_type-50 .cr-element--blind .cr-element__emptyInDoor,
.cr-elements_type-51 .cr-element--blind .cr-element__emptyInDoor,
.cr-elements_type-52 .cr-element--blind .cr-element__emptyInDoor {
  width: 99%;
  height: 100%;
  left: 0;
  bottom: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-50 .cr-element__cross-beam,
  .cr-elements_type-51 .cr-element__cross-beam,
  .cr-elements_type-52 .cr-element__cross-beam {
    top: 139px;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-50 .cr-element__cross-beam,
  .cr-elements_type-51 .cr-element__cross-beam,
  .cr-elements_type-52 .cr-element__cross-beam,
  .cr-elements_type-50 .cr-element--blind .cr-element__cross-beam,
  .cr-elements_type-51 .cr-element--blind .cr-element__cross-beam,
  .cr-elements_type-52 .cr-element--blind .cr-element__cross-beam {
    top: 50%;
  }
}

.cr-elements_type-52 {
  margin-top: 7em;
}

.cr-elements_type-52 .cr-element--door::before {
  position: absolute;
  content: "";
  top: -7em;
  height: 7em;
  left: -0.625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: calc(100% + 0.625em * 2);
  right: -0.625em;
  background: #ebebeb;
}

.cr-elements_type-52 .cr-element--door:first-of-type::before {
  width: 22.3em;
  border-left: 1.0625em solid;
  border-right: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  webkit-box-shadow: inset -1px 1px 1px 0px #D6D6D6, inset 1px -1px 0px 0px #F7F7F7;
  -webkit-box-shadow: inset -1px 1px 1px 0px #D6D6D6, inset 1px -1px 0px 0px #F7F7F7;
          box-shadow: inset -1px 1px 1px 0px #D6D6D6, inset 1px -1px 0px 0px #F7F7F7;
  z-index: 2;
}

.cr-elements_type-52 .cr-element--door:last-of-type::before {
  display: none;
}

.cr-elements_type-52 .cr-element--door.cr-element--blind::before {
  width: 23.5em;
  left: -19px;
  top: -7.5em;
}

@media (max-width: 1439px) {
  .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 20.1em;
  }
  .cr-elements_type-52 .cr-element--door.cr-element--blind::before {
    width: 20em;
    left: -10px;
    top: -7.4em;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-52 .cr-element--door:first-of-type::before {
    top: -7.2em;
  }
  .cr-elements_type-52 .cr-element--door:last-of-type::before {
    top: -7.2em;
  }
  .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 21.3em;
  }
  .cr-elements_type-14 .cr-element-slope svg,
  .cr-elements_type-15 .cr-element-slope svg {
    height: 38.5em !important;
    top: -6.3em !important;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-52 {
    margin-top: 6.5em;
  }
  .cr-elements_type-52 .cr-element--door:first-of-type::before {
    top: -7.2em;
    left: -7px;
  }
  .cr-elements_type-52 .cr-element--door:last-of-type::before {
    top: -7.2em;
    width: 11.4em;
    left: -12px;
  }
  .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 21.5em;
  }
  /*.cr-elements_type-52 .cr-element--door.cr-element--blind::before {
    width: 21.1em;
    left: -5px;
  }*/
  .cr-elements_type-50 .cr-element__cross-beam {
    left: 9px !important;
  }
  .cr-elements_type-51 .cr-element__cross-beam,
  .cr-elements_type-52 .cr-element__cross-beam {
    right: 12px !important;
    left: 12px !important;
  }
  .cr-elements_type-50 .cr-element--blind .cr-element__cross-beam,
  .cr-elements_type-51 .cr-element--blind .cr-element__cross-beam {
    left: 0px !important;
  }
  .cr-elements_type-52 .cr-element--blind .cr-element__cross-beam {
    left: 0px !important;
    right: 0em !important;
  }
}

/*откосы*/
.cr-elements_type-50 .cr-element--door.cr-element--opens .cr-element-slope-wrap,
.cr-elements_type-51 .cr-element--door.cr-element--opens .cr-element-slope-wrap {
  top: -0.8em !important;
  height: 2.5em;
  z-index: 2;
}

.cr-elements_type-50 .cr-element-slope-top-wrap,
.cr-elements_type-51 .cr-element-slope-top-wrap {
  height: 1.3em;
  z-index: -1 !important;
  top: -1em;
}

.cr-elements_type-50 .cr-element-slope svg,
.cr-elements_type-51 .cr-element-slope svg {
  height: 32.5em;
}

.cr-elements_type-52 .cr-element--door.cr-element--opens .cr-element-slope-wrap {
  top: -7.5em !important;
  height: 2.5em;
  z-index: 2;
}

.cr-elements_type-52 .cr-element--blind .cr-element-slope-wrap {
  z-index: 2;
}

.cr-elements_type-52 .cr-element--door .cr-element-slope-wrap {
  top: -6.4em;
}

.cr-elements_type-52 .cr-element-slope-top-wrap {
  top: -7.7em;
  height: 3em;
  right: -1.7625em;
}

.cr-elements_type-52 .cr-element-slope svg {
  height: 39.6em;
}

.cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
  height: 40em;
}

.cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
  top: -6.8em;
}

.cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--right {
  right: -1.9em;
}

.cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--left {
  left: -2.2em;
}

.cr-elements_type-52 .cr-element--opens .cr-element-input-size--height-left {
  left: -75px;
}

.cr-elements_type-15 .cr-element--door .cr-element-slope ._slope {
  height: 35em;
  top: -4.8em;
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-52 .cr-element-slope-wrap {
    font-size: 9px;
  }
  .cr-elements_type-51 .cr-element--opens .cr-element-input-size--height-left {
    left: -75px;
  }
  .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--left,
  .cr-elements_type-15 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2.3em !important;
  }
  .cr-elements_type-52 .cr-element--door:nth-child(1).cr-element--blind::before {
    width: 22.2em;
    left: -9px;
    top: -7.5em;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-52 .cr-element-slope svg {
    height: 36.9em;
  }
  .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 37em;
    top: -6.4em !important;
  }
  .cr-elements_type-51 .cr-element-slope svg {
    height: 29.9em;
  }
  .cr-elements_type-52 .cr-element--blind .cr-element-input-size--height-left {
    left: -55px;
  }
  .cr-elements_type-51 .cr-element--opens .cr-element-input-size--height-left {
    left: -45px;
  }
  .cr-elements_type-50 .cr-element--opens .cr-element-input-size--height-left {
    left: -45px;
  }
  .cr-elements_type-14 .cr-element--blind .type-14 {
    height: 9.5em !important;
  }
  .cr-elements_type-14 .cr-element--door.cr-element--blind .cr-element-slope ._slope {
    top: -5.2em !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-52 .cr-element-slope svg {
    height: 36.9em;
  }
  .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 37em;
    top: -6.4em;
  }
  .cr-elements_type-51 .cr-element-slope svg {
    height: 29.9em;
  }
  .cr-elements_type-50 .cr-element-slope svg {
    height: 29.9em;
  }
  .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2.5em !important;
    top: -1.3em !important;
  }
  .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right {
    right: -2.5em !important;
    top: -1.3em !important;
  }
  .cr-elements_type-14 .cr-element--blind .type-14 {
    width: 5.6em !important;
    height: 8.7em !important;
  }
  .cr-elements_type-15 .cr-element--door .cr-element-slope--door {
    height: 35em !important;
    top: -5.8em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-52 .cr-element-slope svg {
    height: 36.9em;
  }
  .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 37em;
  }
  .cr-elements_type-51 .cr-element-slope svg {
    height: 29.9em;
  }
  .cr-elements_type-50 .cr-element-slope svg {
    height: 29.9em;
  }
  .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2.5em !important;
  }
  .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right {
    right: -2.5em !important;
  }
  .cr-elements_type-15 .cr-element-slope-top-wrap {
    left: -1.5em !important;
  }
  .cr-elements_type-15 .cr-element-slope-top-wrap {
    width: 23.3em;
  }
}

/*modal*/
.box-config .cr-elements_type-50 .cr-element-slope-top {
  background-color: transparent !important;
}

.box-config .cr-elements_type-50 .cr-element-slope-top-wrap {
  top: -1.2em;
  height: 1em;
  right: -1.8em;
}

.box-config .cr-elements_type-50 .cr-element-slope-top-wrap--4 {
  left: -2em;
}

.box-config .cr-elements_type-50 .cr-element--door .cr-element-slope {
  top: -0.3em;
}

@media screen and (max-width: 767px) {
  .box-config .cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope {
    top: -0.4em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-50 .cr-element-slope svg {
    height: 24em;
  }
  .box-config .cr-elements_type-50 .cr-element--opens .cr-element-slope-wrap--left {
    left: -1.55em;
  }
}

@media screen and (min-width: 1440px) {
  /*.box-config .cr-elements_type-50 .cr-element-slope svg, .cr-elements_type-51 .cr-element-slope svg {
    height: 26.5em;
    left: 0.2em;
  }*/
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope svg {
    top: -0.5em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-top-wrap {
    top: -2em !important;
    width: 11.5em;
    left: -2.2em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:nth-child(2) .cr-element-slope-top {
    top: 0.1em;
  }
}

.box-config .cr-elements_type-51 .cr-element--door:first-of-type::before {
  width: 18.2em !important;
}

.box-config .cr-elements_type-51 .cr-element-slope-top-wrap .cr-element-slope-top {
  background-color: transparent !important;
}

.box-config .cr-elements_type-51 .cr-element-slope-top-wrap {
  top: -1.2em;
  height: 3em;
  right: -1.8em;
}

.box-config .cr-elements_type-51 .cr-element-slope-top-wrap--4 {
  left: -2em;
}

.box-config .cr-elements_type-51 .cr-element--door .cr-element-slope {
  top: -0.3em;
}

.box-config .cr-elements_type-51 .cr-element-slope svg {
  height: 26.5em;
}

.box-config .cr-elements_type-51 .cr-element--opens .cr-element-slope-wrap--left {
  left: -1.6em;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-51 .cr-element-slope svg {
    height: 24.3em;
  }
}

@media screen and (max-width: 1023px) {
  .box-config .cr-elements_type-51 .cr-element-slope svg {
    height: 30em;
  }
  .box-config .cr-elements_type-51 .cr-element-slope-top-wrap {
    height: 1em;
  }
}

.box-config .cr-elements_type-52 .cr-element--door:first-of-type::before {
  width: 18.2em !important;
}

.box-config .cr-elements_type-52 .cr-element-slope-top {
  background-color: transparent !important;
}

.box-config .cr-elements_type-52 .cr-element-slope-top-wrap {
  top: -8em;
  height: 3em;
  right: -2.2em;
}

.box-config .cr-elements_type-52 .cr-element-slope-top-wrap--4 {
  left: -2em;
}

.box-config .cr-elements_type-52 .cr-element--door .cr-element-slope {
  top: -1.9em;
}

.box-config .cr-elements_type-52 .cr-element-slope svg {
  height: 40.5em;
}

@media (max-width: 1023px) {
  .box-config .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 21.4em !important;
  }
  .box-config .cr-elements_type-52 .cr-element-slope svg {
    height: 37em;
    top: -0.3em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--door.cr-element--opens .cr-element-slope-wrap {
    top: -5.9em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--right {
    right: -2em;
  }
  .box-config .cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--left {
    left: -2.2em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 16.4em !important;
    left: -1.1em;
  }
  .box-config .cr-elements_type-52 .cr-element-slope svg {
    height: 31.5em;
    top: -0.3em;
  }
  .box-config .cr-elements_type-52 .cr-element--door.cr-element--opens .cr-element-slope-wrap {
    top: -5.9em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--right {
    right: -1.8em;
  }
  .box-config .cr-elements_type-52 .cr-element--opens .cr-element-slope-wrap--left {
    left: -1.7em;
  }
}

.box-config .cr-elements_type-4 .cr-element-slope-top-wrap .cr-element-slope-top,
.box-config .cr-elements_type-11 .cr-element-slope-top-wrap .cr-element-slope-top {
  background-color: #e5e5e5 !important;
  width: 11.5em;
  left: 0.5em;
}

.box-config .cr-elements_type-12 .cr-element-slope-top-wrap .cr-element-slope-top,
.box-config .cr-elements_type-13 .cr-element-slope-top-wrap .cr-element-slope-top,
.box-config .cr-elements_type-14 .cr-element-slope-top-wrap .cr-element-slope-top,
.box-config .cr-elements_type-15 .cr-element-slope-top-wrap .cr-element-slope-top {
  background-color: #e5e5e5 !important;
  width: 20.6em;
  left: 0.5em;
}

.box-config .cr-elements_type-4 .cr-element-slope svg,
.box-config .cr-elements_type-11 .cr-element-slope svg,
.box-config .cr-elements_type-12 .cr-element-slope svg,
.box-config .cr-elements_type-13 .cr-element-slope svg {
  height: 29.5em !important;
}

.box-config .cr-elements_type-14 .cr-element-slope svg,
.box-config .cr-elements_type-15 .cr-element-slope svg {
  height: 35em !important;
}

.box-config .cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope-wrap--left {
  left: -2em;
}

.box-config .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--left {
  left: -2.2em !important;
}

@media screen and (min-width: 1440px) {
  .box-config .cr-elements_type-4 .cr-element--door .cr-element-slope {
    top: -0.9em;
  }
  .box-config .cr-elements_type-4 .cr-element--blind,
  .box-config .cr-elements_type-5 .cr-element--blind {
    width: 97px !important;
  }
  .box-config .cr-elements_type-12 .cr-element--blind {
    width: 9.1em !important;
  }
  .box-config .cr-elements_type-4 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 10.6em;
    left: 0.8em;
    font-size: 1.02em;
  }
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap,
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap {
    top: -1.5em !important;
    overflow: hidden;
  }
  .box-config .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-15 .cr-element--blind .cr-element__emptyInDoor {
    width: 6.3em !important;
    height: 9.5em !important;
  }
  .box-config .cr-elements_type-11 .cr-element--blind {
    width: 100px !important;
  }
  .box-config .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor {
    width: 7em !important;
    height: 9.5em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--door:not(.cr-element--blind) .cr-element-slope svg {
    height: 26.5em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope svg {
    height: 27em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--door:not(.cr-element--blind) .cr-element-slope-wrap--left {
    left: -1.6em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-wrap--left {
    left: -1.9em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind .cr-element--door:first-of-type::before {
    width: 17em !important;
  }
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right {
    right: -2.3em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind .cr-element-slope-wrap--left {
    left: -3em;
  }
  .box-config .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 18.2em !important;
    /*left: -1em;*/
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope-top-wrap {
    top: -8.4em;
    left: -2.6em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:last-of-type .cr-element-slope-top-wrap {
    top: -8.5em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type::before {
    width: 18.2em !important;
    left: -1.1em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-4 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-11 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 10.6em;
    left: 0.3em;
  }
  .box-config .cr-elements_type-12 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-13 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 18.6em;
    left: 0.3em;
  }
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 18.6em;
    left: 0.7em;
  }
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 18.6em;
    /*left: -0.3em;*/
  }
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap,
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap {
    top: -1em !important;
  }
  .box-config .cr-elements_type-4 .cr-element-slope svg,
  .box-config .cr-elements_type-11 .cr-element-slope svg,
  .box-config .cr-elements_type-12 .cr-element-slope svg,
  .box-config .cr-elements_type-13 .cr-element-slope svg {
    height: 24.5em !important;
  }
  .box-config .cr-elements_type-14 .cr-element-slope svg,
  .box-config .cr-elements_type-15 .cr-element-slope svg {
    height: 35em !important;
  }
  .box-config .cr-elements_type-4 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-11 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-12 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-13 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-14 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-15 .cr-element--opens .cr-element-slope-wrap--right {
    right: -1.8em;
  }
  .box-config .cr-elements_type-4 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-11 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-12 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-13 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-14 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-15 .cr-element--opens .cr-element-slope-wrap--left {
    left: -1.5em;
  }
  .box-config .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-15 .cr-element--blind .cr-element__emptyInDoor {
    width: 6.3em !important;
    height: 7.6em !important;
  }
  .box-config .cr-elements_type-11 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2em !important;
    margin-left: -0.3em;
  }
  .box-config .cr-elements_type-12 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2em !important;
    margin-left: -0.3em;
  }
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right {
    top: -2.3em;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-wrap--left {
    left: -1.8em !important;
    top: -0.9em;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-wrap--right {
    top: -0.9em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 31em;
    top: -5.1em !important;
  }
  .box-config .cr-elements_type-52 .cr-element-slope-top-wrap {
    top: -8.2em !important;
    width: 11em;
    /*left: -2.5em;*/
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope-top-wrap {
    top: -8.6em !important;
    left: -2.4em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope-wrap--left {
    top: -1.5em !important;
    left: -2em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope svg {
    height: 31.4em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:last-of-type .cr-element-slope-top-wrap {
    top: -8.6em !important;
    width: 10.6em !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .box-config .cr-elements_type-4 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-11 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 13.2em;
    left: 0.3em;
  }
  .box-config .cr-elements_type-11 .cr-element__emptyInDoor,
  .box-config .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 8em;
    height: 9em;
  }
  .box-config .cr-elements_type-12 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-13 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 24em;
    left: 0.3em;
  }
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap,
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap {
    top: -1em !important;
  }
  .box-config .cr-elements_type-4 .cr-element-slope svg,
  .box-config .cr-elements_type-11 .cr-element-slope svg,
  .box-config .cr-elements_type-12 .cr-element-slope svg,
  .box-config .cr-elements_type-13 .cr-element-slope svg {
    height: 30.5em !important;
  }
  .box-config .cr-elements_type-14 .cr-element-slope svg,
  .box-config .cr-elements_type-15 .cr-element-slope svg {
    height: 37.5em !important;
    top: -5.5em !important;
  }
  .box-config .cr-elements_type-4 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-11 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-12 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-13 .cr-element--opens .cr-element-slope-wrap--right {
    right: -1.8em;
  }
  .box-config .cr-elements_type-14 .cr-element--opens .cr-element-slope-wrap--right,
  .box-config .cr-elements_type-15 .cr-element--opens .cr-element-slope-wrap--right {
    right: -1.6em;
  }
  .box-config .cr-elements_type-4 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-11 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-12 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-13 .cr-element--opens .cr-element-slope-wrap--left {
    left: -1.5em;
  }
  .box-config .cr-elements_type-14 .cr-element--opens .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-15 .cr-element--opens .cr-element-slope-wrap--left {
    left: -1.9em;
  }
  .box-config .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element__emptyInDoor,
  .box-config .cr-elements_type-15 .cr-element--blind .cr-element__emptyInDoor {
    width: 8.6em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 37em;
    top: -5.1em !important;
  }
  .box-config .cr-elements_type-52 .cr-element-slope-top-wrap {
    top: -8.2em !important;
    width: 13.9em;
    /*left: -2.5em;*/
  }
  .box-config .cr-elements_type-15 .cr-element--blind .cr-element-slope-wrap--left,
  .box-config .cr-elements_type-15 .cr-element--blind .cr-element-slope-wrap--right {
    top: -1.3em !important;
  }
  .box-config .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right {
    right: -1.9em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope-top-wrap {
    top: -8.6em !important;
    left: -2.4em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:last-of-type .cr-element-slope-top-wrap {
    top: -8.6em !important;
    width: 13.5em !important;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope-wrap--left {
    top: -1.5em !important;
    left: -2em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:first-of-type .cr-element-slope svg {
    height: 36.7em !important;
  }
}

@media screen and (max-width: 767px) {
  .box-config .cr-elements_type-50, .cr-elements_type-51, .cr-elements_type-52 {
    font-size: 10px !important;
  }
  .box-config .cr-elements_type-4 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 13em;
    left: 0.6em;
  }
  .box-config .cr-elements_type-4 .cr-element--door .cr-element-slope {
    top: -0.9em;
  }
  .box-config .cr-elements_type-11 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 13em;
    left: 0.4em;
  }
  .box-config .cr-elements_type-11 .cr-element__emptyInDoor,
  .box-config .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 8em;
    height: 9em;
  }
  .box-config .cr-elements_type-4 .cr-element-slope svg,
  .box-config .cr-elements_type-11 .cr-element-slope svg,
  .box-config .cr-elements_type-12 .cr-element-slope svg,
  .box-config .cr-elements_type-13 .cr-element-slope svg {
    height: 30em !important;
  }
  .box-config .cr-elements_type-11 {
    width: 97px !important;
  }
  .box-config .cr-elements_type-12 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-13 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 23.6em;
  }
  .box-config .cr-elements_type-14 .cr-element-slope-top-wrap .cr-element-slope-top,
  .box-config .cr-elements_type-15 .cr-element-slope-top-wrap .cr-element-slope-top {
    width: 17.5em;
    left: 0.6em;
  }
  .box-config .cr-elements_type-14 .cr-element-slope svg,
  .box-config .cr-elements_type-15 .cr-element-slope svg {
    height: 35.5em !important;
    top: -5.5em !important;
  }
  .box-config .cr-elements_type-14 .cr-element__emptyInDoor {
    height: 77px !important;
  }
  .box-config .cr-elements_type-50 .cr-element-slope svg {
    height: 29.5em !important;
  }
  .box-config .cr-elements_type-50 .cr-element--door:not(.cr-element--blind) .cr-element__cross-beam {
    left: 11px !important;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2em !important;
    top: -0.9em;
  }
  .box-config .cr-elements_type-50 .cr-element--blind .cr-element-slope-wrap--right {
    right: -2em !important;
    top: -0.9em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind .cr-element-slope svg {
    height: 37em;
    top: -5.1em !important;
  }
  .box-config .cr-elements_type-52 .cr-element-slope-top-wrap {
    top: -8.2em !important;
    width: 14.2em;
    left: -2.5em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:last-of-type .cr-element-slope-wrap--right {
    top: -1.5em !important;
    right: -2em;
  }
  .box-config .cr-elements_type-52 .cr-element--blind:last-of-type .cr-element-slope svg {
    right: 16.7em !important;
    top: -4.6em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .box-config .cl-tab-12 {
    -webkit-flex-basis: 46.66667% !important;
        -ms-flex-preferred-size: 46.66667% !important;
            flex-basis: 46.66667% !important;
    max-width: 46.66667% !important;
    width: 46.66667% !important;
  }
}

.mfp-content .product-item .cr-elements_type-52 .cr-element--door:first-of-type::before {
  width: 22.3em;
}

@media screen and (min-width: 1440px) {
  .mfp-content .product-item .cr-elements_type-52 .cr-element--door:first-of-type::before {
    width: 25.3em;
  }
}

.mfp-content .product-item .cr-elements_type-14 {
  right: 0;
}

.cr-elements_type-50,
.cr-elements_type-51,
.cr-elements_type-52 {
  will-change: transform;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-50 {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    margin-top: -26px;
    margin-bottom: -30px;
  }
  .cr-elements_type-50 .cr-element-slope svg,
  .cr-elements_type-51 .cr-element-slope svg {
    height: 30em;
  }
  .cr-elements_type-51 {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    margin-top: -56px;
    margin-bottom: -65px;
  }
  .cr-elements_type-52 {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    margin-top: -16px !important;
    margin-bottom: -60px;
  }
  .cr-elements_type-14,
  .cr-elements_type-15 {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: -30px !important;
    margin-bottom: -30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-14,
  .cr-elements_type-15 {
    -webkit-transform: scale(0.93);
        -ms-transform: scale(0.93);
            transform: scale(0.93);
    margin-top: -3px;
  }
  .cr-elements_type-14 .cr-element-slope-top-wrap,
  .cr-elements_type-15 .cr-element-slope-top-wrap {
    height: 20px;
    z-index: -1;
  }
  .cr-elements_type-11 .cr-element__emptyInDoor,
  .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 7.9em;
    height: 9em;
  }
}

.advantage {
  height: 400px;
  background-color: #fff;
}

.regular-p {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.85;
  color: #636363;
}

.regular-span {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: black;
}

@media (max-width: 1023px) {
  .regular-span {
    font-size: 14px;
  }
}

.advantage-column {
  max-width: 231px;
  margin-right: 70px;
}

.advantage-svg {
  min-height: 94px;
}

.advantage-column:last-child {
  margin-right: 0px;
}

@media (max-width: 1169px) {
  .advantage-column {
    margin-right: 20px;
  }
  .advantage-column {
    width: 277px;
  }
}

@media (max-width: 1023px) {
  .advantage-column {
    margin-right: 0px;
    margin-left: 90px;
    margin-bottom: 60px;
  }
  .advantage-column {
    width: 277px;
  }
  .advantage {
    height: 722px;
  }
}

@media (max-width: 767px) {
  .advantage-column {
    margin-left: 0;
  }
  .advantage {
    height: 1170px;
    padding-left: 30px;
  }
}

.config-index__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -10px 51px;
}

.config-index__intro, .config-index__intro p {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 24px;
  text-align: left;
  color: #636363;
}

.config-index__intro-cl {
  padding: 0 10px;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  width: 50%;
}

@media (min-width: 0) and (max-width: 949px) {
  .config-index__intro {
    display: block;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .config-index__intro-cl {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

.config-index__intro-l {
  padding-right: 40px;
}

.config-index__intro-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 0) and (max-width: 539px) {
  .config-index__intro-r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.config-index__help-block {
  margin-top: -12px;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

.config-index__help-block + .config-index__help-block {
  margin-left: 29px;
}

@media (min-width: 0) and (max-width: 949px) {
  .config-index__help-block {
    margin-top: 30px;
  }
  .config-index__help-block + .config-index__help-block {
    margin-left: 20px;
  }
}

@media (min-width: 0) and (max-width: 539px) {
  .config-index__help-block {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .config-index__help-block + .config-index__help-block {
    margin-left: 0;
    margin-top: 20px;
  }
}

.config-index__texts {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.85;
  color: #636363;
}

.config-index__benefits-title {
  margin: 69px 0 46px;
}

@media (min-width: 0) and (max-width: 949px) {
  .config-index__benefits-title {
    margin: 50px 0 40px;
  }
}

.config-index .p--descr {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 24px;
  opacity: .7;
}

@media (min-width: 768px) {
  .config-index .p--descr {
    margin-bottom: 20px;
    font-size: 13px;
    max-width: 530px;
  }
}

@media (min-width: 1024px) {
  .config-index .p--descr {
    margin-bottom: 20px;
  }
}

@media (min-width: 1170px) {
  .config-index .p--descr {
    max-width: 646px;
  }
}

.config-tabs {
  list-style: none;
}

.config-tabs::after {
  clear: both;
  content: "";
  display: table;
}

.config-tabs > li {
  float: left;
}

.config-tabs > li > a,
.config-tabs > li > button {
  background-color: transparent;
  border-radius: 20px;
  border: solid 1px transparent;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 4.37;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  padding: 18px 36px;
  white-space: nowrap;
  height: 40px;
}

.config-tabs > li > a > span,
.config-tabs > li > button > span {
  position: relative;
}

.config-tabs > li > button {
  padding-top: 0;
}

.config-tabs > li.active > a,
.config-tabs > li.active > button {
  border-color: #00bbd3;
  color: #00BFD6;
}

.config-tabs__tab-text {
  border-bottom: 1px dashed transparent;
  -webkit-transition: border-bottom-color .4s;
  -o-transition: border-bottom-color .4s;
  transition: border-bottom-color .4s;
}

.config-tabs > li:not(.active) .config-tabs__tab-text {
  border-bottom-color: #e1e1e1;
}

@media (min-width: 0) and (max-width: 767px) {
  .config-tabs > li > a,
  .config-tabs > li > button {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.config-packet-type {
  width: 158px;
  height: 158px;
  position: relative;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 15px;
}

.config-packet-type img,
.config-packet-type svg, .config-packet-type__name {
  position: relative;
  z-index: 1;
}

.config-packet-type svg._0 {
  height: 83px;
  width: 84px;
  margin: 10px 0;
}

.config-packet-type__name {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  margin-top: 12px;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
}

.config-packet-type__bg {
  position: absolute;
  border-radius: 8px;
  background-color: #bdbdbd;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
}

.config-packet-type input:checked ~ svg {
  color: #fff;
}

input:checked ~ .config-packet-type__name {
  color: #fff;
}

input:checked ~ .config-packet-type__bg {
  background-color: #00BFD6;
}

.config-packet-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
}

.config-packet-types .config-packet-type {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-basis: -webkit-calc(25% - 20px);
      -ms-flex-preferred-size: calc(25% - 20px);
          flex-basis: calc(25% - 20px);
  max-width: -webkit-calc(25% - 20px);
  max-width: calc(25% - 20px);
  margin: 10px;
}

@media (min-width: 0) and (max-width: 1023px) {
  .config-packet-types {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

@media (min-width: 900px) and (max-width: 1023px) {
  .config-packet-types .config-packet-type {
    -webkit-flex-basis: -webkit-calc(33.33333% - 20px);
        -ms-flex-preferred-size: calc(33.33333% - 20px);
            flex-basis: calc(33.33333% - 20px);
    max-width: -webkit-calc(33.33333% - 20px);
    max-width: calc(33.33333% - 20px);
    width: -webkit-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
  }
}

@media (min-width: 360px) and (max-width: 899px) {
  .config-packet-types .config-packet-type {
    -webkit-flex-basis: -webkit-calc(50% - 20px);
        -ms-flex-preferred-size: calc(50% - 20px);
            flex-basis: calc(50% - 20px);
    max-width: -webkit-calc(50% - 20px);
    max-width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}

@media (min-width: 0) and (max-width: 359px) {
  .config-packet-types .config-packet-type {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

.config-history-group {
  margin-bottom: 77px;
}

.config-history-group::after {
  clear: both;
  content: "";
  display: table;
}

.config-history-group__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.config-history-group__header .config-remove-action:not(:hover) {
  color: #bdbdc3;
}

.config-history-group__header .config-remove-action.hover, .config-history-group__header .config-remove-action:hover {
  color: #e82c0d;
}

.config-history-group__date {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  color: #202020;
}

.config-history-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2px 0;
}

.config-history-element .mark-company__check {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 65px;
      -ms-flex-preferred-size: 65px;
          flex-basis: 65px;
  width: 65px;
  max-width: 65px;
  margin: 0 2px 0 0;
}

.config-history-element .mark-company__check input {
  display: none;
}

.config-history-element .mark-company__check input:checked ~ .mark-company__check-mark {
  background-color: #ed1c24;
}

.config-history-element .ordered-item {
  margin: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 22px 29px 14px;
}

.config-history-element .config-remove-action:not(:hover) {
  color: #bdbdc3;
}

.config-history-element .config-remove-action:hover {
  color: #e82c0d;
}

@media (max-width: 399px) {
  .config-history-element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-bottom: 20px;
  }
  .config-history-element .mark-company__check {
    height: 40px;
    margin: 0 0 2px;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
  .config-history-element .ordered-item__name {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .config-history-element .ordered-item__name-text {
    max-width: 90%;
  }
  .config-history-element .ordered-item__link-more {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin: 10px 0;
    text-align: center;
  }
}

.config-benefit {
  padding-left: 60px;
  margin-bottom: 47px;
}

.config-benefit::after {
  clear: both;
  content: "";
  display: table;
}

.config-benefit__icon {
  float: left;
  margin-left: -60px;
  margin-top: 4px;
}

.config-benefit__name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #202020;
  margin-bottom: 4px;
}

.config-benefit__text {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.85;
  color: #636363;
}

.config-benefit__cost {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #7b7b83;
  margin-top: 11px;
}

.config-benefit__cost--value {
  color: #282b32;
}

@media (min-width: 0) and (max-width: 639px) {
  .config-benefit {
    margin-bottom: 30px;
  }
}

.cr-elements-wrap {
  font-size: 9px !important;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cr-elements-wrap {
    font-size: 10px !important;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .cr-elements-wrap {
    font-size: 6px !important;
  }
}

.cr-elements-wrap.loading {
  opacity: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.config-visual-root {
  position: relative;
}

.config-visual-root .cr-elements-wrap {
  z-index: 5;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.config-text-label.cr-elements-title {
  z-index: 6;
}

.config-preloader {
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  left: -30px;
  background: white;
  z-index: 10;
}

.config-preloader__container {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.config-preloader__item {
  width: 75px;
  height: 75px;
  position: absolute;
}

.config-preloader__item-1 {
  background-color: #00bad2;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
          animation: item-1_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.config-preloader__item-2 {
  background-color: #007ec6;
  top: 0;
  right: 0;
  -webkit-animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
          animation: item-2_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.config-preloader__item-3 {
  background-color: #00d272;
  bottom: 0;
  right: 0;
  z-index: 1;
  -webkit-animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
          animation: item-3_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

.config-preloader__item-4 {
  background-color: #9cdaa4;
  bottom: 0;
  left: 0;
  -webkit-animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
          animation: item-4_move 1.8s cubic-bezier(0.6, 0.01, 0.4, 1) infinite;
}

@-webkit-keyframes item-1_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
  }
  50% {
    -webkit-transform: translate(75px, 75px);
            transform: translate(75px, 75px);
  }
  75% {
    -webkit-transform: translate(75px, 0);
            transform: translate(75px, 0);
  }
}

@keyframes item-1_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
  }
  50% {
    -webkit-transform: translate(75px, 75px);
            transform: translate(75px, 75px);
  }
  75% {
    -webkit-transform: translate(75px, 0);
            transform: translate(75px, 0);
  }
}

@-webkit-keyframes item-2_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-75px, 0);
            transform: translate(-75px, 0);
  }
  50% {
    -webkit-transform: translate(-75px, 75px);
            transform: translate(-75px, 75px);
  }
  75% {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
  }
}

@keyframes item-2_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-75px, 0);
            transform: translate(-75px, 0);
  }
  50% {
    -webkit-transform: translate(-75px, 75px);
            transform: translate(-75px, 75px);
  }
  75% {
    -webkit-transform: translate(0, 75px);
            transform: translate(0, 75px);
  }
}

@-webkit-keyframes item-3_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  50% {
    -webkit-transform: translate(-75px, -75px);
            transform: translate(-75px, -75px);
  }
  75% {
    -webkit-transform: translate(-75px, 0);
            transform: translate(-75px, 0);
  }
}

@keyframes item-3_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  50% {
    -webkit-transform: translate(-75px, -75px);
            transform: translate(-75px, -75px);
  }
  75% {
    -webkit-transform: translate(-75px, 0);
            transform: translate(-75px, 0);
  }
}

@-webkit-keyframes item-4_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(75px, 0);
            transform: translate(75px, 0);
  }
  50% {
    -webkit-transform: translate(75px, -75px);
            transform: translate(75px, -75px);
  }
  75% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
}

@keyframes item-4_move {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(75px, 0);
            transform: translate(75px, 0);
  }
  50% {
    -webkit-transform: translate(75px, -75px);
            transform: translate(75px, -75px);
  }
  75% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
}

.cr-elements {
  display: inline-block;
  position: relative;
  max-width: 100%;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.cr-elements::after {
  clear: both;
  content: "";
  display: table;
}

.cr-elements.preloaging {
  opacity: 0;
}

.cr-elements-title {
  position: relative;
  z-index: 1;
  margin-bottom: -3.0625em;
  margin-left: 3.125em;
}

.cr-elements-wrap {
  overflow: visible;
  display: inline-block;
  margin: 0 0 -0.9375em;
  padding: 4.1875em;
  padding-top: 10px;
  position: relative;
  z-index: 0;
}

@media (min-width: 768px) {
  .cr-elements-wrap {
    padding-left: 6.875em;
    padding-right: 6.875em;
  }
}

@media (min-width: 1024px) {
  .cr-elements-wrap {
    padding-left: 20px;
    padding-right: 25px;
  }
}

@media (min-width: 1170px) {
  .cr-elements-wrap {
    padding-left: 40px;
    padding-right: 55px;
  }
}

@media (min-width: 1440px) {
  .cr-elements-wrap {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.cr-elements__bg {
  background: url(/local/templates/main/css/i/moscow.jpg) center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 0;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
}

.cr-elements__bg.isExterior {
  background-image: url(/local/templates/main/css/i/exterior.jpg);
}

.cr-elements__balcon {
  position: absolute;
  right: 0;
  top: 14.375em;
  width: 31.75em;
  height: 13.25em;
}

.cr-elements .cr-element {
  float: left;
}

.box__body .cr-elements-wrap {
  padding-bottom: 50px;
}

.box__body .cr-elements-wrap .cr-elements_type-38 .cr-element-slope-top-wrap--4, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element-slope-top-wrap--4 {
  -webkit-perspective: 106px;
          perspective: 106px;
  right: -17px;
  left: -17px;
  top: -22px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .box__body .cr-elements-wrap .cr-elements_type-38 .cr-element-slope-top-wrap--4, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element-slope-top-wrap--4 {
    right: -22px;
    left: -22px;
  }
}

@media screen and (max-width: 767px) {
  .box__body .cr-elements-wrap .cr-elements_type-38 .cr-element-slope-top-wrap--4, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element-slope-top-wrap--4 {
    right: -16px;
    left: -16px;
  }
}

.box__body .cr-elements-wrap .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
  top: -27px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .box__body .cr-elements-wrap .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
    top: -26px;
  }
}

@media screen and (max-width: 767px) {
  .box__body .cr-elements-wrap .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .box__body .cr-elements-wrap .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
    top: -22px;
  }
}

@media screen and (max-width: 767px) {
  .box__body .cr-elements-wrap .cr-elements_type-38 ._slope--window, .box__body .cr-elements-wrap .cr-elements_type-39 ._slope--window {
    top: 6px;
    left: 3px;
  }
}

.box__body .cr-elements-wrap .cr-elements_type-38 ._slope--right, .box__body .cr-elements-wrap .cr-elements_type-39 ._slope--right {
  left: 0;
}

.cr-element {
  display: block;
  width: 10.625em;
  border-radius: 1px;
  border: 1.0625em solid #ebebeb;
  position: relative;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-image-width: 1.1625em 1.0625em;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
}

@media (min-width: 1024px) {
  .cr-element {
    width: 90px;
    height: 140px !important;
  }
  .cr-element--door {
    height: 255px !important;
  }
  .cr-element .custom__txt--xs {
    font-size: 9px;
  }
}

@media (min-width: 1440px) {
  .cr-element {
    width: 100px;
    height: 165px !important;
  }
  .cr-element--door {
    height: 280px !important;
  }
}

.cr-element--window {
  border-image-width: 1.2625em 1.0625em;
}

.cr-element::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-element__sliding-line {
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
  scale: 1.35;
}

.cr-element__sliding-line._bottom {
  top: 50%;
}

@media (min-width: 1025px) and (max-width: 1439px) {
  .cr-element__sliding-line {
    top: 50%;
  }
}

@media screen and (max-width: 767px) {
  .cr-element__sliding-line {
    scale: 0.8;
  }
}

@media screen and (max-width: 767px) {
  .cr-element__sliding-line {
    top: 70%;
  }
}

.cr-element--window {
  height: 17.5em;
}

.cr-element--img {
  border: none;
  width: auto;
}

@media (max-width: 767px) {
  .cr-element--img {
    padding-bottom: 10px;
  }
}

.cr-element__emptyInDoor {
  display: none;
}

.cr-element__img {
  height: 100%;
}

.cr-element__img img {
  max-height: 100%;
  height: 100%;
}

.cr-elements_reflected .cr-element__img img {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.cr-element--door {
  height: 28.625em;
}

.cr-element--opens:not(.cr-element--exterior) {
  border-width: 0.625em;
}

.cr-element--opens:not(.cr-element--exterior)::after {
  margin-top: 0.625em;
}

.cr-element__hinge {
  position: absolute;
  height: 1.75em;
  width: 0.3125em;
}

.cr-element__hinge--top {
  top: -0.625em;
}

.cr-element__hinge--bottom {
  bottom: -0.625em;
}

.cr-element__hinge--right {
  right: -1.5em;
}

.cr-element__hinge--left {
  left: -1.375em;
}

.cr-element__handle {
  position: absolute;
  top: 50%;
  height: 2.2875em;
  width: 0.625em;
}

.cr-element__handle--left {
  right: -0.8125em;
}

.cr-element--sliding .cr-element__handle--left {
  right: -0.8125em;
}

@media screen and (max-width: 640px) {
  .cr-element--sliding .cr-element__handle--left {
    right: -0.9375em;
  }
}

.cr-element__handle--right {
  left: -0.8125em;
}

.cr-element--sliding .cr-element__handle--right {
  left: -0.8125em;
}

@media screen and (max-width: 640px) {
  .cr-element--sliding .cr-element__handle--right {
    left: -0.9375em;
  }
}

.cr-element--sliding .cr-element__handle {
  z-index: 3;
  position: absolute;
  top: -webkit-calc(50% - 8px);
  top: calc(50% - 8px);
  height: 20px !important;
  width: 8px !important;
}

@media screen and (max-width: 640px) {
  .cr-element--sliding .cr-element__handle {
    scale: 0.6;
  }
}

.cr-element__opener {
  position: absolute;
  left: -1px;
  top: -1px;
  right: 0;
  bottom: -1px;
  border: 1.125em solid #ebebeb;
  border-image-width: 1.239em 1.137em;
  width: 102%;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
}

.cr-element__opener, .cr-element__opener-border {
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.cr-element__opener-border {
  position: absolute;
  left: -1.125em;
  top: -1.125em;
  bottom: -1.125em;
  right: -1.125em;
  border: 0.25em solid rgba(255, 255, 255, 0.3);
  border-left-color: rgba(0, 0, 0, 0.09);
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

.cr-element__opener-border--texture {
  border-left-color: rgba(0, 0, 0, 0.3);
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

.cr-element--sliding:not(.cr-element--wood) .cr-element__opener-border {
  border: 0;
}

.cr-element--sliding .cr-element__opener {
  right: 0;
  z-index: 1;
}

.cr-element--sliding.cr-element--pvc .cr-element__opener {
  border-color: #F7F4F4 !important;
}

.cr-element--sliding.cr-element--aluminium .cr-element__opener {
  border-color: #CACACA !important;
}

.cr-element__glass {
  height: 100%;
  width: 100%;
}

.cr-element__glass::after, .cr-element__glass::before {
  content: "";
  display: block;
  position: absolute;
}

.cr-element__glass-border {
  border: 0.125em solid;
  border-top-color: #d6d6d6;
  border-right-color: #d6d6d6;
  border-left-color: #f8f8f8;
  border-bottom-color: #f8f8f8;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-image-width: 0.125em 0.145em;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
}

.cr-element__glass-border .config-select-group {
  position: relative;
  z-index: 1;
  top: 14px;
  left: 50%;
  margin-left: -13px;
  width: 26px;
  min-width: auto !important;
}

.cr-element__glass-border .config-select-group .block {
  padding-left: 0;
}

.cr-element__glass-border .config-select-group .custom__input {
  margin: 0 0 5px 0;
  float: none;
}

.cr-element__glass-border .config-select-group .custom__txt {
  display: block;
  margin-left: 0;
  color: #000;
}

@media (min-width: 768px) {
  .cr-element__glass-border .config-select-group {
    top: 20px;
    width: 60px;
    margin-left: -30px;
  }
}

.cr-element__glass::after {
  border: 0.0625em solid;
  left: 0.125em;
  top: 0.125em;
  bottom: 0.125em;
  right: 0.125em;
  border-color: #656565;
  -webkit-box-shadow: 0 0 0 0.0625em rgba(0, 0, 0, 0.185);
          box-shadow: 0 0 0 0.0625em rgba(0, 0, 0, 0.185);
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
}

.cr-element__cross-beam {
  height: 1.25em;
  background-color: #ebebeb;
  position: absolute;
  z-index: 1;
  right: 0.125em;
  top: 16.875em;
  left: 0.1em;
  border: 0.0625em solid #656565;
  border-left: 0;
  border-right: 0;
}

.cr-element__cross-beam::after, .cr-element__cross-beam::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.cr-element__cross-beam::before {
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  background-color: inherit;
  left: -0.25em;
  right: -0.25em;
  background-image: inherit;
}

.cr-element__cross-beam::after {
  border: 0.0625em solid rgba(0, 0, 0, 0.185);
  border-left: 0;
  border-right: 0;
  left: -0.0625em;
  right: -0.0625em;
}

.cr-element__cross-beam-handle-outside {
  position: absolute;
  z-index: 1;
  top: 0.25em;
  left: 0;
  height: 0.5625em;
  width: 1.3125em;
}

@media (min-width: 1024px) {
  .cr-element__cross-beam {
    top: 140px;
  }
}

.cr-element--opens .cr-element__cross-beam {
  right: 11px;
  left: 10px;
}

@media (max-width: 767px) {
  .cr-element--opens .cr-element__cross-beam {
    right: 8px;
    left: 6px;
  }
}

.cr-element--exterior.cr-element--opens > .cr-element__glass {
  background-size: 0;
}

.cr-element--exterior.cr-element--opens > .cr-element__glass::before {
  background-image: inherit;
  left: 0.875em;
  top: 0.875em;
  right: 0.875em;
  bottom: 0.875em;
}

.cr-element--exterior .cr-element__opener {
  border-width: 0.6875em;
}

.cr-element--exterior .cr-element__opener-border {
  opacity: 0;
}

.cr-element--exterior .cr-element__hinge,
.cr-element--exterior .cr-element__handle {
  opacity: 0;
}

.cr-element--opens.cr-element--exterior > .cr-element__glass {
  position: relative;
  z-index: 1;
}

.cr-element--opens.cr-element--exterior > .cr-element__glass::after {
  opacity: 0;
}

.cr-element--exterior .cr-element__opener {
  z-index: 0;
}

.cr-element:not(.cr-element--exterior) .cr-element__cross-beam-handle-outside {
  display: none;
}

.cr-element--exterior .cr-element__cross-beam {
  right: 0.875em;
  left: 0.875em;
  top: 16.4375em;
}

.cr-element--exterior:not(.cr-element--opens) .cr-element__cross-beam {
  right: 0.125em;
  left: 0.125em;
}

.cr-element--exterior .cr-element-slope,
.cr-element--exterior .cr-element-sill {
  display: none;
}

.cr-element__text-label {
  font-size: 0.625em;
  font-weight: 300;
  font-style: italic;
  line-height: 120%;
  color: #282b32;
  margin-bottom: 0.625em;
}

.cr-element-input-size {
  position: absolute;
  z-index: 2;
}

.cr-element-input-size ._decor {
  position: absolute;
  z-index: -1;
  background: #000;
}

.cr-element-input-size ._decor::before, .cr-element-input-size ._decor::after {
  content: "";
  position: absolute;
}

.cr-element-input-size--height {
  top: 0;
  bottom: 0;
  width: 4.875em;
}

.cr-element-input-size--height ._decor {
  position: absolute;
  top: -5px;
  height: -webkit-calc(100% + 10px);
  height: calc(100% + 10px);
  width: 1px;
  background: #000;
}

.cr-element-input-size--height ._decor::before, .cr-element-input-size--height ._decor::after {
  left: -4px;
}

.cr-element-input-size--height ._decor::before {
  bottom: -webkit-calc(100% - 4px);
  bottom: calc(100% - 4px);
  border: 4px solid transparent;
  border-bottom: 4px solid #000;
}

.cr-element-input-size--height ._decor::after {
  top: -webkit-calc(100% - 4px);
  top: calc(100% - 4px);
  border: 4px solid transparent;
  border-top: 4px solid #000;
}

.cr-element-input-size--height-left {
  left: -4.1875em;
}

.cr-element-input-size--height-left .cr-element-input-size__value {
  margin-left: -1em;
}

.cr-element-input-size--height-left ._decor {
  left: 18px;
}

@media (min-width: 768px) {
  .cr-element--blind .cr-element-input-size--height-left {
    left: 0;
    -webkit-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
            transform: translateX(-150%);
  }
}

.cr-element-input-size--height-right {
  right: -4.1875em;
}

.cr-element-input-size--height-right .cr-element-input-size__value {
  margin-left: 1em;
}

.cr-element-input-size--height-right ._decor {
  right: 12px;
}

@media (min-width: 768px) {
  .cr-element--blind .cr-element-input-size--height-right {
    right: 0;
    -webkit-transform: translateX(150%);
        -ms-transform: translateX(150%);
            transform: translateX(150%);
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cr-element-input-size--height ._decor {
    top: -10px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
  }
  .cr-element-input-size--height-left ._decor {
    left: 20px;
  }
  .cr-element-input-size--height-right .cr-element-input-size__value {
    margin-left: 0;
  }
  .cr-element-input-size--height-right ._decor {
    right: 20px;
  }
}

@media (min-width: 1440px) {
  .cr-element-input-size--height-right .cr-element-input-size__value {
    margin-left: 5px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .cr-element-input-size--height-left ._decor {
    left: 8px;
  }
  .cr-element-input-size--height-right ._decor {
    right: 8px;
  }
}

.cr-element-input-size--height input.filled ~ div,
.cr-element-input-size--height input:focus:not(.empty) ~ div {
  background: #00BFD6;
}

.cr-element-input-size--height input.filled ~ div::before,
.cr-element-input-size--height input:focus:not(.empty) ~ div::before {
  border: 4px solid transparent;
  border-bottom: 4px solid #00BFD6;
}

.cr-element-input-size--height input.filled ~ div::after,
.cr-element-input-size--height input:focus:not(.empty) ~ div::after {
  border: 4px solid transparent;
  border-top: 4px solid #00BFD6;
}

.cr-element-input-size--height input.empty.dirty ~ div::before {
  border: 4px solid transparent;
  border-bottom: 4px solid #e82c0d;
  -webkit-animation: unset !important;
          animation: unset !important;
}

.cr-element-input-size--height input.empty.dirty ~ div::after {
  border: 4px solid transparent;
  border-top: 4px solid #e82c0d;
  -webkit-animation: unset !important;
          animation: unset !important;
}

.cr-element-input-size--width {
  bottom: -1.375em;
  left: 0;
  right: 0;
  height: 2.75em;
  margin-bottom: -1.6875em;
}

.cr-element-input-size--width ._decor {
  top: 17px;
  height: 1px;
  width: 100%;
}

.cr-element-input-size--width ._decor::before, .cr-element-input-size--width ._decor::after {
  content: "";
  position: absolute;
  top: -3px;
}

.cr-element-input-size--width ._decor::before {
  right: -webkit-calc(100% - 4px);
  right: calc(100% - 4px);
  border: 4px solid transparent;
  border-right: 4px solid #000;
}

.cr-element-input-size--width ._decor::after {
  left: -webkit-calc(100% - 4px);
  left: calc(100% - 4px);
  border: 4px solid transparent;
  border-left: 4px solid #000;
}

@media (min-width: 1024px) {
  .cr-element-input-size--width {
    bottom: -2.5em;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cr-element-input-size--width ._decor {
    top: 18px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .cr-element-input-size--width ._decor {
    top: 8px;
  }
}

.cr-element-input-size--width input.filled ~ div,
.cr-element-input-size--width input:focus:not(.empty) ~ div {
  background: #00BFD6;
}

.cr-element-input-size--width input.filled ~ div::before,
.cr-element-input-size--width input:focus:not(.empty) ~ div::before {
  border: 4px solid transparent;
  border-right: 4px solid #00BFD6;
}

.cr-element-input-size--width input.filled ~ div::after,
.cr-element-input-size--width input:focus:not(.empty) ~ div::after {
  border: 4px solid transparent;
  border-left: 4px solid #00BFD6;
}

.cr-element-input-size--width input.empty.dirty ~ div::before {
  border: 4px solid transparent;
  border-right: 4px solid #e82c0d !important;
  -webkit-animation: unset !important;
          animation: unset !important;
}

.cr-element-input-size--width input.empty.dirty ~ div::after {
  border: 4px solid transparent;
  border-left: 4px solid #e82c0d !important;
  -webkit-animation: unset !important;
          animation: unset !important;
}

.cr-element-input-size--width .cr-element-input-size__value {
  left: 50%;
  bottom: -10px;
  margin: 0 0 0 -15px;
}

@media (min-width: 768px) {
  .cr-element-input-size--width .cr-element-input-size__value {
    margin-left: -30px;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--width > .cr-element-input-size__value {
    min-width: 40px;
    margin: 0 0 0 -20px;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--height > .cr-element-input-size__value {
    min-width: 38px;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--height-left ._decor {
    left: 11px;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--height-left {
    left: -5em !important;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--height-right ._decor {
    right: 2px;
  }
}

@media (max-width: 767px) {
  .cr-element-input-size--height-right {
    right: -5em !important;
  }
}

.cr-element-input-size--height .cr-element-input-size__value {
  top: 50%;
  left: 0;
}

.cr-element-input-size__value {
  width: 30px;
  height: 35px;
  border-radius: 0.125em;
  background-color: white;
  border: solid 1px #a1a1a1;
  position: absolute;
  margin: -17px 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 8px;
  font-weight: bold;
  line-height: 2.73;
  text-align: center;
  color: #000000;
  -webkit-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.cr-element-input-size__value::-webkit-input-placeholder {
  opacity: 1;
  color: #000;
}

.cr-element-input-size__value::-moz-placeholder {
  opacity: 1;
  color: #000;
}

.cr-element-input-size__value:-moz-placeholder {
  opacity: 1;
  color: #000;
}

.cr-element-input-size__value:-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.cr-element-input-size__value::-ms-input-placeholder {
  opacity: 1;
  color: #000;
}

.cr-element-input-size__value::placeholder {
  opacity: 1;
  color: #000;
}

@media (min-width: 768px) {
  .cr-element-input-size__value {
    width: 60px;
    font-size: 12px;
    font-weight: 500;
  }
}

.cr-element-input-size__value.empty.dirty {
  border-color: #e82c0d !important;
}

.cr-element-input-size__value.filled {
  border-color: #00BFD6;
}

.cr-element-dimensions {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  color: #282b32;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  z-index: 2;
}

.cr-element--opens .cr-element-dimensions {
  bottom: -3.3125em;
}

.cr-element--opens .cr-element-input-size--height-left {
  left: -3.75em;
}

.cr-element--opens .cr-element-input-size--height-right {
  right: -3.75em;
}

.cr-element--opens .cr-element-input-size--height ._decor::before {
  top: -0.625em;
}

.cr-element--opens .cr-element-input-size--height ._decor::after {
  bottom: -0.625em;
}

.cr-element--opens .cr-element-input-size--width {
  margin-bottom: -1.25em;
}

.cr-element--opens .cr-element-input-size--width ._decor::before {
  left: -0.625em;
}

.cr-element--opens .cr-element-input-size--width ._decor::after {
  right: -0.625em;
}

@media (min-width: 768px) {
  .cr-element--opens .cr-element-input-size--height-left {
    left: -7.5em;
  }
  .cr-element--opens .cr-element-input-size--height-right {
    right: -5.625em;
  }
}

@media (min-width: 1024px) {
  .cr-element--opens .cr-element-input-size--height-left {
    left: -65px;
  }
  .cr-element--opens .cr-element-input-size--height-right {
    right: -55px;
  }
}

@media (min-width: 1440px) {
  .cr-element--opens .cr-element-input-size--height-right {
    right: -50px;
  }
}

@media (min-width: 1170px) {
  .cr-element--opens .cr-element-input-size--height-left {
    left: -65px;
  }
  .cr-element--opens .cr-element-input-size--height-right {
    right: -55px;
  }
}

.cr-element--wood .cr-element__glass-border {
  border: 3px solid;
  border-top-color: #514741;
  border-right-color: #514741;
  border-left-color: #C2AE99;
  border-bottom-color: #C2AE99;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
}

.cr-element--window .cr-element-slope {
  top: -0.3125em;
}

.cr-element--window .cr-element-slope-wrap {
  height: 17.9375em;
}

.ie .cr-element--window .cr-element-slope-wrap {
  height: 18.8em;
}

.cr-element-slope-top {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.cr-element-slope-top-wrap {
  position: absolute;
  z-index: 1;
  top: -0.875em;
  height: 0.875em;
  left: -1.625em;
  right: -1.5625em;
}

.cr-element-slope-top-wrap--1 {
  -webkit-perspective: 2.3125em;
          perspective: 2.3125em;
}

.cr-element-slope-top-wrap--2 {
  -webkit-perspective: 4.375em;
          perspective: 4.375em;
}

.cr-element-slope-top-wrap--3 {
  -webkit-perspective: 6.25em;
          perspective: 6.25em;
}

.cr-element-slope-top-wrap--4 {
  -webkit-perspective: 6.75em;
          perspective: 6.75em;
  left: 0;
}

.cr-element-slope-top-wrap--5 {
  -webkit-perspective: 6.9375em;
          perspective: 6.9375em;
}

.cr-element--door .cr-element-slope {
  top: -0.6875em;
  width: 96.4%;
}

.cr-element--door .cr-element-slope-wrap {
  height: 29.5em;
  -webkit-perspective: 10em;
          perspective: 10em;
}

.cr-element-slope {
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  position: absolute;
}

.ie .cr-element-slope {
  width: 2.1em;
}

.cr-element-slope ._slope {
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  position: absolute;
}

.cr-element-slope-wrap {
  position: absolute;
  width: 1.6875em;
  z-index: 1;
}

.cr-element-slope-wrap {
  top: -1.5625em;
}

.cr-element-slope-wrap--left {
  left: -2.3125em;
  margin-left: -0.375em;
}

.cr-element-slope-wrap--right {
  right: -2.3125em;
  margin-right: -0.375em;
}

.cr-element-stained-glass-wrap__item {
  position: absolute;
  width: 30px;
}

.cr-element-stained-glass-wrap__item--top {
  top: 11px;
  right: 12px;
}

.cr-elements_type-14,
.cr-elements_type-15 .cr-element-stained-glass-wrap__item--top {
  top: 13px;
  right: 13px;
}

.cr-element--blind .cr-element-stained-glass-wrap__item--top {
  top: 0;
  right: 0;
}

.cr-element--sliding .cr-element-stained-glass-wrap__item--top {
  top: 0;
  right: 0;
}

.cr-element-stained-glass-wrap__item--bottom {
  left: 12px;
  bottom: 12px;
}

.cr-elements_type-14,
.cr-elements_type-15 .cr-element-stained-glass-wrap__item--bottom {
  bottom: 13px;
  bottom: 13px;
}

.cr-element--blind .cr-element-stained-glass-wrap__item--bottom {
  bottom: 0;
  left: 0;
}

.cr-element--sliding .cr-element-stained-glass-wrap__item--bottom {
  bottom: 0;
  left: 0;
}

.cr-element--window.cr-element--opens .cr-element-slope-wrap {
  top: -1.1875em;
}

.cr-element--door:not(.cr-element--opens) .cr-element-slope-wrap {
  height: 29.125em;
  top: -1.1875em;
}

.cr-element--door.cr-element--opens .cr-element-slope-wrap {
  height: 29.0625em;
  top: -0.75em;
}

.ie .cr-element--door.cr-element--opens .cr-element-slope-wrap {
  height: 29.6em;
}

.cr-element--opens .cr-element-slope-wrap--left {
  left: -1.875em;
}

.cr-element--opens .cr-element-slope-wrap--right {
  right: -1.875em;
}

.cr-element-sill {
  position: absolute;
  left: 0;
  right: 0;
  top: -2px;
  z-index: 1;
  -webkit-perspective: 21px;
          perspective: 21px;
  background-size: 0;
}

.cr-element-sill, .cr-element-sill-wrap {
  height: 1.5625em;
  position: absolute;
}

.cr-element-sill-wrap {
  left: -2.4375em;
  right: -2.4375em;
  top: 100%;
  margin-top: 0.6875em;
  z-index: 1;
}

.cr-element--opens .cr-element-sill-wrap {
  left: -2em;
  right: -2em;
  margin-top: 0.25em;
}

@media (max-width: 767px) {
  .cr-element-sill {
    top: 0px;
  }
}

.cr-element-sill__texture {
  background-image: inherit;
}

.cr-element-sill__cover {
  -webkit-transform: rotateX(35deg) rotateY(0deg);
          transform: rotateX(35deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  background: #e6e6e6;
  height: 9px;
  left: 6px;
  right: 2px;
  bottom: 3px;
  position: relative;
}

@media (max-width: 768px) {
  .cr-element-sill__cover {
    bottom: 1px;
  }
}

.cr-element-sill__cover svg {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 115%;
  width: 100%;
}

.cr-element-sill__cover, .cr-element-sill__facade {
  position: absolute;
}

.cr-element-sill__facade {
  height: 0.4375em;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.9;
}

.cr-element-sill__facade::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.25em;
  right: -0.25em;
  background: inherit;
}

@media (max-width: 1169px) {
  .cr-elements-title {
    margin-bottom: -2em;
  }
  .cr-elements-wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .cr-element::after {
    height: 1px;
  }
}

@media (max-width: 767px) {
  .cr-elements-wrap {
    margin-left: -20px;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }
}

@-webkit-keyframes animate-blink {
  0% {
    border: 1px solid #a1a1a1;
  }
  30% {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #70f0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}

@keyframes animate-blink {
  0% {
    border: 1px solid #a1a1a1;
  }
  30% {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #70f0ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}

@-webkit-keyframes animate-arrows-top {
  0% {
    border-top: 4px solid #a1a1a1;
  }
  30% {
  }
  100% {
    border-top: 4px solid #70f0ff;
  }
}

@keyframes animate-arrows-top {
  0% {
    border-top: 4px solid #a1a1a1;
  }
  30% {
  }
  100% {
    border-top: 4px solid #70f0ff;
  }
}

@-webkit-keyframes animate-arrows-bottom {
  0% {
    border-bottom: 4px solid #a1a1a1;
  }
  30% {
  }
  100% {
    border-bottom: 4px solid #70f0ff;
  }
}

@keyframes animate-arrows-bottom {
  0% {
    border-bottom: 4px solid #a1a1a1;
  }
  30% {
  }
  100% {
    border-bottom: 4px solid #70f0ff;
  }
}

.cr-element-input-size__value {
  border: 1px solid #00bfd6;
  -moz-appearance: textfield;
}

.cr-element-input-size__value::-webkit-outer-spin-button, .cr-element-input-size__value::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.cr-element-input-size__value::-webkit-input-placeholder {
  opacity: 0;
  color: #959595;
  -webkit-transition: opacity .7s;
  transition: opacity .7s;
}

.cr-element-input-size__value::-moz-placeholder {
  opacity: 0;
  color: #959595;
  -moz-transition: opacity .7s;
  transition: opacity .7s;
}

.cr-element-input-size__value:-ms-input-placeholder {
  opacity: 0;
  color: #959595;
  -ms-transition: opacity .7s;
  transition: opacity .7s;
}

.cr-element-input-size__value::-ms-input-placeholder {
  opacity: 0;
  color: #959595;
  -ms-transition: opacity .7s;
  transition: opacity .7s;
}

.cr-element-input-size__value::placeholder {
  opacity: 0;
  color: #959595;
  -webkit-transition: opacity .7s;
  -o-transition: opacity .7s;
  transition: opacity .7s;
}

.cr-element-input-size__value.is-shown::-webkit-input-placeholder {
  opacity: 1;
}

.cr-element-input-size__value.is-shown::-moz-placeholder {
  opacity: 1;
}

.cr-element-input-size__value.is-shown:-ms-input-placeholder {
  opacity: 1;
}

.cr-element-input-size__value.is-shown::-ms-input-placeholder {
  opacity: 1;
}

.cr-element-input-size__value.is-shown::placeholder {
  opacity: 1;
}

.placeholder-none input::-webkit-input-placeholder {
  color: transparent !important;
}

.placeholder-none input::-moz-placeholder {
  color: transparent !important;
}

.placeholder-none input:-ms-input-placeholder {
  color: transparent !important;
}

.placeholder-none input::-ms-input-placeholder {
  color: transparent !important;
}

.placeholder-none input::placeholder {
  color: transparent !important;
}

input.animated-blink:not(.not-empty):not(:focus) + .animated-blink {
  -webkit-animation: blink 2s infinite ease-out alternate;
          animation: blink 2s infinite ease-out alternate;
}

input.animated-blink:not(.not-empty):not(:focus) + .animated-blink::before {
  -webkit-animation: blinkBottom 2s infinite ease-out alternate;
          animation: blinkBottom 2s infinite ease-out alternate;
}

input.animated-blink:not(.not-empty):not(:focus) + .animated-blink::after {
  -webkit-animation: blinkTop 2s infinite ease-out alternate;
          animation: blinkTop 2s infinite ease-out alternate;
}

input.animated-blink-bottom:not(.not-empty):not(:focus) + .animated-blink-bottom {
  -webkit-animation: blink 2s infinite ease-out alternate;
          animation: blink 2s infinite ease-out alternate;
}

input.animated-blink-bottom:not(.not-empty):not(:focus) + .animated-blink-bottom::before {
  -webkit-animation: blinkRight 2s infinite ease-out alternate;
          animation: blinkRight 2s infinite ease-out alternate;
}

input.animated-blink-bottom:not(.not-empty):not(:focus) + .animated-blink-bottom::after {
  -webkit-animation: blinkLeft 2s infinite ease-out alternate;
          animation: blinkLeft 2s infinite ease-out alternate;
}

input.animated-blink:not(.not-empty):not(:focus) {
  -webkit-animation: blinkBox 2s infinite ease-out alternate;
          animation: blinkBox 2s infinite ease-out alternate;
}

input.animated-blink-bottom:not(.not-empty):not(:focus) {
  -webkit-animation: blinkBox 2s infinite ease-out alternate;
          animation: blinkBox 2s infinite ease-out alternate;
}

@-webkit-keyframes blink {
  0% {
    background-color: #000;
  }
  100% {
    background-color: #0ae5ff;
  }
}

@keyframes blink {
  0% {
    background-color: #000;
  }
  100% {
    background-color: #0ae5ff;
  }
}

@-webkit-keyframes blinkBox {
  0% {
    border-color: #000;
  }
  100% {
    border-color: #0ae5ff;
  }
}

@keyframes blinkBox {
  0% {
    border-color: #000;
  }
  100% {
    border-color: #0ae5ff;
  }
}

@-webkit-keyframes blinkTop {
  0% {
    border-top-color: #000;
  }
  100% {
    border-top-color: #0ae5ff;
  }
}

@keyframes blinkTop {
  0% {
    border-top-color: #000;
  }
  100% {
    border-top-color: #0ae5ff;
  }
}

@-webkit-keyframes blinkBottom {
  0% {
    border-bottom-color: #000;
  }
  100% {
    border-bottom-color: #0ae5ff;
  }
}

@keyframes blinkBottom {
  0% {
    border-bottom-color: #000;
  }
  100% {
    border-bottom-color: #0ae5ff;
  }
}

@-webkit-keyframes blinkLeft {
  0% {
    border-left-color: #000;
  }
  100% {
    border-left-color: #0ae5ff;
  }
}

@keyframes blinkLeft {
  0% {
    border-left-color: #000;
  }
  100% {
    border-left-color: #0ae5ff;
  }
}

@-webkit-keyframes blinkRight {
  0% {
    border-right-color: #000;
  }
  100% {
    border-right-color: #0ae5ff;
  }
}

@keyframes blinkRight {
  0% {
    border-right-color: #000;
  }
  100% {
    border-right-color: #0ae5ff;
  }
}

.cr-elements_type-1 .cr-element-slope-top-wrap--4, .cr-elements_type-2 .cr-element-slope-top-wrap--4, .cr-elements_type-3 .cr-element-slope-top-wrap--4, .cr-elements_type-5 .cr-element-slope-top-wrap--4, .cr-elements_type-40 .cr-element-slope-top-wrap--4, .cr-elements_type-34 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-8 .cr-element-slope-top-wrap--4, .cr-elements_type-9 .cr-element-slope-top-wrap--4, .cr-elements_type-10 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-8 .cr-element--window, .cr-elements_type-9 .cr-element--window, .cr-elements_type-10 .cr-element--window {
  position: relative;
  height: 17.5em;
  margin-top: 5em;
}

.cr-elements_type-8 .cr-element--window .cr-element-slope ._slope, .cr-elements_type-9 .cr-element--window .cr-element-slope ._slope, .cr-elements_type-10 .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: -5em;
}

.cr-elements_type-8 .cr-element--window .cr-element-slope-wrap--right, .cr-elements_type-9 .cr-element--window .cr-element-slope-wrap--right, .cr-elements_type-10 .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-8 .cr-element--window::before, .cr-elements_type-9 .cr-element--window::before, .cr-elements_type-10 .cr-element--window::before {
  position: absolute;
  content: "";
  top: -6.25em;
  height: 6.25em;
  left: -0.625em;
  border-top: 1.0625em solid var(--window-color, #ebebeb);
  border-bottom: 1.0625em solid var(--window-color, #ebebeb);
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: calc(100% + 0.625em * 2);
  right: -0.625em;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-8 .cr-element--window:first-of-type::before, .cr-elements_type-9 .cr-element--window:first-of-type::before, .cr-elements_type-10 .cr-element--window:first-of-type::before {
  border-left: 1.0625em solid var(--window-color, #ebebeb);
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-8 .cr-element--window:last-of-type::before, .cr-elements_type-9 .cr-element--window:last-of-type::before, .cr-elements_type-10 .cr-element--window:last-of-type::before {
  border-right: 1.0625em solid var(--window-color, #ebebeb);
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-8 .cr-element--window:only-of-type::before, .cr-elements_type-9 .cr-element--window:only-of-type::before, .cr-elements_type-10 .cr-element--window:only-of-type::before {
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-8 .cr-element--window.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-8 .cr-element--window.cr-element--blind .cr-element-slope ._slope, .cr-elements_type-9 .cr-element--window.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-9 .cr-element--window.cr-element--blind .cr-element-slope ._slope, .cr-elements_type-10 .cr-element--window.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-10 .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.5em;
  top: -5.5em;
}

.cr-elements_type-8 .cr-element--window.cr-element--exterior .cr-element-slope-wrap, .cr-elements_type-8 .cr-element--window.cr-element--blind .cr-element-slope-wrap, .cr-elements_type-9 .cr-element--window.cr-element--exterior .cr-element-slope-wrap, .cr-elements_type-9 .cr-element--window.cr-element--blind .cr-element-slope-wrap, .cr-elements_type-10 .cr-element--window.cr-element--exterior .cr-element-slope-wrap, .cr-elements_type-10 .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  margin-top: 0.5em;
}

.cr-elements_type-8 .cr-element--window.cr-element--exterior::before, .cr-elements_type-8 .cr-element--window.cr-element--blind::before, .cr-elements_type-9 .cr-element--window.cr-element--exterior::before, .cr-elements_type-9 .cr-element--window.cr-element--blind::before, .cr-elements_type-10 .cr-element--window.cr-element--exterior::before, .cr-elements_type-10 .cr-element--window.cr-element--blind::before {
  top: -6.7em;
  height: 6.3em;
  left: -1.0625em;
  border-top: 1.0625em solid var(--window-color, #ebebeb);
  border-bottom: 1.0625em solid var(--window-color, #ebebeb);
  -webkit-border-radius: 1px;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: -webkit-calc(10.6em);
  width: calc(10.6em);
  right: -1.0625em;
}

.cr-elements_type-4 .cr-element-slope-top-wrap--4, .cr-elements_type-12 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-33 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-40 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-34 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-35 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-32 .cr-element--door .cr-element__emptyInDoor {
  display: block;
  width: 81%;
}

@media (min-width: 1024px) {
  .cr-elements_type-33 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-40 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-34 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-35 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-32 .cr-element--door .cr-element__emptyInDoor {
    height: 85px;
  }
}

@media (min-width: 1440px) {
  .cr-elements_type-33 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-40 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-34 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-35 .cr-element--door .cr-element__emptyInDoor, .cr-elements_type-32 .cr-element--door .cr-element__emptyInDoor {
    height: 111px;
  }
}

.cr-elements_type-33 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-40 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-34 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-35 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-32 .cr-element--blind .cr-element__emptyInDoor {
  width: 100%;
  left: 0;
  bottom: 1px;
}

@media (max-width: 767px) {
  .cr-elements_type-33 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-40 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-34 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-35 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-32 .cr-element--blind .cr-element__emptyInDoor {
    width: 100%;
    left: 0;
    bottom: 1px;
    height: 54px;
  }
}

.cr-elements_type-33 .cr-element-slope-top-wrap--4, .cr-elements_type-40 .cr-element-slope-top-wrap--4, .cr-elements_type-34 .cr-element-slope-top-wrap--4, .cr-elements_type-35 .cr-element-slope-top-wrap--4, .cr-elements_type-32 .cr-element-slope-top-wrap--4 {
  opacity: 0;
}

.cr-elements_type-11 .cr-element-slope-top-wrap--4, .cr-elements_type-13 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-11 .cr-element__emptyInDoor,
.cr-elements_type-13 .cr-element__emptyInDoor {
  display: block;
}

.cr-elements_type-11 .cr-element--door, .cr-elements_type-13 .cr-element--door {
  height: 28.625em;
}

.cr-elements_type-11 .cr-element--door .cr-element-slope ._slope, .cr-elements_type-13 .cr-element--door .cr-element-slope ._slope {
  height: 30.25em;
}

.cr-elements_type-11 .cr-element--door.cr-element--blind .cr-element-slope-wrap .cr-element-slope ._slope, .cr-elements_type-13 .cr-element--door.cr-element--blind .cr-element-slope-wrap .cr-element-slope ._slope {
  top: -0.5em;
}

.cr-elements_type-11 .cr-element.cr-element--blind, .cr-elements_type-13 .cr-element.cr-element--blind {
  width: 8em;
}

.cr-elements_type-11 .cr-element.cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-13 .cr-element.cr-element--blind .cr-element-slope-wrap--left {
  top: -0.7em;
}

.cr-elements_type-14 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-14 .cr-element__emptyInDoor {
  display: block;
}

.cr-elements_type-14 .cr-element--door {
  font-size: 11px !important;
  position: relative;
  height: 28.625em;
  margin-top: 5em;
}

.cr-elements_type-14 .cr-element--door .cr-element-slope ._slope {
  height: 35.25em;
  top: -5em;
}

.cr-elements_type-14 .cr-element--door::before {
  position: absolute;
  content: "";
  top: -6.25em;
  height: 6.25em;
  left: -0.625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: calc(100% + 0.625em * 2);
  right: -0.625em;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-14 .cr-element--door:first-of-type::before {
  border-left: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-14 .cr-element--door:last-of-type::before {
  border-right: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-14 .cr-element--door:only-of-type::before {
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-14 .cr-element--door.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-14 .cr-element--door.cr-element--blind .cr-element-slope ._slope {
  top: -5.5em;
}

.cr-elements_type-14 .cr-element--door.cr-element--exterior::before, .cr-elements_type-14 .cr-element--door.cr-element--blind::before {
  top: -6.7em;
  height: 6.25em;
  left: -1.0625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: -webkit-calc(10.25em);
  width: calc(10.25em);
  right: -1.0625em;
}

.cr-elements_type-14 .cr-element--door.cr-element--blind::before {
  width: 8.25em;
}

.cr-elements_type-15 .cr-element-slope-top-wrap--4 {
  display: none;
}

.cr-elements_type-15 .cr-element--door {
  font-size: 11px !important;
  position: relative;
  height: 28.625em;
  margin-top: 5em;
}

.cr-elements_type-15 .cr-element--door .cr-element-slope ._slope {
  height: 35.25em;
  top: -5em;
}

.cr-elements_type-15 .cr-element--door::before {
  position: absolute;
  content: "";
  top: -6.25em;
  height: 6.25em;
  left: -0.625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: calc(100% + 0.625em * 2);
  right: -0.625em;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-15 .cr-element--door:first-of-type::before {
  border-left: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-15 .cr-element--door:last-of-type::before {
  border-right: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-15 .cr-element--door:only-of-type::before {
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-15 .cr-element--door.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-15 .cr-element--door.cr-element--blind .cr-element-slope ._slope {
  top: -5.5em;
}

.cr-elements_type-15 .cr-element--door.cr-element--exterior::before, .cr-elements_type-15 .cr-element--door.cr-element--blind::before {
  top: -6.7em;
  height: 6.25em;
  left: -1.0625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: -webkit-calc(10.25em);
  width: calc(10.25em);
  right: -1.0625em;
}

.cr-elements_type-15 .cr-element--door.cr-element--blind::before {
  width: 8.25em;
}

.cr-elements_type-21 .cr-element--window, .cr-elements_type-22 .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-21 .cr-element--window .cr-element-slope ._slope, .cr-elements_type-22 .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-21 .cr-element--window .cr-element-slope-wrap--right, .cr-elements_type-22 .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-21 .cr-element--window .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window .cr-element-slope-top-wrap {
  top: -1.25em;
  left: -2.2em;
  right: -2.2em;
}

.cr-elements_type-21 .cr-element--window:nth-of-type(3n + 3) .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window:nth-of-type(3n + 3) .cr-element-slope-top-wrap {
  top: -1.25em;
  left: -1.2em;
  right: -1.2em;
}

.cr-elements_type-21 .cr-element--window.cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.75em;
  left: -1.8625em;
  right: -1.9em;
}

.cr-elements_type-21 .cr-element--window.cr-element--blind .cr-element-slope-wrap, .cr-elements_type-22 .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-21 .cr-element--window.cr-element--blind .cr-element-slope ._slope, .cr-elements_type-22 .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 25em;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(2), .cr-elements_type-22 .cr-element--window:nth-of-type(3) {
  font-size: 11px !important;
  position: relative;
  height: 17.5em;
  margin-top: 5em;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap {
  top: -6.8em;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(2)::before, .cr-elements_type-22 .cr-element--window:nth-of-type(3)::before {
  position: absolute;
  content: "";
  top: -6.25em;
  height: 6.25em;
  left: -0.625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: calc(100% + 0.625em * 2);
  right: -0.625em;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(2) {
  top: 0;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(2)::before {
  border-left: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
          box-shadow: inset 1px 1px 0px 0px #727272, inset 0px -1px 0px 0px #727272;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(3) {
  top: 0;
}

.cr-elements_type-22 .cr-element--window:nth-of-type(3)::before {
  border-right: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
          box-shadow: inset 0px 1px 0px 0px #727272, inset -1px -1px 0px 0px #727272;
}

.cr-elements_type-22 .cr-element--window.cr-element--exterior .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -7.35em;
  left: -1.8625em;
  right: -1.9em;
}

.cr-elements_type-22 .cr-element--window.cr-element--exterior::before, .cr-elements_type-22 .cr-element--window.cr-element--blind::before {
  top: -6.7em;
  height: 6.25em;
  left: -1.0625em;
  border-top: 1.0625em solid;
  border-bottom: 1.0625em solid;
  border-image-source: inherit;
  border-image-repeat: repeat;
  border-image-slice: 17 17;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  width: -webkit-calc(100% + 0.625em * 2);
  width: -webkit-calc(10.25em);
  width: calc(10.25em);
  right: -1.0625em;
}

.cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(1) .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(4) .cr-element-slope-top-wrap {
  top: -1.75em;
  left: -2.5em;
  right: -2.5em;
}

.cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(1) .cr-element-slope-wrap--left, .cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(4) .cr-element-slope-wrap--left {
  top: -2em;
  margin-left: -0.575em;
}

.cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(1) .cr-element-slope-wrap--right, .cr-elements_type-22 .cr-element--window.cr-element--blind:nth-of-type(4) .cr-element-slope-wrap--right {
  top: -2em;
}

@media (min-width: 1024px) {
  .cr-elements_type-22 .cr-element--window:nth-of-type(1), .cr-elements_type-22 .cr-element--window:nth-of-type(4) {
    height: 201px !important;
  }
}

@media (min-width: 1440px) {
  .cr-elements_type-22 .cr-element--window:nth-of-type(1), .cr-elements_type-22 .cr-element--window:nth-of-type(4) {
    height: 226px !important;
  }
}

@media (min-width: 766px) and (max-width: 1024px) {
  .cr-elements_type-37 .cr-element-sill {
    top: -4px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37 .cr-element-sill {
    top: 2px;
  }
}

.cr-elements_type-37 .cr-element-slope-top-wrap {
  top: -11px;
}

@media (max-width: 767px) {
  .cr-elements_type-37 .cr-element-slope-top-wrap {
    top: -7px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window {
  font-size: 11px !important;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  top: 0.5em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
  top: -1em;
  left: -2em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  top: 1em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-sill__cover svg {
  left: -8px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  width: 95px;
  -webkit-backface-visibility: hidden;
  margin-bottom: 35px;
  height: 23.125em;
  top: -0.6em;
  -webkit-transform: skew(0deg, 19deg) translateY(16px);
      -ms-transform: skew(0deg, 19deg) translateY(16px);
          transform: skew(0deg, 19deg) translateY(16px);
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
  top: -1.2em;
  right: -19px;
  left: 0em;
}

@media (min-width: 766px) and (max-width: 1023px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
    left: -1px;
    right: -24px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
    top: -7px;
    right: -12px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-slope ._slope {
  top: 0.4em;
}

@media (max-width: 767px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) {
    -webkit-transform: skew(0deg, 19deg) translateY(8px);
        -ms-transform: skew(0deg, 19deg) translateY(8px);
            transform: skew(0deg, 19deg) translateY(8px);
    width: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-sill {
    right: 3px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--opens::before {
  top: -107%;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--opens.cr-element--exterior, .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--opens.cr-element--exterior {
  margin-top: -4px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--exterior::after, .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--exterior::after {
  left: -1.125em;
  right: -1.125em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  top: 0.5em;
  height: 24.7em;
  top: 0.5em;
}

@media only screen and (min-width: 1439px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
    height: 14em;
  }
}

@media only screen and (min-width: 1440px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
    height: 16.5em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
    height: 14em;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
    height: 24.4em;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope ._slope .cr-element-sill__cover svg {
  left: -8px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
  left: -2em;
  right: -1.3em;
}

@media (max-width: 766px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
    top: -8px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-sill__facade::before {
  content: "";
  left: 0em;
  right: 0em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-sill-wrap {
  left: -2em;
  right: -1.3em;
}

@media (min-width: 766px) and (max-width: 1023px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-sill-wrap {
    right: -20px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window .cr-element-sill__facade {
  right: -6px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

@media (max-width: 767px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
    top: -8px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
  right: -1.8em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  top: 1em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-sill__cover svg {
  left: -8px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-sill__facade {
  right: -5px;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-sill__facade::before {
  content: "";
  left: -4px;
  right: 0em;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -2.3em;
}

@media (max-width: 766px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
    top: -8px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--exterior {
  margin-top: 35px;
  -webkit-transform: skew(0deg, -12deg) translateY(-12px);
      -ms-transform: skew(0deg, -12deg) translateY(-12px);
          transform: skew(0deg, -12deg) translateY(-12px);
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--exterior {
  margin-top: 35px;
  -webkit-transform: skew(0deg, -12deg) translateY(-30px);
      -ms-transform: skew(0deg, -12deg) translateY(-30px);
          transform: skew(0deg, -12deg) translateY(-30px);
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--exterior {
  margin-top: 35px !important;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window.cr-element--exterior::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  top: -16px;
  left: -0.5em;
}

@media (max-width: 766px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
    top: -8px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  top: -19px;
  left: -5px;
  right: -20px;
}

@media (max-width: 1024px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
    right: -17px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
    right: -12px;
    top: -8px;
    left: 0px;
  }
}

.cr-elements_type-37.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-wrap--left {
  top: -2em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -1.9em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  top: 1em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-sill__cover svg {
  left: -8px;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-sill__facade::before {
  left: -6px;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-sill-wrap {
  left: -21px;
  right: -21px;
}

@media (max-width: 1023px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-sill-wrap {
    right: -28px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-sill-wrap {
    right: -12px;
    left: -14px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  margin-bottom: 35px;
  top: -0.6em;
  width: 95px;
  margin-bottom: 35px;
  height: 23.125em !important;
  -webkit-transform: skew(0deg, -19deg) translateY(16px);
      -ms-transform: skew(0deg, -19deg) translateY(16px);
          transform: skew(0deg, -19deg) translateY(16px);
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) {
    width: 50px;
    -webkit-transform: skew(0deg, -19deg) translateY(8px);
        -ms-transform: skew(0deg, -19deg) translateY(8px);
            transform: skew(0deg, -19deg) translateY(8px);
  }
}

@media (min-width: 1024px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) {
    height: 140px !important;
  }
}

@media (min-width: 1440px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) {
    height: 165px !important;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  left: -1.9em;
  right: -0.7em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--opens::before {
  top: -107%;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--opens.cr-element--exterior {
  margin-top: -4px;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
  height: 24.7em;
  top: 0.5em;
}

@media only screen and (min-width: 1439px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
    height: 14em;
  }
}

@media only screen and (min-width: 1440px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
    height: 16.5em;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
    height: 14em;
  }
}

@media (min-width: 766px) and (max-width: 1023px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
    height: 24.4em;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-top-wrap {
  left: -1em;
  right: -1em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-sill-wrap {
  left: -21px;
  right: -19px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-sill-wrap {
    right: -16px;
  }
}

@media (min-width: 765px) and (max-width: 1023px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-sill-wrap {
    left: -24px;
    right: -22px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-sill-wrap {
    left: -16px;
    right: -9px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window .cr-element-sill__facade::before {
  left: 0;
  right: -2px;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
  right: -21px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
    right: -17px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
    right: -11px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-sill__cover {
  left: 6px;
  right: 5px;
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) .cr-element-sill-wrap {
    left: -10px;
    right: -9px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--exterior {
  -webkit-transform: skew(0deg, 12deg) translateY(-30px);
      -ms-transform: skew(0deg, 12deg) translateY(-30px);
          transform: skew(0deg, 12deg) translateY(-30px);
  -webkit-backface-visibility: hidden;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior {
  margin-top: 35px !important;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -15px;
  right: -1.1em;
  left: -2.5em;
}

@media (max-width: 766px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
    top: -7px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  left: -1.5em;
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  right: -2.2em;
}

@media (max-width: 1023px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
    right: -30px;
  }
}

@media (max-width: 767px) {
  .cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
    right: -14px;
  }
}

.cr-elements_type-37:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-wrap--right {
  top: -2em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window {
  font-size: 11px !important;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-wrap--right {
    right: -2.5em;
  }
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-top-wrap {
  top: -1em;
  left: -1.1em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.5em;
  top: 1em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: skew(0deg, 12deg) translateY(10px);
      -ms-transform: skew(0deg, 12deg) translateY(10px);
          transform: skew(0deg, 12deg) translateY(10px);
  -webkit-backface-visibility: hidden;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n) .cr-element-slope-top-wrap {
  top: -1.2em;
  left: -0.1em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n)::before {
  content: "";
  display: block;
  position: absolute;
  top: -110%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n).cr-element--blind .cr-element-slope-top-wrap {
  left: -0.5em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: skew(0deg, 12deg) translateY(30px);
      -ms-transform: skew(0deg, 12deg) translateY(30px);
          transform: skew(0deg, 12deg) translateY(30px);
  -webkit-backface-visibility: hidden;
  margin-bottom: 35px;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n)::before {
  content: "";
  display: block;
  position: absolute;
  top: -110%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
  top: -1.2em;
  right: -2.4em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope ._slope {
  top: 0.4em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n).cr-element--blind .cr-element-slope-top-wrap {
  right: -2.7em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--opens::before {
  top: -107%;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--opens.cr-element--exterior, .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--opens.cr-element--exterior {
  margin-top: -4px;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--exterior::after, .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior::after {
  left: -1.125em;
  right: -1.125em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-top-wrap {
  left: -2.2em;
  right: -2.2em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
  left: -2.2em;
  right: -1.2em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.5em;
  top: 1em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -2.7em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--exterior {
  margin-top: 35px;
  -webkit-transform: skew(0deg, -12deg) translateY(-12px);
      -ms-transform: skew(0deg, -12deg) translateY(-12px);
          transform: skew(0deg, -12deg) translateY(-12px);
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior {
  margin-top: 35px;
  -webkit-transform: skew(0deg, -12deg) translateY(-30px);
      -ms-transform: skew(0deg, -12deg) translateY(-30px);
          transform: skew(0deg, -12deg) translateY(-30px);
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior {
  margin-top: 35px !important;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  left: -0.5em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  left: -1.1em;
}

.cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-wrap--left {
  top: -2em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window {
  font-size: 11px !important;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
  top: -1em;
  left: -1.1em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 24.5em;
  top: 1em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: skew(0deg, -12deg) translateY(30px);
      -ms-transform: skew(0deg, -12deg) translateY(30px);
          transform: skew(0deg, -12deg) translateY(30px);
  margin-bottom: 35px;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  left: -2.2em;
  top: -1.2em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1)::before {
  content: "";
  display: block;
  position: absolute;
  top: -110%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2) {
  -webkit-transform: skew(0deg, -12deg) translateY(10px);
      -ms-transform: skew(0deg, -12deg) translateY(10px);
          transform: skew(0deg, -12deg) translateY(10px);
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--opens::before {
  top: -107%;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--opens.cr-element--exterior {
  margin-top: -4px;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
  left: -2.2em;
  right: -2.2em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(3n) .cr-element-slope-top-wrap {
  left: -1.1em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
  right: -2.2em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior {
  -webkit-transform: skew(0deg, 12deg) translateY(-30px);
      -ms-transform: skew(0deg, 12deg) translateY(-30px);
          transform: skew(0deg, 12deg) translateY(-30px);
  -webkit-backface-visibility: hidden;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--exterior {
  margin-top: 35px !important;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--exterior::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  right: -1.1em;
  left: -2.5em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  left: -1.5em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  right: -2.7em;
}

.cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-wrap--right {
  top: -2em;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope ._slope {
  height: 25em;
  top: 0.2em;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-wrap-left {
  margin-right: 0;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-top-wrap {
  top: -1.5em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-top-wrap {
  left: -2.2em;
  right: -2.2em;
}

.cr-elements_type-24 .cr-element--window {
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0;
}

.cr-elements_type-24 .cr-element--window .cr-element-slope-top-wrap {
  left: -2.2em;
  right: -2.2em;
}

.cr-elements_type-24 .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.8em;
}

.cr-elements_type-24 .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-24 .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 25em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: skew(0deg, -12deg) translateY(10px);
      -ms-transform: skew(0deg, -12deg) translateY(10px);
          transform: skew(0deg, -12deg) translateY(10px);
  margin-right: -1px;
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  top: -1.4em;
  right: 0em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1)::before {
  content: "";
  display: block;
  position: absolute;
  top: -110%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4) {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: skew(0deg, 12deg) translateY(10px);
      -ms-transform: skew(0deg, 12deg) translateY(10px);
          transform: skew(0deg, 12deg) translateY(10px);
  -webkit-backface-visibility: hidden;
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4)::before {
  content: "";
  display: block;
  position: absolute;
  top: -110%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap {
  left: -0.1em;
  right: -2.3em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope ._slope {
  height: 25em;
  top: 0.5em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.8em;
  right: -0.5em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.8em;
  right: -2.7em;
  left: -1em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope ._slope {
  height: 25em;
  top: 0.5em;
}

.cr-elements_type-24 .cr-element--window.cr-element--opens::before {
  top: -107%;
}

.cr-elements_type-24 .cr-element--window.cr-element--opens.cr-element--exterior {
  margin-top: -4px;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior {
  margin-top: 30px;
  -webkit-transform: skew(0deg, 12deg) translateY(-12px);
      -ms-transform: skew(0deg, 12deg) translateY(-12px);
          transform: skew(0deg, 12deg) translateY(-12px);
  -webkit-backface-visibility: hidden;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior ~ div {
  margin-top: 30px;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior ~ div::before {
  content: "";
  display: block;
  position: absolute;
  top: -109%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--exterior {
  margin-top: 30px;
  -webkit-transform: skew(0deg, -12deg) translateY(-12px);
      -ms-transform: skew(0deg, -12deg) translateY(-12px);
          transform: skew(0deg, -12deg) translateY(-12px);
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  top: -1.1em;
  left: -2.2em;
  right: -0.7em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
  top: -1em;
  left: -0.6em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap {
  top: -1em;
  right: -0.6em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap {
  top: -1.1em;
  right: -2.2em;
  left: -0.7em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  left: -2.5em;
  right: -0.9em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-wrap--left {
  top: -1.8em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(2).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
  left: -1.5em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
  right: -1.5em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  right: -2.5em;
  left: -0.7em;
}

.cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-wrap--right {
  top: -1.8em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--opens:not(.cr-element--exterior) {
  border-width: 0.725em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window .cr-element-slope ._slope {
  top: 0.7em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0.2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window .cr-element-slope-top-wrap {
  top: -1em;
  left: -1.1em;
  right: -1.9em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window::before {
  content: "";
  display: block;
  position: absolute;
  top: -107%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n) {
  -webkit-transform: skew(0deg, 12deg) translateY(10px);
      -ms-transform: skew(0deg, 12deg) translateY(10px);
          transform: skew(0deg, 12deg) translateY(10px);
  -webkit-backface-visibility: hidden;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n) .cr-element-slope-top-wrap {
  top: -1.1em;
  left: -0.1em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) {
  -webkit-transform: skew(0deg, 0deg) translateY(20px);
      -ms-transform: skew(0deg, 0deg) translateY(20px);
          transform: skew(0deg, 0deg) translateY(20px);
  -webkit-backface-visibility: hidden;
  margin-bottom: 20px;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) .cr-element-slope-top-wrap {
  top: -1.1em;
  right: -2.1em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior::before, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--blind::before {
  top: -109.5%;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior .cr-element-slope-top-wrap, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior .cr-element-slope-wrap, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 25em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--exterior {
  margin-top: 35px;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2).cr-element--exterior {
  margin-top: 35px;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--exterior {
  -webkit-transform: skew(0deg, -12deg) translateY(-10px);
      -ms-transform: skew(0deg, -12deg) translateY(-10px);
          transform: skew(0deg, -12deg) translateY(-10px);
  margin-top: 35px;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior {
  -webkit-transform: skew(0deg, 0deg) translateY(-20px);
      -ms-transform: skew(0deg, 0deg) translateY(-20px);
          transform: skew(0deg, 0deg) translateY(-20px);
  margin-bottom: 20px;
  margin-top: 35px;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  left: -2.2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
  right: -1.2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap {
  top: -1.2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap {
  top: -1.2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4) .cr-element-slope-wrap--right {
  top: -1.55em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
  left: -2.5em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-wrap--left {
  top: -2em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
  right: -1.7em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.6em;
  left: -0.5em;
  right: -1em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  left: -1.1em;
  top: -1.6em;
  right: -2.5em;
}

.cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-wrap--right {
  top: -2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--opens:not(.cr-element--exterior) {
  border-width: 0.725em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  font-size: 11px !important;
  height: 23.125em;
  top: -0.6em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window .cr-element-slope ._slope {
  top: 0.7em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window .cr-element-slope-wrap--right {
  margin-right: 0.2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window .cr-element-slope-top-wrap {
  top: -1em;
  left: -1.1em;
  right: -1.9em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window::before {
  content: "";
  display: block;
  position: absolute;
  top: -107%;
  left: -1.0625em;
  right: -1.0625em;
  height: 100%;
  margin-top: 1em;
  background-color: #fff;
  z-index: 0;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1) {
  -webkit-transform: skew(0deg, 0deg) translateY(20px);
      -ms-transform: skew(0deg, 0deg) translateY(20px);
          transform: skew(0deg, 0deg) translateY(20px);
  margin-bottom: 20px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1)::before {
  top: -107%;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:first-child .cr-element-slope-top-wrap {
  top: -0.9em;
  left: -2.1em;
  right: -1.9em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2) {
  -webkit-transform: skew(0deg, -12deg) translateY(9px);
      -ms-transform: skew(0deg, -12deg) translateY(9px);
          transform: skew(0deg, -12deg) translateY(9px);
  margin-right: -1px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
  right: 0;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--exterior::before, .cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--blind::before {
  top: -109.5%;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--exterior .cr-element-slope-top-wrap, .cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
  top: -1.4em;
  left: -1em;
  right: -1.9em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--exterior .cr-element-slope-wrap, .cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope-wrap {
  top: -2.425em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--exterior .cr-element-slope ._slope, .cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--blind .cr-element-slope ._slope {
  height: 25em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior {
  -webkit-transform: skew(0deg, 0deg) translateY(-20px);
      -ms-transform: skew(0deg, 0deg) translateY(-20px);
          transform: skew(0deg, 0deg) translateY(-20px);
  margin-bottom: 20px;
  margin-top: 38px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior::before {
  top: -109%;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior {
  -webkit-transform: skew(0deg, 12deg) translateY(-9px);
      -ms-transform: skew(0deg, 12deg) translateY(-9px);
          transform: skew(0deg, 12deg) translateY(-9px);
  -webkit-backface-visibility: hidden;
  margin-right: -1px;
  margin-top: 35px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior::before {
  top: -109%;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--exterior {
  margin-top: 38px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--exterior {
  margin-top: 38px;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  right: -1.2em;
  left: -2.5em;
  top: -1.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope ._slope {
  height: 24.5em;
  top: 0.9em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--blind .cr-element-slope-top-wrap {
  right: -0.5em;
  left: -1.1em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap {
  left: -2.2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap {
  right: -1.2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
  top: -1.2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1) .cr-element-slope-top-wrap {
  top: -1.2em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1) .cr-element-slope-wrap--left {
  top: -1.55em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-top-wrap {
  right: -2.5em;
  top: -1.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4).cr-element--blind .cr-element-slope-wrap--right {
  top: -1.9em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(3).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
  left: -1.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-top-wrap {
  top: -1.5em;
}

.cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--blind .cr-element-slope-wrap--left {
  top: -2em;
}

.cr-elements_type-7 .cr-element-slope-top-wrap--4 {
  top: -1.5em;
  height: 0.875em;
  left: -2.2em !important;
  right: -2.2em;
}

.cr-elements_type-7 .cr-element--blind .cr-element-slope-top-wrap {
  top: -1.95em;
  height: 1em;
  left: -2.7em !important;
  right: -2.7em !important;
}

.cr-elements_type-4 .cr-element.cr-element--blind, .cr-elements_type-11 .cr-element.cr-element--blind, .cr-elements_type-12 .cr-element.cr-element--blind, .cr-elements_type-13 .cr-element.cr-element--blind, .cr-elements_type-14 .cr-element.cr-element--blind, .cr-elements_type-15 .cr-element.cr-element--blind {
  width: 8.2em;
}

.cr-elements_type-4 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-14 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element.cr-element--blind .cr-element__emptyInDoor {
  height: 8.5em;
  width: 6.1em;
  z-index: 2;
  left: 0em;
  bottom: 0em;
}

.cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-11 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-11 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-12 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-12 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-13 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-13 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-14 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-14 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-15 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-15 .cr-element.cr-element--blind .cr-element-slope-wrap--right {
  top: -0.7em;
}

.cr-elements_type-4 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor, .cr-elements_type-14 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element.cr-element--blind.cr-element--exterior .cr-element__emptyInDoor {
  height: 9em;
  width: 6.1em;
  z-index: 2;
  left: 0em;
  bottom: 0em;
}

.cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-4 .cr-element.cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-12 .cr-element.cr-element--blind .cr-element-slope-wrap--left,
.cr-elements_type-12 .cr-element.cr-element--blind .cr-element-slope-wrap--right {
  top: -1.2em !important;
}

.cr-elements_type-29 .cr-element {
  height: 250px !important;
}

.cr-elements_type-29 .cr-element::before {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  top: -0.625em;
  bottom: -0.625em;
  left: 0;
  right: 0;
}

.cr-elements_type-29 .cr-element::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  top: 57%;
  bottom: 8px;
  left: 8px;
  right: 8px;
  height: auto;
  margin-top: 0 !important;
  margin: 0;
  background-color: white;
  border: 1px solid #676767;
  outline: 8px solid currentColor;
}

.cr-elements_type-29 .cr-element:nth-child(1) {
  border-right-width: 15px;
}

.cr-elements_type-29 .cr-element:nth-child(1)::before {
  right: -1em;
  border-right: 1px solid #d7d8d7;
}

.cr-elements_type-29 .cr-element:nth-child(2) {
  border-left-width: 15px;
}

.cr-elements_type-29 .cr-element:nth-child(2)::before {
  left: -1em;
  border-left: 1px solid #d7d8d7;
}

.cr-elements_type-29 .cr-element .config-select-group {
  display: none;
}

.cr-elements_type-29 .cr-element__opener {
  bottom: 45%;
  z-index: 1;
  pointer-events: none;
}

.cr-elements_type-29 .cr-element--blind .cr-element__glass {
  height: 56%;
  position: relative;
  border: 8px solid #ebebeb;
}

.cr-elements_type-29 .cr-element-slope-wrap, .cr-elements_type-29 .cr-element-slope-top-wrap, .cr-elements_type-29 .cr-element-sill-wrap {
  display: none;
}

.cr-elements_type-29 .cr-element-stained-glass-wrap__item {
  display: none;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-29 .cr-element {
    height: 180px !important;
  }
}

.cr-elements_type-30 .cr-element, .cr-elements_type-31 .cr-element {
  height: 250px !important;
}

.cr-elements_type-30 .cr-element-slope-wrap, .cr-elements_type-30 .cr-element-slope-top-wrap, .cr-elements_type-30 .cr-element-sill-wrap, .cr-elements_type-31 .cr-element-slope-wrap, .cr-elements_type-31 .cr-element-slope-top-wrap, .cr-elements_type-31 .cr-element-sill-wrap {
  display: none;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-30 .cr-element, .cr-elements_type-31 .cr-element {
    height: 180px !important;
  }
}

.cr-elements_type-26 .cr-element-slope-wrap, .cr-elements_type-26 .cr-element-slope-top-wrap, .cr-elements_type-26 .cr-element-sill-wrap, .cr-elements_type-27 .cr-element-slope-wrap, .cr-elements_type-27 .cr-element-slope-top-wrap, .cr-elements_type-27 .cr-element-sill-wrap, .cr-elements_type-28 .cr-element-slope-wrap, .cr-elements_type-28 .cr-element-slope-top-wrap, .cr-elements_type-28 .cr-element-sill-wrap {
  display: none;
}

.cr-elements_type-33 ._slope {
  height: 109%;
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-33 ._slope {
    height: 95%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-33 ._slope {
    height: 110%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-33 ._slope {
    height: 104%;
  }
}

@media screen and (max-width: 768px) {
  .cr-elements_type-33 ._slope {
    height: 105%;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-33 ._slope--door {
    height: 101%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-33 ._slope--door {
    height: 110%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-33 ._slope--door {
    height: 101%;
  }
}

@media screen and (max-width: 768px) {
  .cr-elements_type-33 ._slope--door {
    height: 101%;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-40 ._slope--door {
    height: 101%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-40 ._slope--door {
    height: 30em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-40 ._slope--door {
    height: 101%;
  }
}

@media screen and (max-width: 768px) {
  .cr-elements_type-40 ._slope--door {
    height: 101%;
  }
}

.cr-elements_type-34 ._slope--window {
  height: 104%;
}

.cr-elements_type-35 ._slope--window {
  height: 110%;
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-35 ._slope--window {
    height: 95%;
    left: 2px;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-35 ._slope--window {
    height: 109%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cr-elements_type-35 ._slope--window {
    height: 105%;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-35 ._slope--window {
    height: 104%;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-35 ._slope--door {
    height: 100%;
    top: 2px;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-35 ._slope--door {
    height: 110%;
    top: 0px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-35 ._slope--door {
    height: 101%;
    top: 3px;
  }
}

.cr-elements_type-35 .cr-element--blind .cr-element-slope-top-wrap {
  top: -12px;
}

@media (max-width: 767px) {
  .cr-elements_type-35 .cr-element--blind .cr-element-slope-top-wrap {
    top: -5px;
  }
}

.cr-elements_type-35 .cr-element-slope-top-wrap--4 {
  -webkit-perspective: 95px;
          perspective: 95px;
  right: -14px;
  left: -13px;
  top: -20px;
  opacity: 1;
  -webkit-perspective: 112px;
          perspective: 112px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-35 .cr-element-slope-top-wrap--4 {
    right: -11px;
    left: -11px;
  }
}

.cr-elements_type-35 .cr-element-slope-top-wrap--4 .cr-element-slope-top {
  -webkit-transform: rotateX(111deg) rotateY(0deg);
          transform: rotateX(111deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 24px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-35 .cr-element-slope-top-wrap--4 .cr-element-slope-top {
    height: 23px;
  }
}

.cr-elements_type-35 .cr-element--blind .cr-element-slope-top-wrap {
  top: -24px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-35 .cr-element--blind .cr-element-slope-top-wrap {
    top: -20px;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-32 ._slope--window {
    height: 97%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-32 ._slope--window {
    height: 111%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-32 ._slope--window {
    height: 105%;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-32 ._slope--window {
    height: 103%;
  }
}

.cr-elements_type-36 .cr-element-slope-top-wrap--4 {
  opacity: 0;
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-36 ._slope--window {
    height: 95%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-36 ._slope--window {
    height: 111%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-36 ._slope--window {
    height: 106%;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-36 ._slope--window {
    height: 105%;
  }
}

.cr-elements_type-36 .cr-element-sill__cover svg {
  min-height: 106%;
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-37 ._slope--window {
    left: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-37 ._slope--window {
    left: 3px;
  }
}

@media (min-width: 1023px) and (max-width: 1439px) {
  .cr-elements_type-37 ._slope--window {
    left: 3px;
  }
}

.cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
  top: -12px;
}

@media (max-width: 767px) {
  .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
    top: -5px;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-38 ._slope--window, .cr-elements_type-39 ._slope--window {
    height: 95%;
  }
}

@media screen and (min-width: 1440px) {
  .cr-elements_type-38 ._slope--window, .cr-elements_type-39 ._slope--window {
    height: 111%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-38 ._slope--window, .cr-elements_type-39 ._slope--window {
    height: 104%;
    top: 2px;
  }
}

@media screen and (max-width: 767px) {
  .cr-elements_type-38 ._slope--window, .cr-elements_type-39 ._slope--window {
    height: 105%;
  }
}

.cr-elements_type-38 .cr-element-slope-top-wrap--4, .cr-elements_type-39 .cr-element-slope-top-wrap--4 {
  -webkit-perspective: 95px;
          perspective: 95px;
  right: -17px;
  left: -17px;
  top: -20px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-38 .cr-element-slope-top-wrap--4, .cr-elements_type-39 .cr-element-slope-top-wrap--4 {
    right: -11px;
    left: -11px;
  }
}

.cr-elements_type-38 .cr-element-slope-top-wrap--4 .cr-element-slope-top, .cr-elements_type-39 .cr-element-slope-top-wrap--4 .cr-element-slope-top {
  -webkit-transform: rotateX(111deg) rotateY(0deg);
          transform: rotateX(111deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  height: 24px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-38 .cr-element-slope-top-wrap--4 .cr-element-slope-top, .cr-elements_type-39 .cr-element-slope-top-wrap--4 .cr-element-slope-top {
    height: 23px;
  }
}

.cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
  top: -24px;
}

@media screen and (max-width: 767px) {
  .cr-elements_type-38 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-39 .cr-element--blind .cr-element-slope-top-wrap {
    top: -20px;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-40 ._slope--window {
    height: 19em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-40 ._slope--window {
    height: 19em;
  }
}

.cr-element--door.cr-element--exterior .cr-element__emptyInDoor {
  left: 0.7em;
  bottom: 0.6em;
}

@media screen and (min-width: 1024px) {
  .cr-element::before, .cr-element::after {
    content: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-1, .cr-elements_type-2, .cr-elements_type-3, .cr-elements_type-8, .cr-elements_type-9, .cr-elements_type-10 {
    font-size: 7.8px;
  }
  .cr-elements_type-1 .cr-element-sill-wrap, .cr-elements_type-2 .cr-element-sill-wrap, .cr-elements_type-3 .cr-element-sill-wrap, .cr-elements_type-8 .cr-element-sill-wrap, .cr-elements_type-9 .cr-element-sill-wrap, .cr-elements_type-10 .cr-element-sill-wrap {
    margin-top: 0;
  }
  .cr-elements_type-1 .cr-element-input-size--height, .cr-elements_type-2 .cr-element-input-size--height, .cr-elements_type-3 .cr-element-input-size--height, .cr-elements_type-8 .cr-element-input-size--height, .cr-elements_type-9 .cr-element-input-size--height, .cr-elements_type-10 .cr-element-input-size--height {
    width: 5.875em;
  }
  .cr-elements_type-9 .cr-element--blind::before, .cr-elements_type-10 .cr-element--blind::before {
    width: 11.6em !important;
  }
  .cr-elements_type-9 .cr-element--blind .cr-element-sill-wrap, .cr-elements_type-10 .cr-element--blind .cr-element-sill-wrap {
    margin-top: 0.4em;
  }
  .cr-elements_type-9 .cr-element--blind .cr-element-slope-wrap, .cr-elements_type-10 .cr-element--blind .cr-element-slope-wrap {
    margin-top: 0.6em;
  }
  .cr-elements_type-8 .cr-element--blind::before {
    width: 11.6em !important;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-14 .cr-element-slope-wrap, .cr-elements_type-15 .cr-element-slope-wrap {
    font-size: 9.3px;
    top: -1.9em !important;
  }
  .cr-elements_type-14 .cr-element-slope-wrap--left, .cr-elements_type-15 .cr-element-slope-wrap--left {
    left: -2em;
  }
  .cr-elements_type-14 .cr-element-slope-wrap--right, .cr-elements_type-15 .cr-element-slope-wrap--right {
    right: -2em;
  }
  .cr-elements_type-11 .cr-element.cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element.cr-element--blind .cr-element__emptyInDoor {
    height: 9.6em;
  }
  .cr-elements_type-14 .cr-element.cr-element--blind .cr-element__emptyInDoor {
    height: 7.3em;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-input-size--height, .cr-elements_type-22 .cr-element--blind .cr-element-input-size--height, .cr-elements_type-23 .cr-element--blind .cr-element-input-size--height, .cr-elements_type-24 .cr-element--blind .cr-element-input-size--height, .cr-elements_type-25 .cr-element--blind .cr-element-input-size--height {
    -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
            transform: translateX(-120%);
  }
  .cr-elements_type-21 .cr-element-slope-wrap {
    font-size: 6.2px;
    top: -2em !important;
  }
  .cr-elements_type-21 .cr-element-slope-wrap--left {
    left: -2.9em;
  }
  .cr-elements_type-21 .cr-element-slope-wrap--right {
    right: -2.8em;
  }
  .cr-elements_type-21 .cr-element-sill-wrap {
    margin-top: 0;
    font-size: 9px;
  }
  .cr-elements_type-21 .cr-element-slope-top-wrap {
    font-size: 9px;
    z-index: 0;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-sill-wrap {
    margin-top: 0.6em;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-top-wrap {
    left: -2.5em !important;
    right: -2.5em !important;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-wrap {
    font-size: 6.1px;
    top: -2.8em !important;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-wrap--left {
    left: -3.3em;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-wrap--right {
    right: -3.3em;
  }
  .cr-elements_type-22 .cr-element-slope-wrap {
    font-size: 8.8px;
    top: -1.7em !important;
  }
  .cr-elements_type-22 .cr-element-slope-wrap--left {
    left: -2.4em;
  }
  .cr-elements_type-22 .cr-element-slope-wrap--right {
    right: -2.5em;
  }
  .cr-elements_type-22 .cr-element-sill-wrap {
    margin-top: 0;
    font-size: 11px;
  }
  .cr-elements_type-22 .cr-element-slope-top-wrap {
    font-size: 11px;
    z-index: 0;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-sill-wrap {
    margin-top: 0.5em;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-slope-top-wrap {
    font-size: 10.5px;
    left: -2.5em !important;
    right: -2.5em !important;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-slope-wrap {
    font-size: 8.6px;
    top: -2.3em !important;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-slope-wrap--left {
    left: -2.6em;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-slope-wrap--right {
    right: -2.6em;
  }
  .cr-elements_type-22 .cr-element--blind.cr-element--window:nth-of-type(3)::before {
    left: -3.0625em;
  }
  .cr-elements_type-22 .cr-element--blind.cr-element--window:nth-of-type(3) .cr-element-sill-wrap {
    margin-top: 0.4em;
  }
  .cr-elements_type-22 .cr-element--blind.cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap {
    top: -7.6em;
  }
  .cr-elements_type-22 .cr-element--blind.cr-element--window:nth-of-type(2) .cr-element-sill-wrap {
    margin-top: 0.4em;
  }
  .cr-elements_type-22 .cr-element--blind.cr-element--window:nth-of-type(2) .cr-element-slope-top-wrap {
    top: -7.6em;
  }
  .cr-elements_type-23 .cr-element-slope-wrap, .cr-elements_type-24 .cr-element-slope-wrap, .cr-elements_type-25 .cr-element-slope-wrap {
    font-size: 6.4px;
    top: -1.9em !important;
  }
  .cr-elements_type-23 .cr-element-slope-wrap--left, .cr-elements_type-24 .cr-element-slope-wrap--left, .cr-elements_type-25 .cr-element-slope-wrap--left {
    left: -2.8em;
  }
  .cr-elements_type-23 .cr-element-slope-wrap--right, .cr-elements_type-24 .cr-element-slope-wrap--right, .cr-elements_type-25 .cr-element-slope-wrap--right {
    right: -2.8em;
  }
  .cr-elements_type-23 .cr-element-sill-wrap, .cr-elements_type-24 .cr-element-sill-wrap, .cr-elements_type-25 .cr-element-sill-wrap {
    font-size: 9.5px;
  }
  .cr-elements_type-23 .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element-slope-top-wrap {
    font-size: 9px;
    z-index: 0;
  }
  .cr-elements_type-23 .cr-element--window::before, .cr-elements_type-23 .cr-element--window::after, .cr-elements_type-24 .cr-element--window::before, .cr-elements_type-24 .cr-element--window::after, .cr-elements_type-25 .cr-element--window::before, .cr-elements_type-25 .cr-element--window::after {
    content: none !important;
  }
  .cr-elements_type-23 .cr-element--window:nth-of-type(3)::before, .cr-elements_type-23 .cr-element--window:nth-of-type(3)::after, .cr-elements_type-23 .cr-element--window:nth-of-type(4)::before, .cr-elements_type-23 .cr-element--window:nth-of-type(4)::after, .cr-elements_type-24 .cr-element--window:nth-of-type(3)::before, .cr-elements_type-24 .cr-element--window:nth-of-type(3)::after, .cr-elements_type-24 .cr-element--window:nth-of-type(4)::before, .cr-elements_type-24 .cr-element--window:nth-of-type(4)::after, .cr-elements_type-25 .cr-element--window:nth-of-type(3)::before, .cr-elements_type-25 .cr-element--window:nth-of-type(3)::after, .cr-elements_type-25 .cr-element--window:nth-of-type(4)::before, .cr-elements_type-25 .cr-element--window:nth-of-type(4)::after {
    content: none !important;
  }
  .cr-elements_type-23 .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap, .cr-elements_type-23 .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--window:nth-of-type(3) .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--window:nth-of-type(4) .cr-element-slope-top-wrap {
    top: -1.1em !important;
    left: -0.8em !important;
  }
  .cr-elements_type-23 .cr-element--blind .cr-element-sill-wrap, .cr-elements_type-24 .cr-element--blind .cr-element-sill-wrap, .cr-elements_type-25 .cr-element--blind .cr-element-sill-wrap {
    font-size: 10px;
  }
  .cr-elements_type-23 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--blind .cr-element-slope-top-wrap {
    top: -1.6em !important;
  }
  .cr-elements_type-23 .cr-element--blind .cr-element-slope-wrap, .cr-elements_type-24 .cr-element--blind .cr-element-slope-wrap, .cr-elements_type-25 .cr-element--blind .cr-element-slope-wrap {
    font-size: 6.2px;
    top: -3.2em !important;
  }
  .cr-elements_type-23 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-24 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-25 .cr-element--blind .cr-element-slope-wrap--left {
    left: -3.6em;
  }
  .cr-elements_type-23 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-24 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-25 .cr-element--blind .cr-element-slope-wrap--right {
    right: -3.6em;
  }
  .cr-elements_type-23 .cr-element--blind:nth-child(3) .cr-element-slope-top-wrap, .cr-elements_type-23 .cr-element--blind:nth-child(4) .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--blind:nth-child(3) .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--blind:nth-child(4) .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--blind:nth-child(3) .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--blind:nth-child(4) .cr-element-slope-top-wrap {
    top: -1.7em !important;
  }
  .cr-elements_type-23.cr-elements_reflected.cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-24.cr-elements_reflected.cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-25.cr-elements_reflected.cr-element--blind .cr-element-slope-top-wrap {
    right: -1em;
  }
  .cr-elements_type-23.cr-elements_reflected:nth-child(1) .cr-element-slope-top-wrap, .cr-elements_type-24.cr-elements_reflected:nth-child(1) .cr-element-slope-top-wrap, .cr-elements_type-25.cr-elements_reflected:nth-child(1) .cr-element-slope-top-wrap {
    right: -2em !important;
  }
  .cr-elements_type-23.cr-elements_reflected:nth-child(2) .cr-element-slope-top-wrap, .cr-elements_type-24.cr-elements_reflected:nth-child(2) .cr-element-slope-top-wrap, .cr-elements_type-25.cr-elements_reflected:nth-child(2) .cr-element-slope-top-wrap {
    right: -2em !important;
  }
  .cr-elements_type-25 .cr-element-slope-wrap {
    font-size: 6px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element:nth-child(3) .cr-element-sill-wrap, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element:nth-child(4) .cr-element-sill-wrap {
    font-size: 8px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element:nth-child(4) .cr-element-sill-wrap {
    left: -1em !important;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element:nth-child(3) .cr-element-slope-top-wrap {
    right: -1.8em !important;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element:nth-child(1) .cr-element-sill-wrap, .cr-elements_type-25.cr-elements_reflected .cr-element:nth-child(2) .cr-element-sill-wrap {
    font-size: 8px;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element:nth-child(1) .cr-element-sill-wrap {
    right: -1em !important;
  }
  .cr-elements_type-5:not(.cr-elements_reflected) .cr-element ._slope--window {
    height: 19em;
  }
  .cr-elements_type-5:not(.cr-elements_reflected) .cr-element-slope-top-wrap {
    left: -13px;
  }
  .cr-elements_type-5.cr-elements_reflected ._slope--window {
    height: 19em;
  }
  .cr-elements_type-5 .cr-element-slope-top-wrap, .cr-elements_type-40 .cr-element-slope-top-wrap, .cr-elements_type-34 .cr-element-slope-top-wrap, .cr-elements_type-7 .cr-element-slope-top-wrap {
    z-index: 0;
  }
  .cr-elements_type-5 .cr-element::before, .cr-elements_type-5 .cr-element::after, .cr-elements_type-40 .cr-element::before, .cr-elements_type-40 .cr-element::after, .cr-elements_type-34 .cr-element::before, .cr-elements_type-34 .cr-element::after, .cr-elements_type-7 .cr-element::before, .cr-elements_type-7 .cr-element::after {
    content: none !important;
  }
  .cr-elements_type-5 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-40 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-34 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-7 .cr-element--window .cr-element-slope-wrap {
    font-size: 8px;
  }
  .cr-elements_type-7 .cr-element--blind .cr-element-input-size--height-right {
    -webkit-transform: translateX(135%);
        -ms-transform: translateX(135%);
            transform: translateX(135%);
  }
  .cr-elements_type-7 .cr-element ._slope--window {
    height: 19em;
  }
  .cr-elements_type-4 .cr-element--blind, .cr-elements_type-11 .cr-element--blind, .cr-elements_type-12 .cr-element--blind, .cr-elements_type-13 .cr-element--blind {
    width: 90px !important;
  }
  .cr-elements_type-4 .cr-element--blind::before, .cr-elements_type-11 .cr-element--blind::before, .cr-elements_type-12 .cr-element--blind::before, .cr-elements_type-13 .cr-element--blind::before {
    width: 90px !important;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor {
    width: 8em !important;
  }
  -6 .cr-element--door {
    height: 19em !important;
  }
}

@media screen and (min-width: 1440px) {
  .cr-element::before, .cr-element::after {
    content: none;
  }
  .cr-elements_type-1, .cr-elements_type-2, .cr-elements_type-3, .cr-elements_type-8, .cr-elements_type-9, .cr-elements_type-10 {
    font-size: 9.5px;
  }
  .cr-elements_type-9 .cr-element--blind::before, .cr-elements_type-10 .cr-element--blind::before {
    top: -6.7em !important;
    height: 6.2em !important;
  }
  .cr-elements_type-4 .cr-element-slope-wrap, .cr-elements_type-11 .cr-element-slope-wrap, .cr-elements_type-12 .cr-element-slope-wrap, .cr-elements_type-13 .cr-element-slope-wrap {
    font-size: 10px;
  }
  .cr-elements_type-4 .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element__emptyInDoor {
    width: 70px;
    height: 110px !important;
  }
  .cr-elements_type-4 .cr-element .cr-element-slope-wrap--left, .cr-elements_type-11 .cr-element .cr-element-slope-wrap--left, .cr-elements_type-12 .cr-element .cr-element-slope-wrap--left, .cr-elements_type-13 .cr-element .cr-element-slope-wrap--left {
    margin-left: -0.1em;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-11 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-12 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-13 .cr-element--blind .cr-element-slope-wrap--left {
    margin-left: -0.1em;
  }
  .cr-elements_type-14 .cr-element-slope-wrap, .cr-elements_type-15 .cr-element-slope-wrap {
    font-size: 10.3px;
  }
  .cr-elements_type-14 .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element__emptyInDoor {
    width: 65px;
    height: 105px !important;
  }
  .cr-elements_type-14 .cr-element-slope-top-wrap,
  .cr-elements_type-15 .cr-element-slope-top-wrap {
    top: -1.7em !important;
  }
  .cr-elements_type-21 .cr-element-slope-wrap, .cr-elements_type-23 .cr-element-slope-wrap, .cr-elements_type-24 .cr-element-slope-wrap, .cr-elements_type-25 .cr-element-slope-wrap {
    font-size: 7.2px !important;
  }
  .cr-elements_type-22 .cr-element-slope-wrap {
    font-size: 9.9px !important;
  }
  .cr-elements_type-22 .cr-element:nth-child(3).cr-element--blind::before {
    left: -2.0625em;
  }
  .cr-elements_type-5 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-40 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-34 .cr-element--window .cr-element-slope-wrap, .cr-elements_type-7 .cr-element--window .cr-element-slope-wrap {
    font-size: 9.6px;
  }
  .cr-elements_type-5 .cr-element--door .cr-element-slope-wrap, .cr-elements_type-40 .cr-element--door .cr-element-slope-wrap, .cr-elements_type-34 .cr-element--door .cr-element-slope-wrap, .cr-elements_type-7 .cr-element--door .cr-element-slope-wrap {
    font-size: 9.9px;
  }
  .cr-elements_type-7 ._slope--window {
    height: 19em;
  }
  .cr-elements_type-6 ._slope--door {
    height: 32.6em;
  }
}

@media (max-width: 1439px) {
  .cr-elements_type-6 ._slope--window {
    height: 17em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cr-element .cr-element-slope-top-wrap {
    z-index: 0;
  }
  .cr-elements_type-4 .cr-element--blind, .cr-elements_type-11 .cr-element--blind, .cr-elements_type-12 .cr-element--blind, .cr-elements_type-13 .cr-element--blind, .cr-elements_type-14 .cr-element--blind, .cr-elements_type-15 .cr-element--blind {
    width: 10.625em !important;
  }
  .cr-elements_type-4 .cr-element--blind::before, .cr-elements_type-11 .cr-element--blind::before, .cr-elements_type-12 .cr-element--blind::before, .cr-elements_type-13 .cr-element--blind::before, .cr-elements_type-14 .cr-element--blind::before, .cr-elements_type-15 .cr-element--blind::before {
    width: 10.625em !important;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-14 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element--blind .cr-element__emptyInDoor {
    width: 9.2em !important;
  }
  .cr-elements_type-5:not(.cr-elements_reflected) .cr-element:nth-child(1) ._slope--window {
    height: 19em;
  }
  .cr-elements_type-5:not(.cr-elements_reflected) .cr-element-slope-top-wrap {
    left: -13px;
  }
  .cr-elements_type-9 .cr-element--window.cr-element--blind::before, .cr-elements_type-10 .cr-element--window.cr-element--blind::before {
    height: 6.25em;
    width: 10.65em;
  }
  .cr-elements_type-22 .cr-element--window.cr-element--blind::before {
    width: 10.65em;
  }
  .cr-elements_type-22 .cr-element--window.cr-element--blind .cr-element-slope-top-wrap {
    margin-top: 0.1em;
  }
  .cr-elements_type-14 .cr-element-slope-wrap, .cr-elements_type-15 .cr-element-slope-wrap {
    font-size: 10.3px;
  }
  .cr-elements_type-14 .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element__emptyInDoor {
    width: 84px;
    height: 105px !important;
  }
  .cr-elements_type-14 .cr-element-slope-top-wrap,
  .cr-elements_type-15 .cr-element-slope-top-wrap {
    top: -1.7em !important;
  }
  .cr-elements_type-7 ._slope--window {
    height: 19em;
  }
  .cr-elements_type-6 ._slope--window {
    height: 19em;
  }
}

@media screen and (max-width: 767px) {
  .cr-element {
    border-width: 0.8em !important;
  }
  .cr-element::after {
    margin-top: 0.5em;
  }
  .cr-element--blind .cr-element-sill-wrap {
    margin-top: 0.2em;
  }
  .cr-elements_type-21 .cr-element, .cr-elements_type-22 .cr-element, .cr-elements_type-23 .cr-element, .cr-elements_type-24 .cr-element, .cr-elements_type-25 .cr-element, .cr-elements_type-37 .cr-element {
    width: 13em;
  }
  .cr-elements_type-21 .cr-element--window, .cr-elements_type-22 .cr-element--window, .cr-elements_type-23 .cr-element--window, .cr-elements_type-24 .cr-element--window, .cr-elements_type-25 .cr-element--window, .cr-elements_type-37 .cr-element--window {
    font-size: 5px !important;
    border-width: 0.9em;
  }
  .cr-elements_type-21 .cr-element--window::after, .cr-elements_type-22 .cr-element--window::after, .cr-elements_type-23 .cr-element--window::after, .cr-elements_type-24 .cr-element--window::after, .cr-elements_type-25 .cr-element--window::after, .cr-elements_type-37 .cr-element--window::after {
    height: 15px;
    bottom: 0px;
    margin-top: 0.7em;
  }
  .cr-elements_type-21 .cr-element--window:nth-child(1), .cr-elements_type-22 .cr-element--window:nth-child(1), .cr-elements_type-23 .cr-element--window:nth-child(1), .cr-elements_type-24 .cr-element--window:nth-child(1), .cr-elements_type-25 .cr-element--window:nth-child(1), .cr-elements_type-37 .cr-element--window:nth-child(1) {
    font-size: 5px !important;
    border-width: 0.9em;
  }
  .cr-elements_type-21 .cr-element--window:nth-child(2), .cr-elements_type-22 .cr-element--window:nth-child(2), .cr-elements_type-23 .cr-element--window:nth-child(2), .cr-elements_type-24 .cr-element--window:nth-child(2), .cr-elements_type-25 .cr-element--window:nth-child(2), .cr-elements_type-37 .cr-element--window:nth-child(2) {
    font-size: 5px !important;
    border-width: 0.9em;
  }
  .cr-elements_type-21 .cr-element--window:nth-child(3), .cr-elements_type-22 .cr-element--window:nth-child(3), .cr-elements_type-23 .cr-element--window:nth-child(3), .cr-elements_type-24 .cr-element--window:nth-child(3), .cr-elements_type-25 .cr-element--window:nth-child(3), .cr-elements_type-37 .cr-element--window:nth-child(3) {
    font-size: 5px !important;
    border-width: 0.9em;
  }
  .cr-elements_type-21 .cr-element--window:nth-child(4), .cr-elements_type-22 .cr-element--window:nth-child(4), .cr-elements_type-23 .cr-element--window:nth-child(4), .cr-elements_type-24 .cr-element--window:nth-child(4), .cr-elements_type-25 .cr-element--window:nth-child(4), .cr-elements_type-37 .cr-element--window:nth-child(4) {
    font-size: 5px !important;
    border-width: 0.9em;
  }
  .cr-elements_type-38 .cr-element, .cr-elements_type-39 .cr-element {
    width: 12em;
  }
  .cr-elements_type-22 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-23 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--blind .cr-element-slope-top-wrap {
    margin-top: 0.3em;
  }
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-23 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-24 .cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-25 .cr-element--blind .cr-element-slope-top-wrap {
    top: -1.3em !important;
  }
  .cr-elements_type-21 .cr-element--window.cr-element--blind {
    border-width: 1.0625em;
  }
  .cr-elements_type-21 .cr-element--window.cr-element--opens {
    border-width: 0.9em;
  }
  .cr-elements_type-22 .cr-element--window:nth-child(2)::before, .cr-elements_type-22 .cr-element--window:nth-child(3)::before {
    left: -0.825em;
    width: -webkit-calc(100% + 0.825em * 2);
    width: calc(100% + 0.825em * 2);
  }
  .cr-elements_type-22 .cr-element--window:nth-child(2).cr-element--blind::before, .cr-elements_type-22 .cr-element--window:nth-child(3).cr-element--blind::before {
    top: -6.25em;
    height: 6.25em;
    width: 13em;
  }
  .cr-elements_type-22 .cr-element--window:nth-child(2).cr-element--blind .cr-element-slope-top-wrap, .cr-elements_type-22 .cr-element--window:nth-child(3).cr-element--blind .cr-element-slope-top-wrap {
    top: -7.2em !important;
  }
  .cr-elements_type-22 .cr-element--window.cr-element--exterior::before, .cr-elements_type-22 .cr-element--window.cr-element--blind::before {
    top: -6.2em;
    height: 6.2em;
    left: -0.825em;
    width: -webkit-calc(10.35em);
    width: calc(10.35em);
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window {
    font-size: 5px !important;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window::after {
    height: 55px;
    bottom: 0px;
    margin-top: 0.7em;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3) {
    -webkit-transform: skew(0deg, 12deg) translateY(5px);
        -ms-transform: skew(0deg, 12deg) translateY(5px);
            transform: skew(0deg, 12deg) translateY(5px);
    -webkit-backface-visibility: hidden;
    margin-top: 2px;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3)::after {
    height: 65px;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4) {
    -webkit-transform: skew(0deg, 12deg) translateY(15px);
        -ms-transform: skew(0deg, 12deg) translateY(15px);
            transform: skew(0deg, 12deg) translateY(15px);
    -webkit-backface-visibility: hidden;
    margin-top: 6px;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4)::after {
    height: 55px;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--exterior {
    -webkit-transform: skew(0deg, -12deg) translateY(-5px);
        -ms-transform: skew(0deg, -12deg) translateY(-5px);
            transform: skew(0deg, -12deg) translateY(-5px);
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3).cr-element--exterior::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior {
    -webkit-transform: skew(0deg, -12deg) translateY(-15px);
        -ms-transform: skew(0deg, -12deg) translateY(-15px);
            transform: skew(0deg, -12deg) translateY(-15px);
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4).cr-element--exterior::after {
    height: 65px;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3)::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23:not(.cr-elements_reflected) .cr-element--window.cr-element--opens::before {
    top: -52%;
    height: 45%;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window {
    font-size: 5px !important;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window::after {
    height: 55px;
    bottom: 0px;
    margin-top: 0.7em;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1) {
    -webkit-transform: skew(0deg, -12deg) translateY(15px);
        -ms-transform: skew(0deg, -12deg) translateY(15px);
            transform: skew(0deg, -12deg) translateY(15px);
    margin-top: 6px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1)::after {
    height: 55px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2) {
    -webkit-transform: skew(0deg, -12deg) translateY(5px);
        -ms-transform: skew(0deg, -12deg) translateY(5px);
            transform: skew(0deg, -12deg) translateY(5px);
    margin-top: 2px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2)::after {
    height: 65px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior {
    -webkit-transform: skew(0deg, 12deg) translateY(-15px);
        -ms-transform: skew(0deg, 12deg) translateY(-15px);
            transform: skew(0deg, 12deg) translateY(-15px);
    -webkit-backface-visibility: hidden;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior::after {
    height: 65px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior {
    -webkit-transform: skew(0deg, 12deg) translateY(-5px);
        -ms-transform: skew(0deg, 12deg) translateY(-5px);
            transform: skew(0deg, 12deg) translateY(-5px);
    -webkit-backface-visibility: hidden;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior::after {
    height: 65px;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior ~ div::before {
    top: -60%;
    height: 52%;
  }
  .cr-elements_type-23.cr-elements_reflected .cr-element--window.cr-element--opens::before {
    top: -52%;
    height: 45%;
  }
  .cr-elements_type-24 .cr-element--window::after {
    height: 5px;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(1) {
    font-size: 5px !important;
    -webkit-transform: skew(0deg, -12deg) translateY(5px);
        -ms-transform: skew(0deg, -12deg) translateY(5px);
            transform: skew(0deg, -12deg) translateY(5px);
    margin-top: 2px;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(1)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(4) {
    -webkit-transform: skew(0deg, 12deg) translateY(5px);
        -ms-transform: skew(0deg, 12deg) translateY(5px);
            transform: skew(0deg, 12deg) translateY(5px);
    -webkit-backface-visibility: hidden;
    margin-top: 2px;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(4)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior {
    -webkit-transform: skew(0deg, 12deg) translateY(-7px);
        -ms-transform: skew(0deg, 12deg) translateY(-7px);
            transform: skew(0deg, 12deg) translateY(-7px);
    -webkit-backface-visibility: hidden;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(1).cr-element--exterior::after {
    height: 35px;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--exterior {
    -webkit-transform: skew(0deg, -12deg) translateY(-7px);
        -ms-transform: skew(0deg, -12deg) translateY(-7px);
            transform: skew(0deg, -12deg) translateY(-7px);
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(4).cr-element--exterior::after {
    height: 35px;
  }
  .cr-elements_type-24 .cr-element--window.cr-element--blind::before {
    height: 30%;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(2).cr-element--exterior::before, .cr-elements_type-24 .cr-element--window:nth-of-type(3).cr-element--exterior::before {
    top: -40% !important;
    height: 33% !important;
  }
  .cr-elements_type-24 .cr-element--window:nth-of-type(2).cr-element--exterior::after, .cr-elements_type-24 .cr-element--window:nth-of-type(3).cr-element--exterior::after {
    height: 35px !important;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1)::before, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(1)::after, .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(2)::after {
    height: 35px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n) {
    -webkit-transform: skew(0deg, 12deg) translateY(5px);
        -ms-transform: skew(0deg, 12deg) translateY(5px);
            transform: skew(0deg, 12deg) translateY(5px);
    -webkit-backface-visibility: hidden;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n)::after {
    height: 35px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n) {
    -webkit-transform: skew(0deg, 0deg) translateY(10px);
        -ms-transform: skew(0deg, 0deg) translateY(10px);
            transform: skew(0deg, 0deg) translateY(10px);
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n)::after {
    height: 35px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n).cr-element--exterior {
    -webkit-transform: skew(0deg, -12deg) translateY(-5px);
        -ms-transform: skew(0deg, -12deg) translateY(-5px);
            transform: skew(0deg, -12deg) translateY(-5px);
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(3n).cr-element--exterior::after {
    height: 35px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n).cr-element--exterior {
    -webkit-transform: skew(0deg, 0deg) translateY(-12px);
        -ms-transform: skew(0deg, 0deg) translateY(-12px);
            transform: skew(0deg, 0deg) translateY(-12px);
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window:nth-of-type(4n).cr-element--exterior::after {
    height: 40px;
  }
  .cr-elements_type-25:not(.cr-elements_reflected) .cr-element--window.cr-element--blind::before {
    height: 32%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1) {
    -webkit-transform: skew(0deg, 0deg) translateY(10px);
        -ms-transform: skew(0deg, 0deg) translateY(10px);
            transform: skew(0deg, 0deg) translateY(10px);
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1)::after {
    height: 35px;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2) {
    -webkit-transform: skew(0deg, -12deg) translateY(5px);
        -ms-transform: skew(0deg, -12deg) translateY(5px);
            transform: skew(0deg, -12deg) translateY(5px);
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2)::after {
    height: 35px;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior {
    -webkit-transform: skew(0deg, 0deg) translateY(-12px);
        -ms-transform: skew(0deg, 0deg) translateY(-12px);
            transform: skew(0deg, 0deg) translateY(-12px);
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(1).cr-element--exterior::after {
    height: 40px;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior {
    -webkit-transform: skew(0deg, 12deg) translateY(-5px);
        -ms-transform: skew(0deg, 12deg) translateY(-5px);
            transform: skew(0deg, 12deg) translateY(-5px);
    -webkit-backface-visibility: hidden;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior::before {
    top: -40%;
    height: 32%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(2).cr-element--exterior::after {
    height: 40px;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window.cr-element--blind::before {
    height: 32%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(3)::before, .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4)::before {
    top: -40%;
    height: 33%;
  }
  .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(3)::after, .cr-elements_type-25.cr-elements_reflected .cr-element--window:nth-of-type(4)::after {
    height: 35px;
  }
  .cr-elements_type-8 .cr-element--window.cr-element--exterior::before, .cr-elements_type-8 .cr-element--window.cr-element--blind::before, .cr-elements_type-9 .cr-element--window.cr-element--exterior::before, .cr-elements_type-9 .cr-element--window.cr-element--blind::before, .cr-elements_type-10 .cr-element--window.cr-element--exterior::before, .cr-elements_type-10 .cr-element--window.cr-element--blind::before {
    top: -6.25em;
    height: 6.25em;
    left: -0.825em;
    width: -webkit-calc(10.7em);
    width: calc(10.7em);
  }
  .cr-elements_type-8 .cr-element--window::before, .cr-elements_type-9 .cr-element--window::before, .cr-elements_type-10 .cr-element--window::before {
    width: -webkit-calc(100% + 0.825em * 2);
    width: calc(100% + 0.825em * 2);
    left: -0.825em;
  }
  .cr-elements_type-14 .cr-element__emptyInDoor {
    width: 58px;
    height: 67px !important;
  }
  .cr-elements_type-14 .cr-element--door::before {
    width: -webkit-calc(100% + 0.825em * 2);
    width: calc(100% + 0.825em * 2);
    left: -0.825em;
  }
  .cr-elements_type-14 .cr-element--door.cr-element--exterior::before, .cr-elements_type-14 .cr-element--door.cr-element--blind::before {
    left: -0.8em;
    top: -6.25em;
  }
  .cr-elements_type-14 .cr-element--door.cr-element--blind .cr-element__emptyInDoor {
    height: 9.2em;
    width: 6.7em;
  }
  .cr-elements_type-15 .cr-element--door::before {
    width: -webkit-calc(100% + 0.825em * 2);
    width: calc(100% + 0.825em * 2);
    left: -0.825em;
  }
  .cr-elements_type-15 .cr-element--door.cr-element--exterior::before, .cr-elements_type-15 .cr-element--door.cr-element--blind::before {
    left: -0.8em;
    top: -6.25em;
  }
  .cr-elements_type-14 .cr-element--door, .cr-elements_type-15 .cr-element--door {
    font-size: 8px !important;
  }
  .cr-elements_type-5 .cr-element--window::after, .cr-elements_type-40 .cr-element--window::after, .cr-elements_type-34 .cr-element--window::after, .cr-elements_type-7 .cr-element--window::after {
    height: 75px;
  }
  .cr-elements_type-7.cr-elements_reflected .cr-element--window:nth-of-type(4)::after {
    height: 75px;
  }
  .cr-elements_type-7 .cr-element--blind .cr-element-slope-top-wrap {
    top: -1.6em;
    height: 0.875em;
    left: -2.4em !important;
    right: -2.4em !important;
  }
  .cr-elements_type-7 .cr-element-slope-wrap--left {
    margin-left: 0;
    top: -1.1em;
  }
  .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor {
    height: 9.2em !important;
    width: 6.7em !important;
  }
  .cr-elements_type-4 .cr-element--blind, .cr-elements_type-11 .cr-element--blind, .cr-elements_type-12 .cr-element--blind, .cr-elements_type-13 .cr-element--blind, .cr-elements_type-14 .cr-element--blind, .cr-elements_type-15 .cr-element--blind {
    width: 10.625em !important;
  }
  .cr-elements_type-4 .cr-element--blind::before, .cr-elements_type-11 .cr-element--blind::before, .cr-elements_type-12 .cr-element--blind::before, .cr-elements_type-13 .cr-element--blind::before, .cr-elements_type-14 .cr-element--blind::before, .cr-elements_type-15 .cr-element--blind::before {
    width: 10.625em !important;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-11 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-12 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-13 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--left, .cr-elements_type-15 .cr-element--blind .cr-element-slope-wrap--left {
    margin-left: -0.1em;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-11 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-12 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-13 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-14 .cr-element--blind .cr-element-slope-wrap--right, .cr-elements_type-15 .cr-element--blind .cr-element-slope-wrap--right {
    margin-right: -0.1em;
  }
  .cr-elements_type-4 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-11 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-12 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-13 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-14 .cr-element--blind .cr-element__emptyInDoor, .cr-elements_type-15 .cr-element--blind .cr-element__emptyInDoor {
    width: 9.2em !important;
  }
  .cr-elements_type-6 ._slope--window {
    height: 19em;
  }
}

.animated-blink.warning,
.animated-blink-bottom.warning {
  background: red;
  -webkit-animation: unset !important;
          animation: unset !important;
}

@media screen and (min-width: 1024px) {
  .cr-elements.cr-elements_type-38 {
    padding-bottom: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cr-elements_type-2 .cr-element--opens .cr-element-sill-wrap, .cr-elements_type-9 .cr-element--opens .cr-element-sill-wrap {
    margin-top: 0.15em;
  }
  .cr-elements_type-2 .cr-element--blind .cr-element-sill-wrap, .cr-elements_type-9 .cr-element--blind .cr-element-sill-wrap {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 768px) {
  .cr-elements_type-2 .cr-element-input-size--width {
    bottom: -6em;
  }
  .cr-elements_type-2 .cr-element-input-size--height {
    left: -7em !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.6em !important;
    height: 6.2em !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.65em !important;
    height: 6.25em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.2em !important;
    height: 6.3em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 1.1) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.16em !important;
    height: 6.1em !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.1em !important;
    height: 6.1em !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.2em !important;
    height: 6.16em !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) and (-webkit-min-device-pixel-ratio: 1.1) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.2em !important;
    height: 6.2em !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.1em !important;
    height: 6.2em !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.2em !important;
    height: 6.2em !important;
  }
}

@media (min-width: 1920px) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.7em !important;
    height: 6.2em !important;
  }
}

@media (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.1) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.8em !important;
    height: 6.3em !important;
  }
}

@media (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .cr-elements_type-9 .cr-element.cr-element--blind:before, .cr-elements_type-10 .cr-element.cr-element--blind:before {
    top: -6.7em !important;
    height: 6.3em !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .cr-elements_type-9 .cr-element--sliding:before, .cr-elements_type-9 .cr-element:not(.cr-element--blind):before, .cr-elements_type-10 .cr-element--sliding:before, .cr-elements_type-10 .cr-element:not(.cr-element--blind):before {
    top: -5.7em;
    height: 6.2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 1.1) {
  .cr-elements_type-9 .cr-element--sliding:before, .cr-elements_type-9 .cr-element:not(.cr-element--blind):before, .cr-elements_type-10 .cr-element--sliding:before, .cr-elements_type-10 .cr-element:not(.cr-element--blind):before {
    top: -5.7em;
    height: 6.1em;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .cr-elements_type-9 .cr-element--sliding:before, .cr-elements_type-9 .cr-element:not(.cr-element--blind):before, .cr-elements_type-10 .cr-element--sliding:before, .cr-elements_type-10 .cr-element:not(.cr-element--blind):before {
    top: -5.7em;
    height: 6.2em;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-9 .cr-element--opens .cr-element-slope-wrap--left {
    left: -2.3em;
  }
  .cr-elements_type-9 .cr-element--opens .cr-element-slope-wrap--right {
    right: -2.2em;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-10 .cr-element--opens .cr-element-slope-wrap--left {
    left: -2.3em;
  }
  .cr-elements_type-10 .cr-element--opens .cr-element-slope-wrap--right {
    right: -2.2em;
  }
  .cr-elements_type-10 .cr-element--opens .cr-element-sill-wrap {
    margin-top: 0.2em;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-21 .cr-element--blind .cr-element-slope-top-wrap {
    top: -2em !important;
  }
  .cr-elements_type-21 .cr-element:not(.cr-element--blind) .cr-element-slope-top-wrap {
    top: -1.5em !important;
  }
  .cr-elements_type-21 .cr-element--sliding .cr-element-sill {
    height: 1.6em;
  }
  .cr-elements_type-21 .cr-element--sliding .cr-element--opens .cr-element-sill-wrap {
    margin-top: 0.12em;
  }
  .cr-elements_type-21 .cr-element-slope-wrap--left {
    left: -2.6em;
  }
}

@media screen and (min-width: 1024px) {
  .cr-elements_type-22 .cr-element-slope-wrap--right {
    right: -2.2em;
  }
  .cr-elements_type-22 .cr-element--sliding .cr-element__opener {
    top: -9px;
    z-index: 1;
  }
}

@media (min-width: 1025px) and (max-width: 1439px) {
  .cr-elements_type-21 .cr-element--sliding, .cr-elements_type-22 .cr-element--sliding, .cr-elements_type-23 .cr-element--sliding, .cr-elements_type-24 .cr-element--sliding, .cr-elements_type-25 .cr-element--sliding, .cr-elements_type-37 .cr-element--sliding, .cr-elements_type-38 .cr-element--sliding, .cr-elements_type-39 .cr-element--sliding {
    width: 90px;
  }
}

@media (min-width: 1440px) {
  .cr-elements_type-38 .cr-element--sliding, .cr-elements_type-39 .cr-element--sliding {
    width: 100px;
  }
}

/* in modal */
.mfp-content .cr-element--sliding {
  width: 95px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mfp-content .cr-element--sliding {
    width: 90px;
  }
}

.mfp-content .cr-element__sliding-line {
  left: 19px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mfp-content .cr-element__sliding-line {
    left: 14px;
    scale: 1.2;
  }
}

.mfp-content .cr-elements_type-21 .cr-element__sliding-line, .mfp-content .cr-elements_type-22 .cr-element__sliding-line, .mfp-content .cr-elements_type-23 .cr-element__sliding-line, .mfp-content .cr-elements_type-24 .cr-element__sliding-line, .mfp-content .cr-elements_type-25 .cr-element__sliding-line, .mfp-content .cr-elements_type-37 .cr-element__sliding-line, .mfp-content .cr-elements_type-38 .cr-element__sliding-line {
  left: 17px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mfp-content .cr-elements_type-21 .cr-element__sliding-line, .mfp-content .cr-elements_type-22 .cr-element__sliding-line, .mfp-content .cr-elements_type-23 .cr-element__sliding-line, .mfp-content .cr-elements_type-24 .cr-element__sliding-line, .mfp-content .cr-elements_type-25 .cr-element__sliding-line, .mfp-content .cr-elements_type-37 .cr-element__sliding-line, .mfp-content .cr-elements_type-38 .cr-element__sliding-line {
    left: 14px;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-21 .cr-element__sliding-line, .mfp-content .cr-elements_type-22 .cr-element__sliding-line, .mfp-content .cr-elements_type-23 .cr-element__sliding-line, .mfp-content .cr-elements_type-24 .cr-element__sliding-line, .mfp-content .cr-elements_type-25 .cr-element__sliding-line, .mfp-content .cr-elements_type-37 .cr-element__sliding-line, .mfp-content .cr-elements_type-38 .cr-element__sliding-line {
    top: 60%;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-22 .cr-element__sliding-line {
    top: 80%;
  }
}

.mfp-content .cr-elements_type-21 .cr-element--sliding, .mfp-content .cr-elements_type-22 .cr-element--sliding, .mfp-content .cr-elements_type-23 .cr-element--sliding, .mfp-content .cr-elements_type-24 .cr-element--sliding, .mfp-content .cr-elements_type-25 .cr-element--sliding, .mfp-content .cr-elements_type-37 .cr-element--sliding {
  min-width: 100px;
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-21 .cr-element--sliding, .mfp-content .cr-elements_type-22 .cr-element--sliding, .mfp-content .cr-elements_type-23 .cr-element--sliding, .mfp-content .cr-elements_type-24 .cr-element--sliding, .mfp-content .cr-elements_type-25 .cr-element--sliding, .mfp-content .cr-elements_type-37 .cr-element--sliding {
    min-width: 70px;
    max-width: 70px;
  }
}

.mfp-content .cr-elements_type-38 .cr-element {
  min-width: 94px;
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-38 .cr-element {
    min-width: 100px;
    max-width: 100px;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-38 .cr-element__sliding-line {
    top: 50%;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .mfp-content .cr-elements_type-39 .cr-element {
    min-width: 100px !important;
    max-width: 100px !important;
  }
}

.mfp-content .cr-elements_type-39 .cr-element--sliding {
  min-width: 60px;
}

.mfp-content .cr-elements_type-39 .cr-element__sliding-line {
  top: 60%;
  scale: 1.2;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mfp-content .cr-elements_type-39 .cr-element__sliding-line {
    scale: 1;
  }
}

@media (min-width: 300px) and (max-width: 1023px) {
  .mfp-content .cr-elements_type-39 .cr-element__sliding-line {
    top: 50%;
  }
}

.mfp-content .box__product-inner .cr-elements_type-39 .cr-element__sliding-line {
  top: 50%;
  left: -2px;
  scale: 0.6;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mfp-content .box__product-inner .cr-elements_type-39 .cr-element__sliding-line {
    left: -3px;
  }
}

.box-config .cr-element__sliding-line {
  left: 0;
}

@media (min-width: 300px) and (max-width: 767px) {
  .box-config .cr-element__sliding-line {
    top: 45%;
    scale: 1.35;
  }
}

.box-config .cr-elements_type-21 .cr-element__sliding-line, .box-config .cr-elements_type-22 .cr-element__sliding-line, .box-config .cr-elements_type-23 .cr-element__sliding-line, .box-config .cr-elements_type-24 .cr-element__sliding-line, .box-config .cr-elements_type-25 .cr-element__sliding-line, .box-config .cr-elements_type-37 .cr-element__sliding-line, .box-config .cr-elements_type-38 .cr-element__sliding-line, .box-config .cr-elements_type-39 .cr-element__sliding-line {
  left: 0;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .box-config .cr-elements_type-21 .cr-element__sliding-line, .box-config .cr-elements_type-22 .cr-element__sliding-line, .box-config .cr-elements_type-23 .cr-element__sliding-line, .box-config .cr-elements_type-24 .cr-element__sliding-line, .box-config .cr-elements_type-25 .cr-element__sliding-line, .box-config .cr-elements_type-37 .cr-element__sliding-line, .box-config .cr-elements_type-38 .cr-element__sliding-line {
    top: 60%;
  }
}

.config-input-label {
  font-size: 18px;
}

.config-input-label, .config-input-label--sm {
  font-weight: 500;
  line-height: 120%;
  color: #282b32;
  font-family: "Open Sans", sans-serif;
}

.config-input-label--sm {
  font-size: 12px;
}

.config-input-label--xs {
  font-size: 11px;
  font-weight: 300;
  font-style: italic;
  color: #6e6e6e;
  margin-bottom: 9px;
}

.config-input-label--xs a {
  color: #959595;
}

.config-input-label--xs a[href^="#"] {
  border-bottom: 1px dashed;
}

.config-input-label label.config-input-label__text {
  cursor: pointer;
}

.config-input-label__text ~ .custom-switch {
  margin-left: 25px;
}

.custom-switch ~ .config-input-label__text {
  margin-left: 25px;
}

.config-input-group + .config-input-group {
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .config-input-group + .config-input-group {
    margin-top: 0;
  }
}

.config-input-group--material .radio-btn-wrap:first-child .radio-btn {
  width: 84px;
}

.config-input-group--material .radio-btn-wrap:last-child .radio-btn {
  width: 126px;
}

.config-input-group--center {
  text-align: center;
}

.config-input-group--grey {
  max-width: 495px;
  text-align: center;
  padding: 12px 15px;
  background: #f6f6f6;
}

.config-input-group__file {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
  text-align: left;
}

.config-input-group__file svg {
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 24px;
  fill: #00bcd4;
}

@media (max-width: 767px) {
  .config-input-group__file {
    padding-left: 35px;
  }
  .config-input-group__file svg {
    top: 5px;
    left: 5px;
  }
}

.config-input-group__file-span {
  display: inline;
  vertical-align: middle;
}

.config-input-group__file-input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.config-input-group__file-label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #00bcd4;
  cursor: pointer;
  -webkit-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.config-input-group__file-label:hover {
  color: #000;
}

.config-input-group__file-label::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px dashed #00bcd4;
}

.config-input-group__range {
  max-width: 309px;
}

.config-input-group__range .noUi-target {
  margin-top: 20px;
}

.config-input-group__range .noUi-target::before, .config-input-group__range .noUi-target::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.config-input-group__range .noUi-target::before {
  bottom: -2px;
  left: -4px;
  background: #00bbd3;
}

.config-input-group__range .noUi-target::after {
  bottom: -1px;
  right: -4px;
  background: #e3e3e5;
}

.config-input-group__range .noUi-handle-lower::after {
  -webkit-filter: none;
          filter: none;
}

.config-input-group__range .ui-slider-label {
  display: none;
}

.config-input-group__range-footnote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 3.67;
}

.config-input-group__range-footnote span {
  display: inline-block;
  vertical-align: top;
}

.config-select-group + .config-select-group {
  margin-top: 21px;
}

.config-select-group .config-input-label--sm {
  margin: 19px 0 17px;
}

.config-select-group__input-wrap {
  display: inline-block;
  max-width: none;
  min-width: 0;
  width: auto;
}

.config-select-group__input-text {
  width: 165px !important;
  min-width: 0 !important;
  max-width: auto !important;
}

.config-title {
  position: relative;
}

.config-title, .config-title__input {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.82;
  text-align: left;
  color: #202020;
  text-transform: uppercase;
}

.config-title__value {
  color: transparent;
}

.config-title__input {
  background-color: transparent;
  border: 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.config-title__input:focus ~ .config-title__edit {
  opacity: 0;
}

.config-title__edit {
  margin-left: 10px;
  border: 0;
  background-color: transparent;
  color: #bdbdbd;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
}

.config-title__edit svg {
  height: 17px;
  width: 17px;
}

@media (max-width: 767px) {
  .config-title, .config-title__input {
    font-weight: 500;
    font-size: 20px;
  }
}

.config-subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  text-align: left;
  color: #202020;
  margin: 5px 0 39px;
}

.config-subtitle--sm {
  font-size: 16px;
}

@media (max-width: 767px) {
  .config-subtitle {
    font-weight: 500;
    font-size: 16px;
  }
}

.config-caption {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #282b32;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .config-caption {
    font-size: 15px;
  }
}

.config-help-block {
  display: inline-block;
  vertical-align: middle;
  font-family: GothamPro, sans-serif;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.3px;
  text-align: left;
  color: #9e9e9e;
  padding: 46px 35px 41px 81px;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
}

.config-help-block__icon {
  color: #00BFD6;
  stroke: #00BFD6;
  display: block;
  margin-left: -44px;
  float: left;
  -webkit-transition: color .4s, stroke .4s;
  -o-transition: color .4s, stroke .4s;
  transition: color .4s, stroke .4s;
}

.config-help-block__icon--play {
  margin-left: -55px;
}

.config-help-block:hover .config-help-block__icon {
  color: #fff;
  stroke: #fff;
}

.config-help-block:hover {
  background-color: #00BFD6;
  color: #fff;
}

.config-welcome-nav {
  margin: 0 -10px 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 0) and (max-width: 949px) {
  .config-welcome-nav {
    margin-bottom: 30px;
  }
}

.config-welcome-nav__cl {
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
  width: 50%;
}

@media (min-width: 0) and (max-width: 559px) {
  .config-welcome-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    display: block;
  }
  .config-welcome-nav__cl {
    display: block;
    padding: 10px;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

.config-welcome-nav__icon {
  display: inline-block;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  opacity: 0;
}

.config-welcome-nav__icon_window {
  height: 123px;
  width: 114px;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
}

.config-welcome-nav__icon_docs {
  height: 104px;
  width: 150px;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
}

.config-welcome-nav__icon_wallet {
  height: 39px;
  width: 44px;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
}

.config-welcome-nav__icon_wallet ._stroke {
  stroke-width: 4;
}

.config-welcome-nav__icon_wallet ._fill {
  fill-rule: nonzero;
}

.config-welcome-nav__ln:hover .config-welcome-nav__icon {
  color: #fff;
}

.config-welcome-nav__ln:hover .config-welcome-nav__icon_docs {
  fill: #00BFD6;
  stroke: #fff;
}

.config-welcome-nav__ln:hover .config-welcome-nav__icon ._right-window {
  fill: #00BFD6;
}

.config-welcome-nav__ln:hover .config-welcome-nav__icon_wallet ._stroke {
  stroke: currentColor;
}

.config-welcome-nav__ln:hover .config-welcome-nav__icon_wallet ._fill {
  fill: currentColor;
}

.config-welcome-nav__ln:not(:hover) .config-welcome-nav__icon {
  color: #00BFD6;
}

.config-welcome-nav__ln:not(:hover) .config-welcome-nav__icon_docs {
  fill: #fff;
  stroke: #00BFD6;
}

.config-welcome-nav__ln:not(:hover) .config-welcome-nav__icon ._right-window {
  fill: #fff;
}

.config-welcome-nav__ln:not(:hover) .config-welcome-nav__icon_wallet ._stroke {
  stroke: currentColor;
}

.config-welcome-nav__ln:not(:hover) .config-welcome-nav__icon_wallet ._fill {
  fill: currentColor;
}

.config-welcome-nav__ln {
  background-color: #fff;
  cursor: pointer;
  min-height: 360px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-radius: 2px;
  -webkit-transition: background-color .4s, color .4s;
  -o-transition: background-color .4s, color .4s;
  transition: background-color .4s, color .4s;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: #202020;
}

.config-welcome-nav__ln svg {
  stroke: #00BFD6;
  -webkit-transition: stroke .4s;
  -o-transition: stroke .4s;
  transition: stroke .4s;
  margin-bottom: 34px;
}

.config-welcome-nav__ln svg.config-welcome-nav__icon_window {
  margin-bottom: 14px;
}

.config-welcome-nav__ln svg ._right-window__glass {
  fill: #fff;
  -webkit-transition: fill .4s;
  -o-transition: fill .4s;
  transition: fill .4s;
}

.config-welcome-nav__ln:hover {
  background-color: #00BFD6;
  color: #fff;
}

.config-welcome-nav__ln:hover svg {
  stroke: currentColor;
}

.config-welcome-nav__ln:hover svg ._right-window__glass {
  fill: #00BFD6;
}

.config-welcome-nav ._counter {
  display: inline-block;
  vertical-align: middle;
  min-width: 29px;
  height: 29px;
  background-color: #f5f6f8;
  border-radius: 50%;
  padding-top: 7px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 1px;
  text-align: center;
  color: #00BFD6;
  margin-bottom: -29px;
  position: relative;
  bottom: -14px;
}

.config-welcome-nav--small {
  margin-top: 48px;
}

.config-welcome-nav--small .config-welcome-nav__ln {
  min-height: 190px;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}

.config-welcome-nav--small .config-welcome-nav__icon {
  margin: 0 38px 0 0 !important;
}

.config-welcome-nav--small .config-welcome-nav__icon_window {
  height: 46px;
  width: 50px;
}

@media (max-width: 767px) {
  .config-welcome-nav--small {
    margin: 27px -4px 43px;
  }
  .config-welcome-nav--small .config-welcome-nav__icon {
    min-width: 50px !important;
  }
  .config-welcome-nav--small .config-welcome-nav__cl {
    padding: 6px 10px;
  }
  .config-welcome-nav--small .config-welcome-nav__ln {
    min-height: 150px;
  }
}

.config-edit-action {
  color: #000000;
}

.config-remove-action {
  color: #ed1c24;
}

.config-edit-action, .config-remove-action {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 4.37;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
  vertical-align: middle;
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 3px;
}

.config-edit-action svg, .config-remove-action svg {
  fill: #bdbdc3;
  height: 16px;
  width: 13px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
  margin-right: 9px;
}

.config-edit-action:hover, .config-remove-action:hover {
  color: #00BFD6;
}

@media (min-width: 1440px) {
  .config-actions__back {
    min-width: 300px;
  }
}

@media (min-width: 1170px) {
  .cfg-actions .btn_min-200 {
    min-width: 208px;
  }
}

.cfg-grid .svg-i_doc {
  width: 20px;
  height: 29px;
}

.cfg-grid__tabs {
  grid-area: tabs;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}

@media (max-width: 768px) {
  .cfg-grid__tabs {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .cfg-grid__tabs::-webkit-scrollbar {
    display: none;
  }
}

.cfg-grid__tab {
  font-size: 20px;
  font-weight: 600;
  margin-right: 32px;
  line-height: 24px;
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.cfg-grid__tab.active {
  border-bottom: 2px solid #00BFD6;
  padding-bottom: 8px;
}

.cfg-grid__tab:not(.active) {
  opacity: 0.4;
}

.cfg-grid__tab:hover {
  opacity: 1;
}

@media (max-width: 1169px) {
  .cfg-grid__tab {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.cfg-grid .input-file__label {
  color: #000;
}

@media (max-width: 1169px) {
  .cfg-grid {
    display: block;
  }
}

@media screen and (max-width: 549px) {
  .cfg-grid .tabs-filter--stretch {
    width: auto;
  }
  .cfg-grid .tabs-filter__option-ln {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1024px) {
  .cfg-grid {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 20px;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
        grid-template-areas: "tabs tabs" "construction visual" "params visual" "options visual";
  }
  .no-cssgrid .cfg-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: -15px;
  }
  .no-cssgrid .cfg-grid .cfg-grid__col {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    padding: 15px;
  }
  .no-cssgrid .cfg-grid .cfg-grid__col > .cfg-block {
    max-width: -webkit-calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
  .no-cssgrid .cfg-grid .cfg-grid__col--construction, .no-cssgrid .cfg-grid .cfg-grid__col--visual {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .no-cssgrid .cfg-grid .cfg-grid__col--construction > .cfg-block, .no-cssgrid .cfg-grid .cfg-grid__col--visual > .cfg-block {
    max-width: none;
  }
  .cfg-grid__col--construction {
    grid-area: construction;
  }
  .cfg-grid__col--visual {
    grid-area: visual;
    position: relative;
  }
  .cfg-grid__col--visual .config-user-description {
    height: 228px;
  }
  .cfg-grid__col--visual .input-file {
    top: 7px;
  }
  .cfg-grid__col--visual .handle-types {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 30px 0;
    max-width: 100%;
    width: auto;
  }
  .cfg-grid__col--visual .handle-type {
    -webkit-flex-basis: 112px;
        -ms-flex-preferred-size: 112px;
            flex-basis: 112px;
    max-width: 112px;
    width: 112px;
  }
  .cfg-grid__col--visual .cr-elements-wrap {
    min-width: 250px;
    font-size: 9px !important;
    margin-left: -21px;
    margin-right: -25px;
  }
  .cfg-grid__col--params {
    grid-area: params;
  }
  .cfg-grid__col--options {
    grid-area: options;
  }
  .cfg-grid .cfg-block .config-subtitle {
    margin-bottom: 32px;
  }
  .cfg-grid .cfg-block .config-subtitle.mb-lg {
    margin-bottom: 32px !important;
  }
  .cfg-grid__col--visual .cfg-block {
    width: 553px;
    opacity: .99;
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear;
  }
  .no-cssgrid .cfg-grid__col--visual .cfg-block {
    top: 15px;
    width: auto;
  }
  .cfg-grid .config-input-group {
    position: relative;
    z-index: 10;
  }
  .cfg-grid__tabs {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media (min-width: 1024px){
  .cfg-grid__col--construction {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .cfg-grid__col--visual {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .cfg-grid__col--params {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .cfg-grid__col--options {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

@media (min-width: 1170px) {
  .cfg-grid__col--visual .cr-elements-wrap {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1440px) {
  .cfg-grid__col--visual .cr-elements-wrap {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 350px;
    width: max-content;
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media (max-width: 1169px) {
  .cfg-grid__col + .cfg-grid__col {
    margin-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cfg-grid .config-select-group .select-line-wrap {
    padding-right: 7px;
  }
  .cfg-grid .config-select-group .select-line-wrap,
  .cfg-grid .config-select-group .select2,
  .cfg-grid .config-select-group select {
    min-width: 250px;
    max-width: 250px;
  }
  .cfg-grid .config-input-group--tablet-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 22px;
  }
  .cfg-grid .config-input-group--tablet-columns > .custom__txt,
  .cfg-grid .config-input-group--tablet-columns .custom-input,
  .cfg-grid .config-input-group--tablet-columns > .config-text-label {
    width: 233px;
    padding-right: 10px;
  }
  .cfg-grid .config-input-group--tablet-columns > .config-text-label {
    padding-right: 30px;
  }
  .cfg-grid .config-input-group--tablet-columns .window-type-choose {
    max-width: 400px;
  }
  .cfg-grid .cfg-block__col--left {
    max-width: none;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .cfg-grid {
    margin-left: -17px;
    margin-right: -17px;
  }
  .cfg-grid__col--visual .handle-type {
    font-size: 10px;
    max-width: 75px;
  }
  .cfg-grid__col--visual .handle-types {
    max-width: initial;
    margin: 0 0 30px 0;
    width: auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .cfg-grid__col--visual .cr-elements-wrap {
    font-size: 6px !important;
    margin-left: -7px;
    margin-right: -8px;
  }
}

@media (min-width: 1170px) {
  .config-select-group .select-line-wrap,
  .config-select-group .select2,
  .config-select-group select {
    min-width: 250px;
    max-width: 250px;
  }
}

.cfg-block {
  background-color: #fff;
  padding: 30px 31px 20px;
}

.cfg-block + .cfg-block {
  border-top: 2px solid #f5f6f8;
}

.cfg-block__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.cfg-block__row + .cfg-block__row {
  margin-top: 21px;
}

.cfg-block__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cfg-block__col--right {
  padding-left: 45px;
}

.cfg-block__col--mw .custom__txt {
  min-width: 40px;
}

.cfg-block__col--column {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  max-width: 430px;
}

@media (max-width: 767px) {
  .cfg-block__col--column {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.cfg-block__col--column .custom-wrapper {
  display: block;
}

.cfg-block--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.cfg-block .ordered-item {
  padding: 0;
}

.cfg-block .admin-input {
  max-width: 100%;
}

.cfg-block .custom__txt {
  font-weight: 400;
}

.cfg-block .custom__txt--label {
  font-weight: 600;
}

@media (max-width: 767px) {
  .cfg-block {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cfg-block.dn + .cfg-block {
    border-top: 0;
  }
  .cfg-block__row {
    display: block;
  }
  .cfg-block__col {
    display: block;
  }
  .cfg-block__col--left {
    max-width: none;
    -webkit-flex-basis: initial;
        -ms-flex-preferred-size: initial;
            flex-basis: initial;
  }
  .cfg-block__col--right {
    padding-left: initial;
    margin-top: 30px;
  }
  .cfg-block .admin-input {
    min-width: 0;
  }
  .cfg-block .space-between-mob .admin-input-stretchable {
    max-width: 154px;
  }
  .cfg-block .config-user-description {
    height: 228px;
  }
  .cfg-block .custom__txt--label {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cfg-block .config-select-group--limited-inputs-width .admin-input,
  .cfg-block .config-select-group--limited-inputs-width select,
  .cfg-block .config-select-group--limited-inputs-width .select2,
  .cfg-block .config-select-group--container .admin-input,
  .cfg-block .config-select-group--container select,
  .cfg-block .config-select-group--container .select2 {
    min-width: 315px;
    max-width: 315px;
  }
  .cfg-block .config-select-group--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cfg-block .config-select-group--as-label {
    min-width: 275px;
    max-width: 275px;
  }
}

@media (min-width: 1024px) {
  .cfg-block-preview {
    padding-bottom: 25px;
  }
}

@media (min-width: 1440px) {
  .cfg-block .cfg-block__col .config-select-group--as-label {
    margin-left: 160px;
    min-width: auto;
  }
}

@media (min-width: 1170px) {
  .cfg-block .config-select-group {
    min-width: -webkit-calc(100% - 90px);
    min-width: calc(100% - 90px);
  }
  .cfg-block .config-select-group--narrow {
    max-width: -webkit-calc(100% - 90px);
    max-width: calc(100% - 90px);
  }
  .cfg-block .config-select-group--narrow .cfg-block__col--left {
    max-width: 238px;
  }
  .cfg-block .palette-panel-form {
    top: 2px;
    position: relative;
  }
  .cfg-block .cr-element__glass-border .config-select-group--as-label .custom.block {
    margin: 0 auto;
  }
}

@media (min-width: 1440px) {
  .cfg-block .config-select-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cfg-block .config-select-group > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 85px;
  }
}

@media (min-width: 1170px) {
  .cfg-block-preview {
    width: 553px !important;
  }
}

@media (max-width: 1169px) {
  .cfg-block-preview {
    position: static !important;
  }
}

.cfg-block-preview .tabs-filter {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.cfg-block-preview .tabs-filter__options {
  width: 243px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .cfg-block-preview .tabs-filter__options {
    width: 322px;
  }
}

@media (max-width: 767px) {
  .cfg-block-preview .tabs-filter__options {
    width: 256px;
  }
}

.cfg-block-preview .tabs-filter__option {
  color: #000;
  border: 1px solid #00BFD6;
}

.cfg-block-preview .tabs-filter__option:first-child {
  border-radius: 40px 0 0 40px;
}

.cfg-block-preview .tabs-filter__option:last-child {
  border-radius: 0 40px 40px 0;
}

.cfg-block-preview .tabs-filter__option.active {
  color: #fff;
  background: #00BFD6;
}

.cfg-block-preview .tabs-filter__option.active:hover .tabs-filter__option-ln {
  color: #fff;
}

.cfg-block-preview .tabs-filter__option-ln {
  height: 40px;
  padding-top: 14px;
}

.cfg-block-preview .tabs-filter__option-ln::before, .cfg-block-preview .tabs-filter__option-ln::after {
  content: none !important;
}

.cfg-block-preview .config-visual-root {
  padding-bottom: 40px;
}

.cfg-block-preview .config-visual-root .drag-cursor-animation {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  width: 100% !important;
}

.cfg-block-preview .config-visual-root .drag-cursor-animation:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.cfg-block-preview .config-visual-root .drag-cursor-animation:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cfg-block-preview .config-visual-root .ps__rail-x {
  background-color: transparent;
  opacity: 1;
}

.cfg-block-preview .config-visual-root .ps__thumb-x {
  cursor: pointer;
  background-color: #010100;
  height: 3px;
}

.cfg-block-preview .config-visual-root .ps__rail-x,
.cfg-block-preview .config-visual-root .ps__rail-y {
  opacity: 0.6;
}

.cfg-block-preview .cr-element--opens:not(.cr-element--exterior)::after {
  margin-top: 0.55em;
}

.config-visual-root {
  padding-bottom: 40px;
}

@media (max-width: 1024px) {
  .config-visual-root {
    padding-bottom: 30px;
  }
}

.config-visual-root .drag-cursor-animation {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  width: 100% !important;
}

.config-visual-root .drag-cursor-animation:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.config-visual-root .drag-cursor-animation:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.config-visual-root .ps__rail-x {
  background-color: transparent !important;
  opacity: 1;
}

.config-visual-root .ps__thumb-x {
  cursor: pointer;
  background-color: #010100 !important;
  height: 3px !important;
}

.config-visual-root .ps__rail-x,
.config-visual-root .ps__rail-y {
  opacity: 0.6;
}

.config-visual-root.overflow {
  overflow: hidden;
}

.config-visual-root.overflow .cr-elements-wrap {
  padding-left: 100px;
}

@media screen and (min-width: 1024px) {
  .config-visual-root.overflow .cr-elements-wrap {
    padding-left: 116px;
  }
}

@media screen and (min-width: 1440px) {
  .config-visual-root.overflow .cr-elements-wrap {
    padding-left: 105px;
  }
}

@media screen and (max-width: 767px) {
  .config-visual-root.overflow .cr-elements-wrap {
    padding-left: 26px;
  }
}

.pagination__list--configurator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: no-wrap;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.pagination__list--configurator .pagination__el {
  background-color: #f7f7f7;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: bold;
  opacity: 0.5;
  font-size: 13px;
  width: 30%;
}

.pagination__list--configurator .pagination__el:last-child {
  width: 40%;
}

.pagination__list--configurator .pagination__el.active {
  background-color: #fff;
  opacity: 1;
}

.pagination__list--configurator .pagination__ln {
  padding: 19px 10px 0;
  height: 50px;
}

.window-type-choose__navigation {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .window-type-choose__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .window-type-choose__select {
    width: -webkit-calc((100% - 24px) / 2);
    width: calc((100% - 24px) / 2);
  }
  .window-type-choose__select:first-child {
    margin-right: auto;
  }
}

@media (max-width: 1169px) {
  .window-type-choose__windows {
    max-width: 100%;
  }
  .window-type-choose__navigation {
    margin-bottom: 30px;
  }
  .window-type-choose__select:first-child {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .pagination__list--configurator {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
  .pagination__list--configurator .pagination__el {
    width: 25%;
  }
  .pagination__list--configurator .pagination__el:last-child {
    width: 50%;
  }
}

.handle-types {
  border: 1px solid #f5f6f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 100;
  max-width: initial;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .handle-types {
    max-width: initial;
    width: auto;
  }
}

.handle-type {
  background-color: #ffffff;
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 92px;
}

@media (max-width: 767px) {
  .handle-type {
    width: 80px;
  }
}

@media (min-width: 1024px) {
  .handle-type {
    width: 90px !important;
  }
}

@media (min-width: 768px) {
  .handle-type {
    width: 90px !important;
    max-width: 135px !important;
  }
}

@media (min-width: 1440px) {
  .handle-type {
    width: 100px !important;
  }
}

.handle-type + .handle-type {
  border-left: 1px solid #f5f6f8;
}

.handle-type__type {
  cursor: pointer;
  width: 100%;
  padding: 15px 25px 15px 12px;
  position: relative;
  z-index: 1;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
}

@media (max-width: 767px) {
  .handle-type__type {
    width: auto;
  }
}

.handle-type__type::after {
  content: '';
  display: block;
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #000000 transparent transparent transparent;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.handle-type__type:hover {
  color: currentColor;
}

.handle-type__type.active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.handle-type__type.hide-arrow {
  padding-left: 12px;
}

.handle-type__type.hide-arrow::after {
  content: none;
}

.handle-type__list-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -10px;
  padding-bottom: 7px;
  height: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .1s;
  -o-transition: opacity .1s;
  transition: opacity .1s;
}

.handle-type__list {
  position: relative;
  background-color: #ffffff;
  list-style: none;
}

@media (max-width: 767px) {
  .handle-type__list.overflow {
    margin-top: 10px;
    overflow: hidden;
    max-height: 170px;
  }
}

.handle-type__list.overflow .ps__rail-y {
  display: block;
  opacity: 1;
}

.handle-type__list.overflow .ps__thumb-y {
  background-color: #010100;
}

.handle-type__list li {
  padding: 6px 12px 5px;
}

.handle-type__list a {
  cursor: pointer;
  display: inline-block;
}

.handle-type__list-item.is-hidden {
  display: none;
}

@media screen and (max-width: 549px) {
  .handle-type__type {
    padding: 10px;
  }
  .handle-type__type::after {
    top: 72%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .handle-type {
    max-width: 133px;
    width: 133px;
  }
}

.config-mini-row {
  margin: 0 -17px 30px -17px;
  padding: 24px 24px 35px 24px;
}

.config-mini-col--3 {
  position: relative;
  z-index: 10;
}

.config-mini-col .config-subtitle {
  margin-bottom: 30px;
}

.config-mini__b-grey {
  background-color: #f6f6f6;
  margin: 0 -24px;
  padding: 18px 24px;
}

.config-mini__p-grey {
  font-size: 14px;
  color: #959595;
}

.config-mini__p-grey a {
  color: #202020;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .config-mini-row {
    margin: 0 0 30px 0;
    padding: 30px;
  }
  .config-mini-select-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .config-mini-select-group .config-text-label {
    min-width: 125px;
    margin-right: 35px;
  }
  .config-mini__b-grey {
    margin: 0 -15px;
    text-align: center;
  }
  .config-mini__b-grey p {
    max-width: 390px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .config-mini-row:after {
    content: '';
    display: block;
    clear: both;
  }
  .config-mini-row .custom__txt-footnote {
    font-size: 14px;
  }
  .config-mini-select-group .config-text-label {
    margin-right: 50px;
  }
  .config-mini-col {
    width: 47%;
  }
  .config-mini-col--1 {
    width: 53%;
    float: left;
  }
  .config-mini-col--2 {
    margin-bottom: 48px;
    float: right;
  }
  .config-mini-col--2 .config-subtitle {
    margin-bottom: 0;
  }
  .config-mini-col--3 {
    width: 53%;
    margin-top: 10px !important;
    float: left;
  }
  .config-mini-col--4 {
    float: right;
  }
  .config-mini__b-grey {
    margin: 0;
    padding: 18px 30px;
    text-align: left;
  }
  .config-mini__b-grey p {
    max-width: 100%;
  }
}

@media (min-width: 1170px) {
  .config-mini-row.cfg-grid {
    display: block;
  }
  .config-mini-row.cfg-grid .config-select-group select,
  .config-mini-row.cfg-grid .config-select-group .select2 {
    min-width: 270px;
    max-width: 270px;
  }
  .config-mini-row .window-type-choose__windows {
    max-width: 100%;
  }
  .config-mini-col {
    width: 54%;
  }
  .config-mini-col--1, .config-mini-col--3 {
    width: 46%;
  }
  .config-mini-pl-lg {
    padding-left: 120px;
  }
}

@media (min-width: 1024px) {
  .config-mini-col--2 {
    padding-left: 40px;
  }
}

.p-win-search .filter_sort {
  margin: 23px 0 47px;
}

.p-win-search .config-subtitle {
  margin-left: 31px;
}

.p-win-search .tabs-filter {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-win-search-type .filter_sort {
  margin-bottom: 28px;
}

.p-win-search-type .pagination {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .p-win-search .h1, .p-win-search h1, .p-win-search .breadcrumb {
    text-align: left;
  }
  .p-win-search .cl:not(.cl-entire) {
    width: 100%;
  }
  .p-win-search .config-subtitle {
    margin-left: 17px;
  }
  .p-win-search .config-title {
    text-align: center;
  }
  .p-win-search__filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-bottom: 22px;
    margin-top: 0px;
  }
  .p-win-search__filter .filter_sort {
    margin: 0;
  }
  .p-win-search__filter--mob {
    margin: 0 20px 0 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .p-win-search:not(.p-win-search-type) .line-cards-group {
    margin-bottom: 61px;
  }
  .p-win-search:not(.p-win-search-type) .p-win-search__filter {
    margin-bottom: 29px;
  }
  .p-win-search:not(.p-win-search-type) .config-subtitle {
    max-width: 70%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-win-search__filter {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .p-win-search__filter--mob {
    display: none;
  }
}

.p-window {
  background-color: #fff;
}

.p-window__image img {
  width: 100%;
  max-height: 300px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-window__image img {
    max-height: 200px;
  }
}

.p-window__sub-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.33;
  color: #202020;
  margin-bottom: 11px;
}

.p-window__properties {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 2.428;
  color: #636363;
  list-style: none;
  margin-bottom: 28px;
}

.p-window__properties::before {
  display: none;
}

.p-window__properties .select2-container--okna-trade .select2-selection--single {
  height: 25px;
}

.p-window__properties .select2-container--okna-trade.select2-container--open.select2-container--above .select2-selection--single {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.p-window__properties .select2-container--okna-trade.select2-container--open.select2-container--below .select2-selection--single {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.p-window .window-card__cost {
  line-height: 1;
  display: inline-block;
}

@media (max-width: 767px) {
  .p-window__sub-title {
    margin-top: 23px;
  }
  .p-window__title {
    text-align: left;
    padding-top: 5px;
  }
  .p-window__image {
    margin-top: 3px;
  }
  .p-window__image img {
    max-width: 133px;
  }
  .p-window__checkbox-all-inclusion .custom__txt {
    min-width: 260px;
    font-size: 14px;
    line-height: 1.428;
    color: #282b32;
  }
  .p-window__checkbox-all-inclusion .custom__txt br {
    content: " ";
    display: none;
  }
  .p-window__pricing-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .p-window__btn-to-company {
    width: 100%;
  }
  .p-window .seller__actions {
    margin-left: -5px;
    margin-right: -5px;
  }
  .p-window .seller__actions .btn {
    margin: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-window__top-content {
    padding-bottom: 50px;
  }
  .p-window__title {
    max-width: 490px;
  }
  .p-window__sub-title {
    max-width: 360px;
  }
  .p-window__checkbox-all-inclusion-column.cl {
    padding: 0;
  }
  .p-window__checkbox-all-inclusion .custom__txt {
    /*max-width: 100px;*/
  }
  .p-window .seller__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 23px -5px 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) and (min-width: 1024px) {
  .p-window .seller__actions {
    margin: 40px -5px 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-window .seller__actions .btn {
    margin: 0 5px;
  }
  .p-window .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
  }
  .p-window__btn-to-company-column {
    margin-left: 45%;
    width: 55%;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .p-window__inner {
    padding-left: 49px;
    overflow: hidden;
  }
  .p-window__sub-title {
    margin-top: -3px;
  }
  .p-window__title {
    padding: 20px 0 24px;
  }
  .p-window__top-content {
    padding-left: 18px;
  }
  .p-window__checkbox-all-inclusion .custom__input {
    position: relative;
    top: 2px;
  }
  .p-window__checkbox-all-inclusion .custom__txt {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
  }
  .p-window .seller__actions .btn + .btn {
    margin-left: 15px;
  }
}

@media (min-width: 1170px) {
  .p-window {
    background-color: transparent;
  }
  .p-window__inner {
    background-color: #fff;
    padding-top: 1px;
  }
  .p-window__top-content {
    padding-bottom: 80px;
  }
  .p-window__properties {
    margin-top: 31px;
  }
  .p-window .seller__actions {
    margin-top: 55px;
  }
  .p-window__btn-to-company-column {
    margin-left: 40%;
    width: 60%;
    text-align: left;
  }
  .p-window__btn-to-company-column .btn {
    min-width: 286px;
  }
}

@media (min-width: 1190px) {
  .p-window__inner {
    background-color: #fff;
    padding-top: 1px;
    position: relative;
  }
  .p-window__inner::before, .p-window__inner::after {
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 9px;
    top: 0;
  }
  .p-window__inner::before {
    right: 100%;
  }
  .p-window__inner::after {
    left: 100%;
  }
}

@media (min-width: 1440px) {
  .p-window__inner::before, .p-window__inner::after {
    width: 20px;
  }
}

.h1.h1-win-new {
  max-width: 1000px;
  min-height: 104px;
  padding: 0;
  margin-bottom: 24px;
  margin-top: 0;
}

@media (max-width: 767px) {
  .h1.h1-win-new {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 30px;
  }
}

.p-window__inner--new {
  padding-top: 50px;
  padding-bottom: 0px;
  padding-left: 89px;
  padding-right: 51px;
}

@media (max-width: 1169px) {
  .p-window__inner--new {
    padding-left: 50px;
  }
}

@media (max-width: 1023px) {
  .p-window__inner--new {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .p-window__inner--new {
    padding-right: 0;
    overflow: hidden;
  }
}

.p-window__image--new {
  padding-top: 106px;
}

@media (max-width: 1169px) {
  .p-window__image--new {
    width: 245px;
    height: 206px;
    margin-right: 0;
  }
}

@media (max-width: 1169px) and (max-width: 1023px) {
  .p-window__image--new {
    padding-top: 0;
  }
}

@media (max-width: 1169px) and (max-width: 767px) {
  .p-window__image--new {
    width: 174px;
    height: 146px;
    max-height: 100%;
  }
  .p-window__image--new img {
    max-width: 100%;
    max-height: 100%;
  }
}

.p-window__top-content--new {
  position: relative;
  padding-left: 36px;
  padding-right: 0px;
  padding-bottom: 46px;
}

@media (max-width: 1023px) {
  .p-window__top-content--new {
    min-width: 720px;
  }
}

@media (max-width: 767px) {
  .p-window__top-content--new {
    min-width: auto;
  }
}

@media (max-width: 767px) {
  .p-window__top-content--new {
    padding-bottom: 40px;
  }
}

.p-window__top-content--new .select2.select2-container.select2-container--okna-trade {
  width: 173px;
}

@media (max-width: 767px) {
  .p-window__top-content--new .select2.select2-container.select2-container--okna-trade {
    width: 143px;
  }
}

.p-window__sub-title--new {
  position: relative;
  max-width: 278px;
  min-height: 27px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.29;
  color: #000000;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .p-window__sub-title--new {
    margin-bottom: 30px;
  }
}

.window-raiting {
  /* position: absolute;
  right: 15px;
  top: 0px;*/
}

@media (max-width: 767px) {
  .window-raiting {
    /*right: -215px;*/
  }
}

@media (max-width: 767px) {
  .window-raiting {
    /*top: 40px;
    right: auto;*/
    padding-top: 6px;
  }
}

.window-raiting .stars ul:not(.no-style) li {
  padding-left: 3px;
}

.window-raiting .stars__val, .window-raiting .feedback__comments {
  display: none;
}

/*.svg-i.svg-i.star.empty {
 stroke: rgba(0, 191, 214, 1);
}
.svg-i.svg-i_star.empty {
  stroke: rgba(0, 191, 214, 1);
  fill: none;
}*/
.window__rating-comments-count {
  /*  position: absolute;
  top: 20px;
  left: 3px;*/
  margin-top: 10px;
  min-height: 17px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.55;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  .window__rating-comments {
    position: absolute;
    right: -120px;
    top: -21px;
    min-width: 70px;
  }
}

.window-svg_comment-new.window-svg_comment-custom {
  margin-left: 5px;
  position: absolute;
  right: -27px;
  top: -6px;
}

.before-name {
  margin-bottom: 10px;
  display: inline-block;
  min-width: 230px;
  max-width: 230px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.93;
  letter-spacing: normal;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  .before-name {
    margin-bottom: 0;
    min-width: 117px;
    max-width: 117px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #a2a2a2;
    margin-right: 10px;
  }
}

.before-name-select {
  margin-bottom: 10px;
  display: inline-block;
  min-width: 225px;
  max-width: 225px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.93;
  letter-spacing: normal;
  color: #a2a2a2;
}

@media (max-width: 767px) {
  .before-name-select {
    margin-bottom: 0;
    min-width: 112px;
    max-width: 112px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #a2a2a2;
    margin-right: 10px;
  }
}

.select-window {
  margin-left: -5px !important;
}

.p-window__properties--new {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.93;
  letter-spacing: normal;
  color: #282b30;
}

.p-window__properties--new li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .p-window__properties--new li {
    margin-bottom: 10px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .p-window__properties--new {
    padding-top: 50px;
  }
}

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

@media (max-width: 1023px) {
  .li-select {
    min-width: 600px;
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .li-select {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    min-width: auto;
  }
}

.window-horizontal-line {
  margin-top: 15px;
  opacity: 0.3;
}

@media (max-width: 767px) {
  .window-horizontal-line {
    margin-right: 32px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .window-horizontal-line {
    margin-right: -14px;
  }
}

@media (min-width: 1025px) {
  .window-horizontal-line {
    opacity: 0;
  }
}

.p-window__pricing-options--new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .p-window__pricing-options--new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.window-card__cost-description {
  font-family: "Open Sans", sans-serif;
  min-height: 24px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #282b30;
}

.window-card__cost--new {
  margin-top: 10px;
  min-width: 260px;
  min-height: 22px;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.69;
  letter-spacing: normal;
  color: #000000;
}

/*input:checked ~ .custom__input {
  background-color: #00bbd3;
}*/
.window-counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 136px;
  min-width: 136px;
  margin-right: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 1023px) {
  .window-counter {
    margin-right: 110px;
  }
}

@media (max-width: 1023px) and (max-width: 767px) {
  .window-counter {
    margin-bottom: 22px;
  }
}

.window-counter__down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background-color: #f5f6f8;
  font-size: 28px;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.91;
  letter-spacing: normal;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.window-counter__up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background-color: #f5f6f8;
  font-size: 22px;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.91;
  letter-spacing: normal;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.window-counter__count {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #00bbd3;
}

.seller__actions--multiple--new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .seller__actions--multiple--new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 227px;
    margin-bottom: 0;
  }
}

.btn_outline-green {
  background: transparent;
  border: 2px solid #00C04B;
  color: #202020;
}

.btn_outline-green:hover {
  background-color: #00C04B;
  color: #fff;
}

.p-window__inner--bottom {
  border-top: 2px solid rgba(185, 198, 208, 0.3);
  padding-top: 50px;
  padding-bottom: 20px;
}

@media (max-width: 1023px) {
  .p-window__inner--bottom {
    padding-left: 17px;
  }
}

.p-window__inner--bottom .cl {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #282b30;
}

.row-wrap {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 767px) {
  .row-wrap {
    display: block;
    max-width: 127px;
    margin-left: 15px;
  }
}

.row-wrap img {
  width: 38px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .row-wrap img {
    margin-right: 0;
    margin-bottom: 12px;
  }
}

.row-wrap span {
  max-width: 220px;
}

@media (max-width: 767px) {
  .row-wrap span {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #282b30;
  }
}

.pt10 {
  padding-top: 100px;
}

@media (max-width: 767px) {
  .pt10 {
    padding-top: 50px;
  }
}

.interesting-title-center {
  text-align: center;
  display: block;
  font-size: 32px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.interesting-article__no-borders {
  border-top: none;
  border-bottom: none;
  padding-top: 0;
}

.pt5 {
  padding-top: 50px;
}

.pb11 {
  padding-bottom: 110px;
}

@media (max-width: 767px) {
  .pb11 {
    padding-bottom: 50px;
  }
}

.p-window--new {
  background-color: #F5F6F8;
}

.p-window__inner {
  background-color: #ffffff;
}

@media (max-width: 1169px) {
  .img-container {
    max-width: 270px;
  }
}

@media (max-width: 1169px) and (max-width: 1023px) {
  .img-container {
    width: 100%;
    max-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 60px;
  }
}

@media (max-width: 1169px) and (max-width: 767px) {
  .img-container {
    width: 100%;
  }
}

@media (max-width: 1169px) {
  .p-window__checkbox-all-inclusion-column--new {
    padding-right: 0 !important;
    padding-left: 27px !important;
  }
}

@media (max-width: 767px) {
  .p-window__checkbox-all-inclusion-column--new {
    padding-left: 0 !important;
    padding-top: 24px;
  }
}

@media (max-width: 767px) {
  .dn-mob {
    display: none !important;
  }
}

.visible-mobile {
  display: none;
}

@media (max-width: 767px) {
  .visible-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .interesting-title.interesting-title-center.interesting-title--small-mob {
    font-size: 15px;
    font-weight: bold;
  }
}

.intro__h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .intro__h2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 28px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .intro__h2 {
    font-size: 25px;
    margin-bottom: 7px;
  }
}

.intro__h2--bold {
  font-weight: 500;
}

.pt0-mob {
  padding-top: 0;
}

input:checked ~ .custom__input.custom__input__new {
  background-color: #00bbd3;
  border: none;
}

input[type=checkbox]:checked ~ .custom__input.custom__input__new::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGc+PHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjZmZmZmZmIi8+PC9nPjwvc3ZnPg==);
  height: 9px;
  width: 9px;
  top: 4px;
  left: 4px;
}

@media (min-width: 1024px) {
  .pt-sm-4 {
    padding-top: 60px;
  }
}

.custom__txt__new {
  font-weight: normal;
}

.interesting-article .slick-dots .slick-active button {
  height: 18px;
  width: 18px;
  background-color: #007fc7;
}

.interesting-article .slick-dots button {
  height: 11px;
  width: 11px;
  background-color: #e0e0e0;
  pointer-events: all;
}

.interesting-article .slick-dots {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-window__pricing-options {
  position: relative;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* инфо о компании */
.p-window {
  /* logo + tooltips */
  /* stars + show more */
}

.p-window__company {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__company {
    padding-bottom: 8px;
    margin: -7px 0 16px 8px;
    border-bottom: 1px solid #E0E0E0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__company {
    padding-top: 7px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    margin-left: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1;
       -moz-box-flex: 0;
        -ms-flex: 0 0 1;
            flex: 0 0 1;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
  }
}

@media (min-width: 1025px) {
  .p-window__company {
    position: absolute;
    left: -414px;
    top: -6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .p-window__company {
    left: -294px;
  }
}

.p-window__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    margin-bottom: 2px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__info {
    width: 237px;
  }
}

@media (min-width: 1025px) {
  .p-window__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 16px;
  }
  .p-window__info:before {
    content: '';
    position: absolute;
    left: 0;
    top: -24px;
    height: 1px;
    width: 1070px;
    background: #E0E0E0;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .p-window__info:before {
    width: 880px;
  }
}

.p-window__info .card-product-new__tooltips {
  position: static;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__info .card-product-new__tooltips {
    margin-top: 6px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__info .card-product-new__tooltips {
    margin-left: -3px;
  }
}

@media (min-width: 1025px) {
  .p-window__info .card-product-new__tooltips {
    margin: 4px 0 0 50px;
  }
}

.p-window__info .card-product-new__tooltip:first-of-type {
  margin-left: 0;
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__details {
    margin-top: -4px;
  }
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__details .card-product-new__showmore {
    margin-bottom: 22px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__details .card-product-new__showmore {
    padding-top: 0px;
    margin-top: 9px;
  }
}

.p-window__details .line-card-company__information {
  width: 100%;
}

.p-window__details .line-card-company__contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__details .line-card-company__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__details .line-card-company__contacts {
    gap: 24px;
  }
}

@media (min-width: 1025px) {
  .p-window__details .line-card-company__contacts {
    gap: 24px;
    padding-top: 24px;
  }
}

.p-window__details .line-card-company__contacts .line-card-company__work-wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.p-window__details .line-card-company__top-info {
  width: 100%;
  padding: 0;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__details .line-card-company__top-info {
    margin-top: -12px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__details .line-card-company__top-info {
    padding-top: 17px;
  }
}

.p-window__details .line-card-company__tel, .p-window__details .line-card-company__email {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.p-window__details .line-card-company__tel-placeholder, .p-window__details .line-card-company__email-placeholder {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  color: #959595;
}

.p-window__logo img {
  width: auto;
  height: auto;
  max-width: 107px;
  max-height: 61px;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__logo img {
    max-width: 87px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__logo {
    margin-top: -8px;
    margin-bottom: 12px;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .p-window__feedback .card-product-new__stars-comments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-window__feedback .card-product-new__stars .stars li:not(:last-child) {
  margin-right: 2px;
}

@media (min-width: 0px) and (max-width: 640px) {
  .p-window__feedback .card-product-new__stars {
    margin-right: 42px;
  }
}

.p-window__feedback .card-product-new__comments span {
  padding-left: 0;
}

.p-window__feedback .card-product-new__comments .window-svg_comment-new {
  -webkit-transform: scale(0.65);
      -ms-transform: scale(0.65);
          transform: scale(0.65);
}

.p-window__feedback .card-product-new__comments .window-svg_comment-new.window-svg_comment-custom {
  position: static;
  margin-left: -4px;
  margin-right: -7px;
}

.page-centered-content .main-wrapper > div:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-centered-content .wrap {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

@media (min-width: 1440px) {
  .basket-product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 202fr 639fr 142fr 153fr;
    grid-template-columns: 202fr 639fr 142fr 153fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
        grid-template-areas: "basket-product__name basket-product__dropdown basket-product__count basket-product__price";
  }
  .basket-product__name {
    grid-area: basket-product__name;
  }
  .basket-product__dropdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 122fr 140fr 110fr 130fr 137fr;
    grid-template-columns: 122fr 140fr 110fr 130fr 137fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
        grid-template-areas: "basket-product__size basket-product__profile-system basket-product__accessories basket-product__window-package basket-product__mounting";
    grid-area: basket-product__dropdown;
  }
  .basket-product__size {
    grid-area: basket-product__size;
  }
  .basket-product__profile-system {
    grid-area: basket-product__profile-system;
  }
  .basket-product__accessories {
    grid-area: basket-product__accessories;
  }
  .basket-product__window-package {
    grid-area: basket-product__window-package;
  }
  .basket-product__mounting {
    grid-area: basket-product__mounting;
  }
  .basket-product__count {
    grid-area: basket-product__count;
  }
  .basket-product__price {
    grid-area: basket-product__price;
  }
}

@media (max-width: 1439px) {
  .basket-product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 210fr 627fr 153fr;
    grid-template-columns: 210fr 627fr 153fr;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
        grid-template-areas: "basket-product__name basket-product__dropdown basket-product__count" "basket-product__name basket-product__dropdown basket-product__price";
  }
  .basket-product__name {
    grid-area: basket-product__name;
  }
  .basket-product__dropdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 127fr 136fr 111fr 115fr 138fr;
    grid-template-columns: 127fr 136fr 111fr 115fr 138fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
        grid-template-areas: "basket-product__size basket-product__profile-system basket-product__accessories basket-product__window-package basket-product__mounting";
    grid-area: basket-product__dropdown;
  }
  .basket-product__size {
    grid-area: basket-product__size;
  }
  .basket-product__profile-system {
    grid-area: basket-product__profile-system;
  }
  .basket-product__accessories {
    grid-area: basket-product__accessories;
  }
  .basket-product__window-package {
    grid-area: basket-product__window-package;
  }
  .basket-product__mounting {
    grid-area: basket-product__mounting;
  }
  .basket-product__count {
    grid-area: basket-product__count;
  }
  .basket-product__price {
    grid-area: basket-product__price;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}

@media (max-width: 1023px) {
  .basket-product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 550fr 184fr;
    grid-template-columns: 550fr 184fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
        grid-template-areas: "basket-product__name basket-product__name" "basket-product__dropdown basket-product__count" "basket-product__dropdown basket-product__price";
  }
  .basket-product__name {
    grid-area: basket-product__name;
  }
  .basket-product__dropdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200fr 160fr 190fr;
    grid-template-columns: 200fr 160fr 190fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
        grid-template-areas: "basket-product__size basket-product__accessories basket-product__profile-system" "basket-product__size basket-product__window-package basket-product__mounting";
    grid-area: basket-product__dropdown;
  }
  .basket-product__size {
    grid-area: basket-product__size;
  }
  .basket-product__accessories {
    grid-area: basket-product__accessories;
  }
  .basket-product__profile-system {
    grid-area: basket-product__profile-system;
  }
  .basket-product__window-package {
    grid-area: basket-product__window-package;
  }
  .basket-product__mounting {
    grid-area: basket-product__mounting;
  }
  .basket-product__count {
    grid-area: basket-product__count;
  }
  .basket-product__price {
    grid-area: basket-product__price;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__dropdown {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__window-package {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__mounting {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__count {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__dropdown {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__window-package {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__mounting {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__count {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

@media (max-width: 767px) {
  .basket-product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 168fr 124fr;
    grid-template-columns: 168fr 124fr;
    -ms-grid-rows: 1fr 1fr 1auto 1fr;
    grid-template-rows: 1fr 1fr 1auto 1fr;
        grid-template-areas: "basket-product__name basket-product__count" "basket-product__name basket-product__price" "basket-product__dropdown basket-product__dropdown" "basket-product__dropdown-control basket-product__dropdown-control";
  }
  .basket-product__name {
    grid-area: basket-product__name;
  }
  .basket-product__count {
    grid-area: basket-product__count;
  }
  .basket-product__price {
    grid-area: basket-product__price;
  }
  .basket-product__dropdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1auto 1auto 1auto 1auto 1auto;
    grid-template-rows: 1auto 1auto 1auto 1auto 1auto;
        grid-template-areas: "basket-product__size" "basket-product__profile-system" "basket-product__accessories" "basket-product__window-package" "basket-product__mounting";
    grid-area: basket-product__dropdown;
  }
  .basket-product__size {
    grid-area: basket-product__size;
  }
  .basket-product__profile-system {
    grid-area: basket-product__profile-system;
  }
  .basket-product__accessories {
    grid-area: basket-product__accessories;
  }
  .basket-product__window-package {
    grid-area: basket-product__window-package;
  }
  .basket-product__mounting {
    grid-area: basket-product__mounting;
  }
  .basket-product__dropdown-control {
    grid-area: basket-product__dropdown-control;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .basket-product__window-package {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .basket-product__mounting {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .basket-product__window-package {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .basket-product__mounting {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .basket-product__window-package {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .basket-product__mounting {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (min-width: 1440px){
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}

@media (max-width: 1439px){
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__mounting {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}

@media (max-width: 1023px){
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__window-package {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__mounting {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__accessories {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__window-package {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__mounting {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}

@media (max-width: 767px){
  .basket-product__size {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .basket-product__profile-system {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .basket-product__accessories {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .basket-product__window-package {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .basket-product__mounting {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

@media (min-width: 1440px){
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media (max-width: 1439px){
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .basket-product__dropdown {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 1023px){
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__dropdown {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .basket-product__count {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__count {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .basket-product__dropdown {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 767px){
  .basket-product__name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .basket-product__count {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-product__price {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .basket-product__dropdown {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-product__dropdown-control {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.basket-item__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 123fr 341fr 672fr;
  grid-template-columns: 123fr 341fr 672fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "basket-item__firm-logo basket-item__firm-name basket-item__dropdown";
}

.basket-item__firm-logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: basket-item__firm-logo;
}

.basket-item__firm-name {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: basket-item__firm-name;
}

.basket-item__dropdown {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 377fr 295fr;
  grid-template-columns: 377fr 295fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "basket-item__delivery basket-item__pay";
  grid-area: basket-item__dropdown;
}

.basket-item__delivery {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: basket-item__delivery;
}

.basket-item__pay {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: basket-item__pay;
}

@media (max-width: 1439px) {
  .basket-item__header {
    -ms-grid-columns: 123fr 214fr 653fr;
    grid-template-columns: 123fr 214fr 653fr;
  }
  .basket-item__dropdown {
    -ms-grid-columns: 362fr 291fr;
    grid-template-columns: 362fr 291fr;
  }
}

@media (max-width: 1023px) {
  .basket-item__header {
    -ms-grid-columns: 123fr 237fr 374fr;
    grid-template-columns: 123fr 237fr 374fr;
  }
  .basket-item__dropdown {
    -ms-grid-columns: 190fr 184fr;
    grid-template-columns: 190fr 184fr;
  }
}

@media (max-width: 767px) {
  .basket-item__header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 123px 1fr;
    grid-template-columns: 123px 1fr;
    -ms-grid-rows: 1fr 1auto 1auto;
    grid-template-rows: 1fr 1auto 1auto;
        grid-template-areas: "basket-item__firm-logo basket-item__firm-name" "basket-item__dropdown basket-item__dropdown" "basket-item__dropdown-control basket-item__dropdown-control";
    padding-bottom: 28px;
  }
  .basket-item__firm-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: basket-item__firm-logo;
  }
  .basket-item__firm-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: basket-item__firm-name;
  }
  .basket-item__dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1auto 1auto;
    grid-template-rows: 1auto 1auto;
        grid-template-areas: "basket-item__delivery" "basket-item__pay";
    grid-area: basket-item__dropdown;
  }
  .basket-item__delivery {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: basket-item__delivery;
  }
  .basket-item__pay {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: basket-item__pay;
  }
  @media (max-width: 767px){
  .basket-item__delivery {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
  }
  .basket-item__pay {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
  }
  }
  .basket-item__dropdown-control {
    grid-area: basket-item__dropdown-control;
  }
  .basket-item__firm-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-item__firm-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-item__dropdown {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-item__delivery {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-item__pay {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

@media (max-width: 767px){
  .basket-item__firm-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .basket-item__firm-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .basket-item__dropdown {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .basket-item__dropdown-control {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media (max-width: 767px) {
  .basket__breadcrumb,
  .basket .breadcrumb {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .basket h1 {
    margin-top: 35px;
  }
}

.basket__products {
  margin-top: 34px;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .basket__products {
    margin-top: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .basket__products {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .basket__products {
    margin-top: 70px;
  }
}

.basket__footer {
  text-align: right;
  margin-bottom: 60px;
}

.basket__alltogether {
  font-size: 18px;
}

@media (max-width: 767px) {
  .basket__alltogether {
    display: block;
    margin-bottom: 20px;
  }
}

.basket__send {
  margin-left: 43px;
}

.basket__send svg {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.basket-item__header {
  background-color: white;
  border-top: 1.5px solid #F5F6F8;
  border-bottom: 1.5px solid #F5F6F8;
}

@media (max-width: 767px) {
  .basket-item__header {
    margin-left: -17px;
    margin-right: -17px;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.basket-item__firm-logo {
  padding: 10px 20px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-item__firm-logo {
    padding: 27px 20px;
  }
}

@media (max-width: 767px) {
  .basket-item__firm-logo {
    padding: 10px 20px 15px 0;
  }
}

.basket-item__firm-logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

@media (max-width: 767px) {
  .basket-item__firm-logo img {
    height: auto;
    max-height: none;
  }
}

.basket-item__firm-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .basket-item__firm-name {
    padding-right: 20px;
  }
}

.basket-item__delivery, .basket-item__pay {
  font-size: 11px;
  padding: 15px 0;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-item__delivery, .basket-item__pay {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .basket-item__delivery, .basket-item__pay {
    padding: 10px 0;
  }
}

.basket-item__delivery p:not(:last-child), .basket-item__pay p:not(:last-child) {
  margin-bottom: 5px;
}

.basket-item__footer {
  padding: 20px 0 50px;
  line-height: 1.22;
  font-size: 18px;
  text-align: right;
}

.basket-item__alltogether {
  font-weight: bold;
}

@media (max-width: 767px) {
  .basket-item__dropdown {
    display: none;
  }
}

.basket-item__dropdown-control {
  display: none;
}

@media (max-width: 767px) {
  .basket-item__dropdown-control {
    display: block;
  }
}

.basket-item__dropdown-control a {
  margin-bottom: 22px;
  -webkit-transition: opacity 0.2s ease, margin-bottom 0.2s ease;
  -o-transition: opacity 0.2s ease, margin-bottom 0.2s ease;
  transition: opacity 0.2s ease, margin-bottom 0.2s ease;
}

.basket-item__dropdown-control a.is-process, .basket-item__dropdown-control a.is-open {
  opacity: 0;
  margin-bottom: 0;
  pointer-events: none;
}

.basket-product {
  padding-top: 20px;
  padding-bottom: 28px;
  background-color: white;
  border-top: 1.5px solid #F5F6F8;
  border-bottom: 1.5px solid #F5F6F8;
}

@media (max-width: 767px) {
  .basket-product {
    margin-left: -17px;
    margin-right: -17px;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.basket-product__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px 0 20px;
  font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__name {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .basket-product__name {
    padding-left: 0;
  }
}

.basket-product__name-index {
  margin-right: 10px;
  color: #00bbd3;
}

@media (max-width: 767px) {
  .basket-product__option {
    margin-bottom: 20px;
  }
}

.basket-product__option-title {
  margin-bottom: 10px;
  font-size: 8px;
  font-weight: normal;
  line-height: 1.75;
  opacity: 0.4;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .basket-product__option-title {
    margin-top: 3px;
  }
}

@media (max-width: 767px) {
  .basket-product__option-title {
    font-size: 11px;
  }
}

.basket-product__option-link {
  display: block;
  width: 40px;
  height: 25px;
  color: #8f8f8f;
  margin-bottom: 8px;
}

.basket-product__option-link:hover {
  color: #8f8f8f;
}

@media (max-width: 767px) {
  .basket-product__option-link {
    margin-bottom: 10px;
  }
}

.basket-product__option-link svg {
  height: 100%;
  width: 100%;
}

.basket-product__size {
  font-size: 11px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__size {
    padding-left: 20px;
  }
}

.basket-product__profile-system {
  font-size: 11px;
  font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__profile-system {
    padding-right: 30px;
  }
}

.basket-product__accessories {
  font-size: 11px;
  font-weight: bold;
}

.basket-product__accessories-description {
  font-weight: normal;
}

.basket-product__window-package {
  font-size: 11px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__window-package {
    padding-top: 28px;
  }
}

.basket-product__mounting {
  font-size: 11px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__mounting {
    padding-top: 28px;
  }
}

.basket-product__mounting-control .custom__input {
  top: 0;
}

.basket-product__mounting-control .custom__txt {
  font-size: 11px;
  margin: 0;
}

@media (max-width: 767px) {
  .basket-product__count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.basket-product__count-control .item-quantity__input::-webkit-outer-spin-button, .basket-product__count-control .item-quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.basket-product__count-control .item-quantity__input[type="number"] {
  -moz-appearance: textfield;
}

.basket-product__price {
  font-size: 16px;
  line-height: 1.38;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 1440px) {
  .basket-product__price {
    padding: 9px 30px 0 0;
  }
}

@media (max-width: 1439px) {
  .basket-product__price {
    width: 122px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .basket-product__price {
    padding: 52px 0 0 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .basket-product__price {
    padding: 57px 0 0 0;
  }
}

@media (max-width: 767px) {
  .basket-product__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 16px;
  }
}

.basket-product__price-control {
  position: relative;
  top: 2px;
  border: 0;
  background-color: transparent;
  opacity: 0.4;
}

@media (max-width: 767px) {
  .basket-product__price-control {
    margin-left: 13px;
  }
}

@media (max-width: 767px) {
  .basket-product__dropdown {
    display: none;
  }
}

.basket-product__dropdown-control {
  display: none;
}

@media (max-width: 767px) {
  .basket-product__dropdown-control {
    display: block;
  }
  .basket-product__dropdown-control a {
    -webkit-transition: margin-top .2s ease;
    -o-transition: margin-top .2s ease;
    transition: margin-top .2s ease;
  }
  .basket-product__dropdown-control a.is-process:not(.is-open), .basket-product__dropdown-control a.is-open {
    margin-top: 30px;
  }
  .basket-product__dropdown-control a.is-process.is-open {
    margin-top: 0;
  }
}

.pay-ship {
  margin-bottom: 60px;
}

.pay-ship__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship__search {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.pay-ship__search-form {
  width: 29%;
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship__search-form {
    width: 32%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship__search-form {
    width: 42%;
  }
}

@media (max-width: 767px) {
  .pay-ship__search-form {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .pay-ship__search-form .search-bar {
    background: transparent;
    padding: 0;
    margin: 35px 0 0 0;
  }
}

.pay-ship__description {
  max-width: 646px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 24px;
  color: #898989;
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship__description {
    max-width: 553px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship__description {
    max-width: 42%;
  }
}

@media (max-width: 767px) {
  .pay-ship__description {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
  }
}

.pay-ship__filter {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .pay-ship__filter {
    margin-top: 20px;
  }
}

.pay-ship__filter .tabs-filter__placeholder {
  width: 35%;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship__filter .tabs-filter__placeholder {
    display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship__filter .tabs-filter__placeholder {
    width: 26%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship__filter .tabs-filter__placeholder {
    width: 31%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship__filter .tabs-filter__option:last-child {
    border-right: 0;
  }
}

@media (max-width: 767px) {
  .pay-ship__filter .filter_sort {
    padding: 22px 17px;
    margin: 0 -17px;
    background: #fff;
  }
}

.pay-ship__filter .filter_sort .select2 {
  width: 100% !important;
}

@media (max-width: 767px) {
  .pay-ship__catalog-heading {
    display: none;
  }
}

.pay-ship__catalog-item {
  background: #fff;
  padding: 20px 0;
  margin-bottom: 1px;
}

@media (max-width: 767px) {
  .pay-ship__catalog-item {
    margin: 0 -17px;
    padding: 15px 17px;
  }
}

.pay-ship-table {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.pay-ship-table__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 35%;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship-table__heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship-table__heading {
    width: 26%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship-table__heading {
    width: 31%;
  }
}

@media (max-width: 767px) {
  .pay-ship-table__heading {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
}

.pay-ship-table__image {
  width: 100px;
  height: auto;
}

.pay-ship-table__image img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship-table__image {
    margin-bottom: 10px;
  }
}

@media (max-width: 1023px) {
  .pay-ship-table__image {
    width: 85px;
  }
}

.pay-ship-table__desc {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1169px) {
  .pay-ship-table__desc {
    width: 100%;
    padding-left: 0;
  }
}

.pay-ship-table__title {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: inline;
  border-bottom: 1px dashed #00BBD3;
}

@media (max-width: 1169px) {
  .pay-ship-table__title {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship-table__title {
    max-width: 200px;
  }
}

.pay-ship-table__address {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
  padding-left: 20px;
}

.pay-ship-table__address i {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1169px) {
  .pay-ship-table__address {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.pay-ship-table__rating .stars {
  margin-right: 16px;
}

.pay-ship-table__rating .stars li svg {
  width: 11px;
  height: 11px;
}

.pay-ship-table__rating .stars__val, .pay-ship-table__rating .feedback__comments {
  display: none;
}

.pay-ship-table__rating-comments {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #a2a2a2;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 16px;
  margin-top: 2px;
}

.pay-ship-table__body {
  width: 65%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (min-width: 768px) {
  .pay-ship-table__body {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship-table__body {
    width: 74%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship-table__body {
    width: 69%;
  }
}

@media (max-width: 767px) {
  .pay-ship-table__body {
    width: 100%;
    display: none;
    margin-bottom: 30px;
  }
}

.pay-ship-table__td, .pay-ship-table__th {
  width: 25%;
  padding: 0 30px 0 0;
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .pay-ship-table__td, .pay-ship-table__th {
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pay-ship-table__td, .pay-ship-table__th {
    padding-right: 14px;
  }
}

@media (max-width: 767px) {
  .pay-ship-table__td, .pay-ship-table__th {
    width: 100%;
  }
}

.pay-ship-table__th {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.pay-ship-table__th--heading {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship-table__th:last-child {
    padding-right: 30px;
  }
}

.pay-ship-table__td {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 14px;
}

@media (max-width: 767px) {
  .pay-ship-table__td {
    position: relative;
    margin-bottom: 16px;
    padding-right: 0;
  }
}

.pay-ship-table__td p {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .pay-ship-table__td p {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 88px - 13px);
    width: calc(100% - 88px - 13px);
    margin-left: -webkit-calc(88px + 13px);
    margin-left: calc(88px + 13px);
  }
}

.pay-ship-table__td p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pay-ship-table__td p br {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .pay-ship-table__td:last-child {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .pay-ship-table__td:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .pay-ship-table__td:before {
    content: attr(data-label);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    max-width: 88px;
  }
}

.pay-ship-table__price {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .pay-ship-table__price {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 88px - 13px);
    width: calc(100% - 88px - 13px);
    margin-left: -webkit-calc(88px + 13px);
    margin-left: calc(88px + 13px);
  }
}

.pay-ship__link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #4a4a4a;
  display: inline-block;
  border-bottom: 1px dashed #00BBD3;
  position: relative;
  margin-bottom: 15px;
}

.pay-ship__link:hover, .pay-ship__link:visited {
  color: #4a4a4a;
}

.pay-ship__link:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 5px;
  right: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #c4c4c4 transparent transparent transparent;
}

.pay-ship__link.is-open:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.search__header {
  display: block;
  margin-bottom: 40px;
}

.search__header .h1 {
  max-width: 100%;
}

.search-nav {
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(149, 149, 149, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .search-nav {
    margin-bottom: 22px;
  }
}

@media (max-width: 767px) {
  .search-nav {
    display: block;
    overflow-x: auto;
    margin-bottom: 17px;
    -ms-overflow-style: none;
    margin-bottom: 0px;
  }
  .search-nav::-webkit-scrollbar {
    width: 0;
    margin: 0;
    height: 0px;
    -webkit-appearance: none;
    display: none;
    /* for Chrome, Safari, and Opera */
  }
  .search-nav .search-nav__link:last-child {
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .search-category .p-win-search__filter {
    margin-top: 0;
  }
}

.search-nav--bottom {
  margin-bottom: 1.375rem;
}

.search-nav__link {
  font-size: 14px;
  line-height: 19px;
  color: #959595;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
  margin-right: 40px;
  border: none;
  padding: 0;
  padding-bottom: 16px;
  background-color: transparent;
}

.search-nav__link:last-child {
  margin-right: 0px;
}

.search-nav__link.active {
  border-bottom: 2px solid #00bbd3;
  color: #202020;
}

@media (max-width: 767px) {
  .search-nav__link {
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}

.wrap-search {
  padding-top: 0px;
}

.search__tab {
  display: none;
}

.search__tab.active {
  display: block;
}

.search-articles .card-article-rich__brand {
  display: none;
}

.search-articles .articles-list {
  max-width: 940px;
}

.search-articles .articles-list__el + .articles-list__el {
  margin-top: 22px;
}

.search-category .p-win-search__filter {
  margin-bottom: 22px;
}

.search-category .filter__view {
  display: none;
}

.search-promos .promos {
  margin-top: 0px;
}

.search__company [type="submit"] {
  display: none;
}

.p-win-search__filter {
  position: relative;
}

.color-red {
  color: #e82c0d;
}

.color-sky {
  color: #00BFD6;
}

.color-light {
  color: #959595;
}

.color-lighter {
  color: #c2c2c2;
}

.color-darken {
  color: #7b7b83;
}

.color-default {
  color: #202020;
}

.color-blue {
  color: #007fc7;
}

.color-gray-2 {
  color: #898989;
}

.svg-i.color-sky {
  fill: #00BFD6;
}

.svg-i.color-light {
  fill: #959595;
}

.bg-sky {
  background-color: #00BFD6;
}

.bg-white {
  background-color: #fff;
}

.bg-reset {
  background: none;
  border: 0;
}

.bg-transparent {
  background-color: transparent !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-xs {
  margin-top: 10px !important;
}

.mt-sm {
  margin-top: 15px !important;
}

.mt-md {
  margin-top: 20px !important;
}

.mt-mdx {
  margin-top: 30px !important;
}

.mt-lg {
  margin-top: 40px !important;
}

.mt-lgx {
  margin-top: 50px !important;
}

.mt-lgxl {
  margin-top: 60px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-xs {
  margin-right: 10px !important;
}

.mr-sm {
  margin-right: 15px !important;
}

.mr-md {
  margin-right: 20px !important;
}

.mr-mdx {
  margin-right: 30px !important;
}

.mr-lg {
  margin-right: 40px !important;
}

.mr-lgx {
  margin-right: 50px !important;
}

.mr-lgxl {
  margin-right: 60px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-xs {
  margin-bottom: 10px !important;
}

.mb-sm {
  margin-bottom: 15px !important;
}

.mb-md {
  margin-bottom: 20px !important;
}

.mb-mdx {
  margin-bottom: 30px !important;
}

.mb-lg {
  margin-bottom: 40px !important;
}

.mb-lgx {
  margin-bottom: 50px !important;
}

.mb-lgxl {
  margin-bottom: 60px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-xs {
  margin-left: 10px !important;
}

.ml-sm {
  margin-left: 15px !important;
}

.ml-md {
  margin-left: 20px !important;
}

.ml-mdx {
  margin-left: 30px !important;
}

.ml-lg {
  margin-left: 40px !important;
}

.ml-lgx {
  margin-left: 50px !important;
}

.ml-lgxl {
  margin-left: 60px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-xs {
  padding-top: 10px !important;
}

.pt-sm {
  padding-top: 15px !important;
}

.pt-md {
  padding-top: 20px !important;
}

.pt-mdx {
  padding-top: 30px !important;
}

.pt-lg {
  padding-top: 40px !important;
}

.pt-lgx {
  padding-top: 50px !important;
}

.pt-lgxl {
  padding-top: 60px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-xs {
  padding-right: 10px !important;
}

.pr-sm {
  padding-right: 15px !important;
}

.pr-md {
  padding-right: 20px !important;
}

.pr-mdx {
  padding-right: 30px !important;
}

.pr-lg {
  padding-right: 40px !important;
}

.pr-lgx {
  padding-right: 50px !important;
}

.pr-lgxl {
  padding-right: 60px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-xs {
  padding-bottom: 10px !important;
}

.pb-sm {
  padding-bottom: 15px !important;
}

.pb-md {
  padding-bottom: 20px !important;
}

.pb-mdx {
  padding-bottom: 30px !important;
}

.pb-lg {
  padding-bottom: 40px !important;
}

.pb-lgx {
  padding-bottom: 50px !important;
}

.pb-lgxl {
  padding-bottom: 60px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-xs {
  padding-left: 10px !important;
}

.pl-sm {
  padding-left: 15px !important;
}

.pl-md {
  padding-left: 20px !important;
}

.pl-mdx {
  padding-left: 30px !important;
}

.pl-lg {
  padding-left: 40px !important;
}

.pl-lgx {
  padding-left: 50px !important;
}

.pl-lgxl {
  padding-left: 60px !important;
}

.flex, .card-brand__ratings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1170px) {
  .align-center-pc {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.space-between, .card-brand__ratings {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .mt-mob-0 {
    margin-top: 0px !important;
  }
  .mt-mob-xs {
    margin-top: 10px !important;
  }
  .mt-mob-sm {
    margin-top: 15px !important;
  }
  .mt-mob-md {
    margin-top: 20px !important;
  }
  .mt-mob-mdx {
    margin-top: 30px !important;
  }
  .mt-mob-lg {
    margin-top: 40px !important;
  }
  .mt-mob-lgx {
    margin-top: 50px !important;
  }
  .mt-mob-lgxl {
    margin-top: 60px !important;
  }
  .mr-mob-0 {
    margin-right: 0px !important;
  }
  .mr-mob-xs {
    margin-right: 10px !important;
  }
  .mr-mob-sm {
    margin-right: 15px !important;
  }
  .mr-mob-md {
    margin-right: 20px !important;
  }
  .mr-mob-mdx {
    margin-right: 30px !important;
  }
  .mr-mob-lg {
    margin-right: 40px !important;
  }
  .mr-mob-lgx {
    margin-right: 50px !important;
  }
  .mr-mob-lgxl {
    margin-right: 60px !important;
  }
  .mb-mob-0 {
    margin-bottom: 0px !important;
  }
  .mb-mob-xs {
    margin-bottom: 10px !important;
  }
  .mb-mob-sm {
    margin-bottom: 15px !important;
  }
  .mb-mob-md {
    margin-bottom: 20px !important;
  }
  .mb-mob-mdx {
    margin-bottom: 30px !important;
  }
  .mb-mob-lg {
    margin-bottom: 40px !important;
  }
  .mb-mob-lgx {
    margin-bottom: 50px !important;
  }
  .mb-mob-lgxl {
    margin-bottom: 60px !important;
  }
  .ml-mob-0 {
    margin-left: 0px !important;
  }
  .ml-mob-xs {
    margin-left: 10px !important;
  }
  .ml-mob-sm {
    margin-left: 15px !important;
  }
  .ml-mob-md {
    margin-left: 20px !important;
  }
  .ml-mob-mdx {
    margin-left: 30px !important;
  }
  .ml-mob-lg {
    margin-left: 40px !important;
  }
  .ml-mob-lgx {
    margin-left: 50px !important;
  }
  .ml-mob-lgxl {
    margin-left: 60px !important;
  }
  .pt-mob-0 {
    padding-top: 0px !important;
  }
  .pt-mob-xs {
    padding-top: 10px !important;
  }
  .pt-mob-sm {
    padding-top: 15px !important;
  }
  .pt-mob-md {
    padding-top: 20px !important;
  }
  .pt-mob-mdx {
    padding-top: 30px !important;
  }
  .pt-mob-lg {
    padding-top: 40px !important;
  }
  .pt-mob-lgx {
    padding-top: 50px !important;
  }
  .pt-mob-lgxl {
    padding-top: 60px !important;
  }
  .pr-mob-0 {
    padding-right: 0px !important;
  }
  .pr-mob-xs {
    padding-right: 10px !important;
  }
  .pr-mob-sm {
    padding-right: 15px !important;
  }
  .pr-mob-md {
    padding-right: 20px !important;
  }
  .pr-mob-mdx {
    padding-right: 30px !important;
  }
  .pr-mob-lg {
    padding-right: 40px !important;
  }
  .pr-mob-lgx {
    padding-right: 50px !important;
  }
  .pr-mob-lgxl {
    padding-right: 60px !important;
  }
  .pb-mob-0 {
    padding-bottom: 0px !important;
  }
  .pb-mob-xs {
    padding-bottom: 10px !important;
  }
  .pb-mob-sm {
    padding-bottom: 15px !important;
  }
  .pb-mob-md {
    padding-bottom: 20px !important;
  }
  .pb-mob-mdx {
    padding-bottom: 30px !important;
  }
  .pb-mob-lg {
    padding-bottom: 40px !important;
  }
  .pb-mob-lgx {
    padding-bottom: 50px !important;
  }
  .pb-mob-lgxl {
    padding-bottom: 60px !important;
  }
  .pl-mob-0 {
    padding-left: 0px !important;
  }
  .pl-mob-xs {
    padding-left: 10px !important;
  }
  .pl-mob-sm {
    padding-left: 15px !important;
  }
  .pl-mob-md {
    padding-left: 20px !important;
  }
  .pl-mob-mdx {
    padding-left: 30px !important;
  }
  .pl-mob-lg {
    padding-left: 40px !important;
  }
  .pl-mob-lgx {
    padding-left: 50px !important;
  }
  .pl-mob-lgxl {
    padding-left: 60px !important;
  }
  .flex-mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-unmargin--mob {
    margin-left: -17px;
    margin-right: -17px;
  }
  .space-between-mob {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .w-wide-mob {
    width: 100%;
  }
  .flow-column-mob {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .align-center-mob {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .align-start-mob {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .mt-tab-0 {
    margin-top: 0px !important;
  }
  .mt-tab-xs {
    margin-top: 10px !important;
  }
  .mt-tab-sm {
    margin-top: 15px !important;
  }
  .mt-tab-md {
    margin-top: 20px !important;
  }
  .mt-tab-mdx {
    margin-top: 30px !important;
  }
  .mt-tab-lg {
    margin-top: 40px !important;
  }
  .mt-tab-lgx {
    margin-top: 50px !important;
  }
  .mt-tab-lgxl {
    margin-top: 60px !important;
  }
  .mr-tab-0 {
    margin-right: 0px !important;
  }
  .mr-tab-xs {
    margin-right: 10px !important;
  }
  .mr-tab-sm {
    margin-right: 15px !important;
  }
  .mr-tab-md {
    margin-right: 20px !important;
  }
  .mr-tab-mdx {
    margin-right: 30px !important;
  }
  .mr-tab-lg {
    margin-right: 40px !important;
  }
  .mr-tab-lgx {
    margin-right: 50px !important;
  }
  .mr-tab-lgxl {
    margin-right: 60px !important;
  }
  .mb-tab-0 {
    margin-bottom: 0px !important;
  }
  .mb-tab-xs {
    margin-bottom: 10px !important;
  }
  .mb-tab-sm {
    margin-bottom: 15px !important;
  }
  .mb-tab-md {
    margin-bottom: 20px !important;
  }
  .mb-tab-mdx {
    margin-bottom: 30px !important;
  }
  .mb-tab-lg {
    margin-bottom: 40px !important;
  }
  .mb-tab-lgx {
    margin-bottom: 50px !important;
  }
  .mb-tab-lgxl {
    margin-bottom: 60px !important;
  }
  .ml-tab-0 {
    margin-left: 0px !important;
  }
  .ml-tab-xs {
    margin-left: 10px !important;
  }
  .ml-tab-sm {
    margin-left: 15px !important;
  }
  .ml-tab-md {
    margin-left: 20px !important;
  }
  .ml-tab-mdx {
    margin-left: 30px !important;
  }
  .ml-tab-lg {
    margin-left: 40px !important;
  }
  .ml-tab-lgx {
    margin-left: 50px !important;
  }
  .ml-tab-lgxl {
    margin-left: 60px !important;
  }
  .pt-tab-0 {
    padding-top: 0px !important;
  }
  .pt-tab-xs {
    padding-top: 10px !important;
  }
  .pt-tab-sm {
    padding-top: 15px !important;
  }
  .pt-tab-md {
    padding-top: 20px !important;
  }
  .pt-tab-mdx {
    padding-top: 30px !important;
  }
  .pt-tab-lg {
    padding-top: 40px !important;
  }
  .pt-tab-lgx {
    padding-top: 50px !important;
  }
  .pt-tab-lgxl {
    padding-top: 60px !important;
  }
  .pr-tab-0 {
    padding-right: 0px !important;
  }
  .pr-tab-xs {
    padding-right: 10px !important;
  }
  .pr-tab-sm {
    padding-right: 15px !important;
  }
  .pr-tab-md {
    padding-right: 20px !important;
  }
  .pr-tab-mdx {
    padding-right: 30px !important;
  }
  .pr-tab-lg {
    padding-right: 40px !important;
  }
  .pr-tab-lgx {
    padding-right: 50px !important;
  }
  .pr-tab-lgxl {
    padding-right: 60px !important;
  }
  .pb-tab-0 {
    padding-bottom: 0px !important;
  }
  .pb-tab-xs {
    padding-bottom: 10px !important;
  }
  .pb-tab-sm {
    padding-bottom: 15px !important;
  }
  .pb-tab-md {
    padding-bottom: 20px !important;
  }
  .pb-tab-mdx {
    padding-bottom: 30px !important;
  }
  .pb-tab-lg {
    padding-bottom: 40px !important;
  }
  .pb-tab-lgx {
    padding-bottom: 50px !important;
  }
  .pb-tab-lgxl {
    padding-bottom: 60px !important;
  }
  .pl-tab-0 {
    padding-left: 0px !important;
  }
  .pl-tab-xs {
    padding-left: 10px !important;
  }
  .pl-tab-sm {
    padding-left: 15px !important;
  }
  .pl-tab-md {
    padding-left: 20px !important;
  }
  .pl-tab-mdx {
    padding-left: 30px !important;
  }
  .pl-tab-lg {
    padding-left: 40px !important;
  }
  .pl-tab-lgx {
    padding-left: 50px !important;
  }
  .pl-tab-lgxl {
    padding-left: 60px !important;
  }
  .flex-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .mt-extratab-0 {
    margin-top: 0px !important;
  }
  .mt-extratab-xs {
    margin-top: 10px !important;
  }
  .mt-extratab-sm {
    margin-top: 15px !important;
  }
  .mt-extratab-md {
    margin-top: 20px !important;
  }
  .mt-extratab-mdx {
    margin-top: 30px !important;
  }
  .mt-extratab-lg {
    margin-top: 40px !important;
  }
  .mt-extratab-lgx {
    margin-top: 50px !important;
  }
  .mt-extratab-lgxl {
    margin-top: 60px !important;
  }
  .mr-extratab-0 {
    margin-right: 0px !important;
  }
  .mr-extratab-xs {
    margin-right: 10px !important;
  }
  .mr-extratab-sm {
    margin-right: 15px !important;
  }
  .mr-extratab-md {
    margin-right: 20px !important;
  }
  .mr-extratab-mdx {
    margin-right: 30px !important;
  }
  .mr-extratab-lg {
    margin-right: 40px !important;
  }
  .mr-extratab-lgx {
    margin-right: 50px !important;
  }
  .mr-extratab-lgxl {
    margin-right: 60px !important;
  }
  .mb-extratab-0 {
    margin-bottom: 0px !important;
  }
  .mb-extratab-xs {
    margin-bottom: 10px !important;
  }
  .mb-extratab-sm {
    margin-bottom: 15px !important;
  }
  .mb-extratab-md {
    margin-bottom: 20px !important;
  }
  .mb-extratab-mdx {
    margin-bottom: 30px !important;
  }
  .mb-extratab-lg {
    margin-bottom: 40px !important;
  }
  .mb-extratab-lgx {
    margin-bottom: 50px !important;
  }
  .mb-extratab-lgxl {
    margin-bottom: 60px !important;
  }
  .ml-extratab-0 {
    margin-left: 0px !important;
  }
  .ml-extratab-xs {
    margin-left: 10px !important;
  }
  .ml-extratab-sm {
    margin-left: 15px !important;
  }
  .ml-extratab-md {
    margin-left: 20px !important;
  }
  .ml-extratab-mdx {
    margin-left: 30px !important;
  }
  .ml-extratab-lg {
    margin-left: 40px !important;
  }
  .ml-extratab-lgx {
    margin-left: 50px !important;
  }
  .ml-extratab-lgxl {
    margin-left: 60px !important;
  }
  .pt-extratab-0 {
    padding-top: 0px !important;
  }
  .pt-extratab-xs {
    padding-top: 10px !important;
  }
  .pt-extratab-sm {
    padding-top: 15px !important;
  }
  .pt-extratab-md {
    padding-top: 20px !important;
  }
  .pt-extratab-mdx {
    padding-top: 30px !important;
  }
  .pt-extratab-lg {
    padding-top: 40px !important;
  }
  .pt-extratab-lgx {
    padding-top: 50px !important;
  }
  .pt-extratab-lgxl {
    padding-top: 60px !important;
  }
  .pr-extratab-0 {
    padding-right: 0px !important;
  }
  .pr-extratab-xs {
    padding-right: 10px !important;
  }
  .pr-extratab-sm {
    padding-right: 15px !important;
  }
  .pr-extratab-md {
    padding-right: 20px !important;
  }
  .pr-extratab-mdx {
    padding-right: 30px !important;
  }
  .pr-extratab-lg {
    padding-right: 40px !important;
  }
  .pr-extratab-lgx {
    padding-right: 50px !important;
  }
  .pr-extratab-lgxl {
    padding-right: 60px !important;
  }
  .pb-extratab-0 {
    padding-bottom: 0px !important;
  }
  .pb-extratab-xs {
    padding-bottom: 10px !important;
  }
  .pb-extratab-sm {
    padding-bottom: 15px !important;
  }
  .pb-extratab-md {
    padding-bottom: 20px !important;
  }
  .pb-extratab-mdx {
    padding-bottom: 30px !important;
  }
  .pb-extratab-lg {
    padding-bottom: 40px !important;
  }
  .pb-extratab-lgx {
    padding-bottom: 50px !important;
  }
  .pb-extratab-lgxl {
    padding-bottom: 60px !important;
  }
  .pl-extratab-0 {
    padding-left: 0px !important;
  }
  .pl-extratab-xs {
    padding-left: 10px !important;
  }
  .pl-extratab-sm {
    padding-left: 15px !important;
  }
  .pl-extratab-md {
    padding-left: 20px !important;
  }
  .pl-extratab-mdx {
    padding-left: 30px !important;
  }
  .pl-extratab-lg {
    padding-left: 40px !important;
  }
  .pl-extratab-lgx {
    padding-left: 50px !important;
  }
  .pl-extratab-lgxl {
    padding-left: 60px !important;
  }
}

@media (min-width: 1170px) {
  .mt-pc-0 {
    margin-top: 0px !important;
  }
  .mt-pc-xs {
    margin-top: 10px !important;
  }
  .mt-pc-sm {
    margin-top: 15px !important;
  }
  .mt-pc-md {
    margin-top: 20px !important;
  }
  .mt-pc-mdx {
    margin-top: 30px !important;
  }
  .mt-pc-lg {
    margin-top: 40px !important;
  }
  .mt-pc-lgx {
    margin-top: 50px !important;
  }
  .mt-pc-lgxl {
    margin-top: 60px !important;
  }
  .mr-pc-0 {
    margin-right: 0px !important;
  }
  .mr-pc-xs {
    margin-right: 10px !important;
  }
  .mr-pc-sm {
    margin-right: 15px !important;
  }
  .mr-pc-md {
    margin-right: 20px !important;
  }
  .mr-pc-mdx {
    margin-right: 30px !important;
  }
  .mr-pc-lg {
    margin-right: 40px !important;
  }
  .mr-pc-lgx {
    margin-right: 50px !important;
  }
  .mr-pc-lgxl {
    margin-right: 60px !important;
  }
  .mb-pc-0 {
    margin-bottom: 0px !important;
  }
  .mb-pc-xs {
    margin-bottom: 10px !important;
  }
  .mb-pc-sm {
    margin-bottom: 15px !important;
  }
  .mb-pc-md {
    margin-bottom: 20px !important;
  }
  .mb-pc-mdx {
    margin-bottom: 30px !important;
  }
  .mb-pc-lg {
    margin-bottom: 40px !important;
  }
  .mb-pc-lgx {
    margin-bottom: 50px !important;
  }
  .mb-pc-lgxl {
    margin-bottom: 60px !important;
  }
  .ml-pc-0 {
    margin-left: 0px !important;
  }
  .ml-pc-xs {
    margin-left: 10px !important;
  }
  .ml-pc-sm {
    margin-left: 15px !important;
  }
  .ml-pc-md {
    margin-left: 20px !important;
  }
  .ml-pc-mdx {
    margin-left: 30px !important;
  }
  .ml-pc-lg {
    margin-left: 40px !important;
  }
  .ml-pc-lgx {
    margin-left: 50px !important;
  }
  .ml-pc-lgxl {
    margin-left: 60px !important;
  }
  .pt-pc-0 {
    padding-top: 0px !important;
  }
  .pt-pc-xs {
    padding-top: 10px !important;
  }
  .pt-pc-sm {
    padding-top: 15px !important;
  }
  .pt-pc-md {
    padding-top: 20px !important;
  }
  .pt-pc-mdx {
    padding-top: 30px !important;
  }
  .pt-pc-lg {
    padding-top: 40px !important;
  }
  .pt-pc-lgx {
    padding-top: 50px !important;
  }
  .pt-pc-lgxl {
    padding-top: 60px !important;
  }
  .pr-pc-0 {
    padding-right: 0px !important;
  }
  .pr-pc-xs {
    padding-right: 10px !important;
  }
  .pr-pc-sm {
    padding-right: 15px !important;
  }
  .pr-pc-md {
    padding-right: 20px !important;
  }
  .pr-pc-mdx {
    padding-right: 30px !important;
  }
  .pr-pc-lg {
    padding-right: 40px !important;
  }
  .pr-pc-lgx {
    padding-right: 50px !important;
  }
  .pr-pc-lgxl {
    padding-right: 60px !important;
  }
  .pb-pc-0 {
    padding-bottom: 0px !important;
  }
  .pb-pc-xs {
    padding-bottom: 10px !important;
  }
  .pb-pc-sm {
    padding-bottom: 15px !important;
  }
  .pb-pc-md {
    padding-bottom: 20px !important;
  }
  .pb-pc-mdx {
    padding-bottom: 30px !important;
  }
  .pb-pc-lg {
    padding-bottom: 40px !important;
  }
  .pb-pc-lgx {
    padding-bottom: 50px !important;
  }
  .pb-pc-lgxl {
    padding-bottom: 60px !important;
  }
  .pl-pc-0 {
    padding-left: 0px !important;
  }
  .pl-pc-xs {
    padding-left: 10px !important;
  }
  .pl-pc-sm {
    padding-left: 15px !important;
  }
  .pl-pc-md {
    padding-left: 20px !important;
  }
  .pl-pc-mdx {
    padding-left: 30px !important;
  }
  .pl-pc-lg {
    padding-left: 40px !important;
  }
  .pl-pc-lgx {
    padding-left: 50px !important;
  }
  .pl-pc-lgxl {
    padding-left: 60px !important;
  }
  .flex-pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.bg-center {
  background-position: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.z4 {
  z-index: 4;
}

.z5 {
  z-index: 5;
}

.z6 {
  z-index: 6;
}

.z7 {
  z-index: 7;
}

.z8 {
  z-index: 8;
}

.z9 {
  z-index: 9;
}

.z10 {
  z-index: 10;
}

.va-middle {
  vertical-align: middle;
}

.va-initial {
  vertical-align: initial;
}

.va-inherit {
  vertical-align: inherit;
}

.no-border {
  border: 0;
}

.block {
  display: block;
}

@media (max-width: 767px) {
  .block-mob {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .block-tab {
    display: block;
  }
}

@media (min-width: 1170px) {
  .block-pc {
    display: block;
  }
}

.inline {
  display: inline;
}

@media (max-width: 767px) {
  .inline-mob {
    display: inline;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .inline-tab {
    display: inline;
  }
}

@media (min-width: 1170px) {
  .inline-pc {
    display: inline;
  }
}

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

@media (max-width: 767px) {
  .inline-block-mob {
    display: inline-block;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .inline-block-tab {
    display: inline-block;
  }
}

@media (min-width: 1170px) {
  .inline-block-pc {
    display: inline-block;
  }
}

.dn {
  display: none;
}

.block {
  display: block;
}

@media (min-width: 768px) {
  .visible-mob {
    display: none !important;
  }
}

@media (max-width: 767px), (min-width: 1024px) {
  .visible-tab {
    display: none !important;
  }
}

@media (max-width: 1169px) {
  .visible-pc {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-mob {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .hidden-tab {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hidden-extratab {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1169px) {
  .hidden-only-extratab {
    display: none;
  }
}

@media (max-width: 1023px) {
  .hidden-less-extratab {
    display: none;
  }
}

@media (min-width: 1170px) {
  .hidden-pc {
    display: none;
  }
}

@media (min-width: 1170px) {
  .hidden-from-pc {
    display: none;
  }
}

@media (min-width: 1440px) {
  .hidden-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .hidden-from-tab {
    display: none;
  }
}

@media (max-width: 767px) {
  .hidden-less-tab {
    display: none;
  }
}

@media (max-width: 1169px) {
  .hidden-less-pc {
    display: none;
  }
}

@media (max-width: 767px) {
  .invisible-mob {
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .invisible-tab {
    visibility: hidden;
  }
}

@media (min-width: 1170px) {
  .invisible-pc {
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .invisible-from-tab {
    visibility: hidden;
  }
}

@media (max-width: 1169px) {
  .invisible-less-pc {
    visibility: hidden;
  }
}

.over-visible {
  overflow: visible;
}

.over-hidden {
  overflow: hidden;
}

.max-width {
  max-width: 100%;
  overflow-y: hidden;
}

.max-width-400 {
  max-width: 400px;
}

.min-width-auto {
  min-width: auto;
}

.w-no-min {
  min-width: 0 !important;
}

.w-auto {
  width: auto !important;
}

.w-wide {
  width: 100%;
}

.width-300 {
  width: 300px;
}

.cf::after, .clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.left {
  float: left;
}

.right {
  float: right;
}

.link-chameleon {
  color: inherit;
  text-decoration: inherit;
}

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

.link-hovering[href^="tel:"], .link-hovering[href^="mailto:"], .link-hovering[href^="skype:"], .link-hovering[href^="#"] {
  border-bottom: 1px dotted transparent;
  -webkit-transition: border 0.4s;
  -o-transition: border 0.4s;
  transition: border 0.4s;
}

.link-hovering[href^="tel:"]:hover, .link-hovering[href^="mailto:"]:hover, .link-hovering[href^="skype:"]:hover, .link-hovering[href^="#"]:hover {
  border-bottom-color: initial;
  text-decoration: none;
}

.link-hovering[href^="tel:"]:active, .link-hovering[href^="mailto:"]:active, .link-hovering[href^="skype:"]:active, .link-hovering[href^="#"]:active {
  border-color: initial;
}

.link-dashed {
  border-bottom: 1px dashed #00BFD6;
}

.shift {
  opacity: 1;
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  -o-transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s, -webkit-transform .8s;
}

.shift-up {
  opacity: 0;
  -webkit-transform: translateY(-100vh);
      -ms-transform: translateY(-100vh);
          transform: translateY(-100vh);
}

.shift-down {
  opacity: 0;
  -webkit-transform: translateY(100vh);
      -ms-transform: translateY(100vh);
          transform: translateY(100vh);
}

.shift-left {
  opacity: 0;
  -webkit-transform: translateX(-100vh);
      -ms-transform: translateX(-100vh);
          transform: translateX(-100vh);
}

.shift-right {
  opacity: 0;
  -webkit-transform: translateX(100vh);
      -ms-transform: translateX(100vh);
          transform: translateX(100vh);
}

.rotate-0 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.rotate-45 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-135 {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-225 {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.rotate-270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rotate-320 {
  -webkit-transform: rotate(320deg);
      -ms-transform: rotate(320deg);
          transform: rotate(320deg);
}

.nowrap {
  white-space: nowrap;
}

.reset-btn {
  border-width: 0;
  background-color: transparent;
  vertical-align: middle;
  display: inline-block;
  outline: none;
}

/*# sourceMappingURL=//127.0.0.1:3040/css/app.css.map */

/* End */


/* Start:/local/templates/main/css/admin.css?1689312448119132*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@media (max-width: 767px) {
  .wrap--admin {
    padding-top: 10px;
  }
  .wrap--admin.wrap-search {
    padding-top: 0px;
  }
  .wrap--admin h1,
  .wrap--admin .h1 {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .wrap--admin {
    padding-top: 12px;
  }
  .wrap--admin.wrap-search {
    padding-top: 0px;
  }
  .wrap--admin > h1,
  .wrap--admin > .h1 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .wrap--admin > h1 ~ .admin-error,
  .wrap--admin > .h1 ~ .admin-error {
    margin-left: 45px;
  }
}

@media (min-width: 1170px) {
  .wrap--admin {
    padding-top: 38px;
  }
  .wrap--admin.wrap-search {
    padding-top: 0px;
  }
}

.admin-subtitle {
  line-height: 1.2;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

@media (max-width: 767px) {
  .admin-subtitle {
    font-size: 18px;
    margin-bottom: 28px;
    margin-top: 41px;
  }
}

@media (min-width: 768px) {
  .admin-subtitle {
    font-size: 24px;
    margin: 15px 0 26px;
  }
}

@media (min-width: 1170px) {
  .admin-subtitle {
    margin: 55px 0 19px;
  }
}

.select2-container--open {
  z-index: 11000;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: -webkit-calc(100% + 2px);
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
       flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  -o-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
       align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
       flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
       flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -moz-box-align: start;
       align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
       justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
       flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f3f3f3;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

.flatpickr-calendar {
  padding-top: 10px;
}

.flatpickr-months {
  position: relative;
  margin-bottom: 14px;
}

.flatpickr-month .numInputWrapper .numInput {
  -moz-appearance: textfield;
}

.flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button, .flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.flatpickr-month .numInputWrapper span {
  right: -8px;
}

@media (hover: none) and (pointer: coarse) {
  .flatpickr-month .numInputWrapper span {
    display: none;
  }
}

.flatpickr-monthDropdown-months {
  position: relative;
  cursor: pointer;
  padding-right: 16px;
  margin-right: 8px;
  border-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 103%;
  background-position-y: -1px;
  background-size: 20px;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 768px) {
  a.admin-font-md:hover {
    color: #00BFD6;
  }
}

.admin-font-md {
  font-family: "PT Serif", serif;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.4px;
}

.check-star {
  cursor: pointer;
}

.check-star svg {
  -webkit-transition: fill .3s ease, stroke .3s ease;
  -o-transition: fill .3s ease, stroke .3s ease;
  transition: fill .3s ease, stroke .3s ease;
}

.check-star input {
  display: none;
}

.check-star input:not(:checked) + svg {
  fill: none;
  stroke: #a9a9b1;
  stroke-width: 1.5px;
}

.check-star input:checked + svg {
  fill: #00BFD6;
}

.admin-accordions {
  margin-bottom: 48px;
}

.admin-accordion {
  background-color: #fff;
  cursor: pointer;
}

.admin-accordion + .admin-accordion {
  margin-top: 4px;
}

.admin-accordion__title {
  position: relative;
}

.admin-accordion__title::before {
  content: '';
  display: block;
  position: absolute;
  left: 31px;
  top: 36px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7px;
  border-color: transparent transparent transparent #000000;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.admin-accordion__title .admin-form {
  padding-top: 22px;
}

.admin-accordion__title .admin-label:first-child {
  padding-left: 41px;
}

.admin-accordion__content {
  max-height: 3000px;
  -webkit-transition: opacity .3s ease, max-height .3s ease;
  -o-transition: opacity .3s ease, max-height .3s ease;
  transition: opacity .3s ease, max-height .3s ease;
  overflow: hidden;
}

.admin-accordion.open .admin-accordion__title::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.admin-accordion:not(.open) .admin-accordion__content {
  max-height: 0;
  opacity: 0;
}

@media (max-width: 767px) {
  .admin-accordion__title::before {
    left: 0;
    top: 24px;
  }
  .admin-accordion__title .admin-form {
    padding-bottom: 9px;
  }
  .admin-accordion__title .admin-input-group--strings .admin-label:first-child {
    padding-left: 20px;
    width: 88%;
    padding-right: 10px;
  }
  .admin-accordion__title .admin-input-group--strings .admin-label:last-child {
    width: 12%;
    text-align: right;
  }
  .admin-accordion:not(.open) .admin-accordion__title .admin-form {
    padding-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .admin-accordion.open .admin-accordion__title .admin-form {
    padding-bottom: 5px;
  }
}

@media (min-width: 1170px) {
  .admin-accordion__title:hover {
    color: #00BFD6;
  }
}

.admin-top-filter__section {
  max-width: 321px;
}

.admin-top-filter__search {
  max-width: 555px;
}

.admin-top-filter__options {
  max-width: 313px;
}

@media (max-width: 767px) {
  .admin-top-filter {
    padding-bottom: 30px;
    padding-top: 24px;
  }
  .admin-top-filter__section ~ .admin-top-filter__inputs {
    margin-top: 15px;
  }
  .admin-top-filter__inputs {
    margin-top: -14px;
    margin-bottom: -15px;
  }
  .admin-top-filter__input {
    padding-top: 14px;
    padding-bottom: 15px;
  }
  .admin-top-filter__options, .admin-top-filter__section {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .admin-top-filter__inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-top-filter__section ~ .admin-top-filter__inputs {
    margin-top: 41px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-top-filter {
    padding-bottom: 31px;
    padding-top: 22px;
    padding-left: 45px;
    padding-right: 45px;
  }
  .admin-top-filter__inputs {
    margin-left: -27px;
    margin-right: -27px;
  }
  .admin-top-filter__input {
    padding-left: 27px;
    padding-right: 27px;
  }
  .admin-top-filter__search {
    width: 44.88372vw;
  }
  .admin-top-filter__options {
    width: 36.39535vw;
  }
}

@media (min-width: 1170px) {
  .admin-top-filter {
    padding-top: 29px;
    padding-bottom: 40px;
  }
  .admin-top-filter__inputs {
    margin-left: -15px;
    margin-right: -15px;
  }
  .admin-top-filter__input {
    padding-left: 15px;
    padding-right: 15px;
  }
  .admin-top-filter__search {
    width: 555px;
  }
  .admin-top-filter__options {
    width: 313px;
  }
}

.adaptive-table-head {
  background-color: #fff;
  margin-bottom: 30px;
}

.adaptive-table-head__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.adaptive-table-head .adaptive-table__cell {
  font-family: "Open Sans", sans-serif;
  height: 60px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #7b7b83;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.adaptive-table-head .adaptive-table__cell + .adaptive-table__cell {
  border-left: 1px solid #f5f6f8;
}

.adaptive-table__row {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.adaptive-table__row + .adaptive-table__row {
  margin-top: 4px;
}

.adaptive-table__row .adaptive-table__cell {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

.adaptive-table__row .adaptive-table__cell--id {
  color: #636363;
}

.adaptive-table__row .adaptive-table__cell--name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #202020;
}

.adaptive-table__row .adaptive-table__cell--status {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.41;
}

.adaptive-table__row .adaptive-table__cell--status.color-default {
  color: #636363;
}

.adaptive-table__row .adaptive-table__cell--status .custom {
  display: inline-block;
  margin-top: 3px;
}

.adaptive-table__row .adaptive-table__cell--status .custom__txt {
  font-weight: 400;
  position: relative;
  top: 2px;
  color: #636363;
}

.adaptive-table__row .adaptive-table__cell--date {
  color: #636363;
}

.adaptive-table .svg-i_trash {
  width: 13px;
  height: 16px;
  fill: #bdbdc3;
  -webkit-transition: fill .3s ease;
  -o-transition: fill .3s ease;
  transition: fill .3s ease;
}

.adaptive-table .btn-trash:hover .svg-i_trash {
  fill: #e82c0d;
}

.adaptive-table__action-submit {
  background-color: transparent;
  border: 0;
  color: #636363;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .adaptive-table-wrap {
    margin-left: -17px;
    margin-right: -17px;
  }
  .adaptive-table-head {
    display: none;
  }
  .adaptive-table-body .adaptive-table__cell + .adaptive-table__cell {
    margin-top: 12px;
  }
  .adaptive-table-body .adaptive-table__cell {
    position: relative;
  }
  .adaptive-table-body .adaptive-table__cell::before {
    content: attr(data-name);
    display: block;
    position: relative;
    left: 0;
    top: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    color: #7b7b83;
    white-space: nowrap;
    margin-bottom: 5px;
  }
  .adaptive-table-body .adaptive-table__cell--name {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .adaptive-table-body .adaptive-table__cell--date {
    margin-top: 12px;
  }
  .adaptive-table-body .adaptive-table__cell--actions {
    padding-left: 0;
  }
  .adaptive-table-body .adaptive-table__cell--actions::before {
    display: none;
  }
  .adaptive-table__actions {
    margin-top: 26px;
  }
  .adaptive-table-body .adaptive-table__row {
    display: block;
    padding: 27px 17px 29px;
    background-color: #fff;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--actions {
    position: absolute;
    top: 12px;
    right: 20px;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell {
    position: relative;
    padding-left: 124px;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell::before {
    width: 124px;
    padding-right: 24px;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .adaptive-table__cell {
    padding-left: 25px;
    padding-right: 19px;
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .adaptive-table-head .adaptive-table__cell {
    padding-top: 24px;
    padding-bottom: 23px;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--id {
    -webkit-flex-basis: 11.02662%;
        -ms-flex-preferred-size: 11.02662%;
            flex-basis: 11.02662%;
    width: 11.02662%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--name {
    -webkit-flex-basis: 24.3346%;
        -ms-flex-preferred-size: 24.3346%;
            flex-basis: 24.3346%;
    width: 24.3346%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--status {
    -webkit-flex-basis: 16.6033%;
        -ms-flex-preferred-size: 16.6033%;
            flex-basis: 16.6033%;
    width: 16.6033%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--date {
    -webkit-flex-basis: 15.46261%;
        -ms-flex-preferred-size: 15.46261%;
            flex-basis: 15.46261%;
    width: 15.46261%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--actions {
    -webkit-flex-basis: 32.57288%;
        -ms-flex-preferred-size: 32.57288%;
            flex-basis: 32.57288%;
    width: 32.57288%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--id {
    -webkit-flex-basis: 12.46883%;
        -ms-flex-preferred-size: 12.46883%;
            flex-basis: 12.46883%;
    width: 12.46883%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--name {
    -webkit-flex-basis: 46.50873%;
        -ms-flex-preferred-size: 46.50873%;
            flex-basis: 46.50873%;
    width: 46.50873%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--status {
    -webkit-flex-basis: 33.54115%;
        -ms-flex-preferred-size: 33.54115%;
            flex-basis: 33.54115%;
    width: 33.54115%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--actions {
    -webkit-flex-basis: 7.4813%;
        -ms-flex-preferred-size: 7.4813%;
            flex-basis: 7.4813%;
    width: 7.4813%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--name-inner {
    max-width: 90%;
  }
}

@media (min-width: 768px) {
  .adaptive-table-body .adaptive-table__cell--actions {
    padding-left: 12px;
  }
  .adaptive-table-body .adaptive-table__cell--actions .select-submit {
    width: 100%;
  }
  .adaptive-table__row.disabled .adaptive-table__cell--id, .adaptive-table__row.disabled .adaptive-table__cell--name,
  .adaptive-table__row.disabled .adaptive-table__cell--name a {
    color: #bdbdc3;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--actions {
    text-align: right;
  }
  .adaptive-table-wrap--cell-grow .adaptive-table__cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 1170px) {
  .adaptive-table__cell {
    padding-top: 23px;
    padding-bottom: 21px;
    padding-left: 40px;
    padding-right: 30px;
  }
  .adaptive-table-head .adaptive-table__cell {
    padding-top: 24px;
    padding-bottom: 23px;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--id {
    -webkit-flex-basis: 10.78002%;
        -ms-flex-preferred-size: 10.78002%;
            flex-basis: 10.78002%;
    width: 10.78002%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--name {
    -webkit-flex-basis: 29.71078%;
        -ms-flex-preferred-size: 29.71078%;
            flex-basis: 29.71078%;
    width: 29.71078%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--status {
    -webkit-flex-basis: 18.66784%;
        -ms-flex-preferred-size: 18.66784%;
            flex-basis: 18.66784%;
    width: 18.66784%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--date {
    -webkit-flex-basis: 17.17791%;
        -ms-flex-preferred-size: 17.17791%;
            flex-basis: 17.17791%;
    width: 17.17791%;
  }
  .adaptive-table-wrap--companies .adaptive-table__cell--actions {
    -webkit-flex-basis: 23.66345%;
        -ms-flex-preferred-size: 23.66345%;
            flex-basis: 23.66345%;
    width: 23.66345%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--id {
    -webkit-flex-basis: 11.11111%;
        -ms-flex-preferred-size: 11.11111%;
            flex-basis: 11.11111%;
    width: 11.11111%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--name {
    -webkit-flex-basis: 52.31846%;
        -ms-flex-preferred-size: 52.31846%;
            flex-basis: 52.31846%;
    width: 52.31846%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--status {
    -webkit-flex-basis: 28.69641%;
        -ms-flex-preferred-size: 28.69641%;
            flex-basis: 28.69641%;
    width: 28.69641%;
  }
  .adaptive-table-wrap--articles .adaptive-table__cell--actions {
    -webkit-flex-basis: 7.87402%;
        -ms-flex-preferred-size: 7.87402%;
            flex-basis: 7.87402%;
    width: 7.87402%;
  }
}

.admin-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-layout__aside {
  z-index: 1;
}

.admin-layout__aside, .admin-layout__main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.admin-layout__meta--white {
  background-color: #fff;
  padding: 4px 31px 26px;
}

.admin-layout__meta--project-calculation {
  position: relative;
}

.admin-layout__meta--project-calculation .check-star {
  position: absolute;
  right: 29px;
  top: 29px;
  fill: none;
}

@media (min-width: 768px) {
  .admin-layout {
    margin: 0 -17px;
  }
  .admin-layout__aside, .admin-layout__main {
    padding: 0 17px;
  }
  .admin-layout__aside .filter-wrapper {
    padding-top: 0;
  }
  .admin-layout__aside .filter.filter-new .filter__close {
    top: 15px;
    right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-layout {
    padding: 18px 4px 18px 18px;
  }
  .admin-layout__meta {
    padding-left: 32px;
  }
  .admin-layout__meta + .custom {
    margin-left: 32px;
  }
  .admin-layout__meta--project-calculation {
    margin-top: 31px;
  }
  .admin-layout__meta--project-calculation h1, .admin-layout__meta--project-calculation .h1 {
    max-width: 87%;
  }
  .admin-layout__horizontal-paddings {
    padding-left: 32px;
    padding-right: 32px;
  }
  .admin-layout__aside {
    min-width: 272px;
    max-width: 272px;
    padding-left: 32px;
  }
}

@media screen and (min-width: 767px) and (max-width: 859px) {
  .admin-layout {
    margin-left: 0;
    margin-right: 0;
  }
  .admin-layout, .admin-layout__main {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1169px) {
  .admin-layout {
    display: block;
  }
}

@media (max-width: 767px) {
  .admin-layout__meta {
    margin-top: 36px;
  }
  .admin-layout__meta h1, .admin-layout__meta .h1,
  .admin-layout__meta .breadcrumb {
    text-align: left;
  }
  .admin-layout__meta--project-calculation {
    padding-top: 34px;
    margin-left: -17px;
    margin-right: -17px;
  }
  .admin-layout__meta--project-calculation .breadcrumb li {
    font-size: 9px;
  }
  .admin-layout__meta--project-calculation .check-star {
    top: 20px;
    right: 20px;
  }
}

@media (min-width: 1170px) {
  .admin-layout__aside {
    -webkit-flex-basis: 307px;
        -ms-flex-preferred-size: 307px;
            flex-basis: 307px;
    max-width: 307px;
  }
}

.admin-layout__form {
  max-width: 829px;
}

@media (max-width: 1168px) {
  .admin-layout__form {
    max-width: initial;
  }
}

.admin-layout__form .config-visual-root {
  max-width: 502px;
}

.admin-layout__form .config-visual-root .cr-elements-wrap {
  padding-left: 0px;
}

@media (max-width: 640px) {
  .admin-layout__form .config-visual-root.overflow .cr-elements-wrap {
    padding-left: 16px;
  }
}

@media (max-width: 1024px) {
  .admin-layout__form .admin-input-group--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 1024px) {
  .admin-layout__form .admin-input-group--column .config-input-group {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
  }
}

.admin-navbar {
  padding: 31px 27px 50px;
}

.admin-navbar__items {
  margin-bottom: 37px;
}

.admin-navbar__item {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.6;
  text-align: left;
  color: #282b32;
  list-style: none;
}

.admin-navbar__item::before {
  display: none;
}

.admin-navbar__link small {
  font-size: 10px;
  font-weight: 400;
  margin-left: 5px;
}

.admin-navbar__link small:not(.color-sky) {
  color: #282b32;
}

.admin-navbar__link.active {
  color: #00BFD6;
}

.admin-navbar .btn {
  letter-spacing: 0.5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
}

.admin-navbar-wrap__head {
  background-color: #fff;
  color: #7b7b83;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  padding: 16px 20px 0 15px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.admin-navbar-wrap__text {
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: 0.275px;
  margin-left: 12px;
}

.admin-navbar-wrap__close {
  color: #00BFD6;
  right: 28px;
  top: 19px;
  position: absolute;
}

.admin-navbar-wrap__toggle {
  position: relative;
  width: 14px;
  display: inline-block;
  height: 12px;
}

.admin-navbar-wrap__toggle-chunk {
  height: 2px;
  background-color: currentColor;
  position: absolute;
  left: 0;
  right: 0;
}

.admin-navbar-wrap__toggle-chunk:nth-child(1) {
  top: 0;
}

.admin-navbar-wrap__toggle-chunk:nth-child(2) {
  top: 5px;
}

.admin-navbar-wrap__toggle-chunk:nth-child(3) {
  top: 10px;
}

.admin-navbar__footer .btn {
  margin-bottom: 20px;
  min-width: 210px;
}

@media (max-width: 1169px) {
  .admin-navbar {
    padding-left: 0;
    padding-bottom: 0;
    width: 264px;
  }
  .admin-navbar__footer {
    padding-left: 32px;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .admin-navbar-wrap.open .admin-navbar {
    padding-top: 9px;
    padding-left: 27px;
    padding-bottom: 26px;
  }
  .admin-navbar-wrap.open .admin-navbar__footer {
    margin-top: 15px;
  }
  .admin-navbar-wrap.open .admin-navbar__items {
    margin-bottom: 0;
  }
  .admin-navbar-wrap:not(.open) .admin-navbar-wrap__close {
    display: none;
  }
  .admin-navbar-wrap:not(.open) .admin-navbar__items {
    display: none;
  }
  .admin-navbar-wrap {
    display: inline-block;
    vertical-align: middle;
  }
  .admin-navbar-wrap.open {
    background-color: transparent;
  }
  .admin-navbar-wrap.open .admin-navbar-wrap__head {
    background-color: transparent;
    padding-left: 27px;
    width: 100%;
    padding-top: 22px;
  }
}

@media (max-width: 767px) {
  .admin-navbar {
    width: 100%;
    padding-right: 0;
  }
  .admin-navbar-wrap {
    display: block;
  }
  .admin-navbar__footer {
    padding-left: 0;
  }
  .admin-navbar__footer a.btn {
    font-size: 10px;
  }
}

@media screen and (max-width: 499px) {
  .admin-navbar__footer {
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 1169px) {
  .admin-navbar-wrap:not(.open) .admin-navbar {
    display: none;
  }
}

@media (min-width: 1170px) {
  .admin-navbar {
    background-color: transparent;
  }
  .admin-navbar-wrap__head {
    display: none;
  }
}

@media (max-width: 767px) {
  .admin-image-uploads__item + .admin-image-uploads__item {
    margin-top: 20px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .admin-image-uploads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: -7px;
  }
  .admin-image-uploads__item {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    padding: 0 7px;
    margin-bottom: 7px;
  }
  .admin-image-uploads__item + .admin-image-uploads__item {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .admin-image-uploads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
  }
}

@media screen and (min-width: 767px) and (max-width: 859px) {
  .admin-image-uploads__item {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .admin-image-uploads__item .admin-preview,
  .admin-image-uploads__item .admin-image-upload {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-image-uploads {
    margin: 0 -7px;
    margin-top: -14px;
  }
  .admin-image-uploads__item {
    padding: 0 7px;
    margin-top: 14px;
  }
}

@media (min-width: 1170px) {
  .admin-image-uploads {
    margin: -10px;
  }
  .admin-image-uploads__item {
    padding: 10px;
  }
}

.admin-image-upload-another {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.admin-image-upload {
  width: 224px;
  height: 150px;
  border-radius: 8px;
  border: 1px dashed;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #00bbd3;
  cursor: pointer;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.admin-image-upload__placeholder {
  text-align: center;
}

.admin-image-upload__placeholder-icon {
  margin-bottom: 14px;
}

.admin-image-upload__placeholder-text {
  text-transform: uppercase;
}

@media (max-width: 1169px) {
  .admin-image-upload {
    background-color: rgba(0, 187, 211, 0.1);
  }
}

@media (max-width: 767px) {
  .admin-image-upload {
    width: 100%;
    height: 186px;
  }
  .admin-image-upload__placeholder {
    font-size: 12.5px;
    letter-spacing: 0.625px;
  }
  .admin-image-upload__placeholder-icon svg {
    height: 17px;
    width: 17px;
  }
}

@media (min-width: 1170px) {
  .admin-image-upload:hover {
    background-color: rgba(0, 187, 211, 0.1);
  }
}

.admin-preview {
  height: 150px;
  width: 224px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.admin-preview__inner a {
  color: currentColor;
}

.admin-preview__remove {
  position: absolute;
  top: 11px;
  right: 11px;
}

.admin-preview__remove svg {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.admin-preview__edit {
  font-family: "PT Serif", serif;
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.384;
  letter-spacing: 0.325px;
}

.admin-preview__duration {
  position: absolute;
  left: 8px;
  bottom: 7px;
  display: block;
  white-space: nowrap;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #ffffff;
}

.admin-preview__play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21.5px 0 21.5px 32px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -16px;
  display: block;
}

@media (max-width: 1169px) {
  .admin-preview__inner {
    color: #fff;
  }
  .admin-preview__edit, .admin-preview__remove {
    background-color: rgba(0, 0, 0, 0.7);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 5px;
  }
  .admin-preview__edit {
    position: absolute;
    right: 52px;
  }
  .admin-preview__edit-text {
    display: none;
  }
  .admin-preview--video .admin-preview__inner {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding-top: 65px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .admin-preview {
    height: 187px;
    width: 100%;
  }
  .admin-preview img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    left: 0;
  }
}

@media (min-width: 1170px) {
  .admin-preview__inner {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    padding-top: 65px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .admin-preview__edit svg {
    display: none;
  }
  .admin-preview--photo:not(:hover):not(.hover) .admin-preview__inner {
    pointer-events: none;
    opacity: 0;
  }
  .admin-preview__play {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
  }
  .admin-preview__play:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.box_upload {
  background-color: #f5f6f8;
  padding-bottom: 26px;
  margin: auto;
}

.box_upload .mfp-close {
  background-color: transparent;
}

.box_upload .svg-i_upload {
  color: #acacb0;
  margin-bottom: 30px;
}

.box_upload .box-title {
  margin-bottom: 33px;
}

.box_upload .btn {
  width: 210px;
}

.box_upload__by-url {
  margin-top: 64px;
}

.box_upload__text {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 13.5px;
  line-height: 1.4814814814814814;
  color: #9e9e9e;
}

.box_upload__text a {
  color: currentColor;
}

@media (min-width: 768px) {
  .box_upload {
    width: 738px;
  }
}

.box_upload--url .input-with-button {
  padding-top: 13px;
}

.box_edit {
  padding-top: 44px;
  padding-bottom: 49px;
}

.box_edit__image {
  height: 150px;
  width: 150px;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 0 18px;
}

.box_edit__image img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box_edit .admin-input-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.box_edit .admin-input-group .admin-label {
  margin-bottom: 9px;
  max-width: 300px;
  min-width: 300px;
}

.box_edit .admin-input-group .admin-input,
.box_edit .admin-input-group .input-char-counter {
  max-width: 512px;
}

.box_edit .admin-input-group textarea.admin-input {
  max-height: 125px;
}

.box_edit__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 512px;
}

.box_edit__actions .btn_link {
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

@media (max-width: 767px) {
  .box_edit__actions {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .box_edit__actions .btn + .btn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 380px) {
  .box_edit {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.box_confirm {
  background-color: #f5f6f8;
  margin: auto;
  padding-bottom: 39px;
}

.box_confirm .mfp-close {
  display: none;
}

.box_confirm .box__body {
  text-align: center;
}

.box_confirm__text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5625;
  color: #000000;
  margin: 29px 0 49px;
}

.box_confirm__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.box_confirm__actions .btn {
  min-width: 160px;
  max-width: none;
}

@media (max-width: 767px) {
  .box_confirm {
    width: -webkit-calc(100% - 38px);
    width: calc(100% - 38px);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 27px;
  }
  .box_confirm .box-title {
    font-size: 18px;
  }
  .box_confirm__text {
    margin-bottom: 40px;
    margin-top: 21px;
  }
  .box_confirm__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .box_confirm__actions .btn + .btn {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .box_confirm {
    width: 538px;
  }
  .box_confirm__actions {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .box_confirm__actions .btn + .btn {
    margin-left: 39px;
  }
}

.admin-office-cards {
  margin: 24px 0 48px;
}

.admin-office-cards__item + .admin-office-cards__item {
  margin-top: 4px;
}

@media (max-width: 767px) {
  .admin-office-cards {
    margin-left: -17px;
    margin-right: -17px;
  }
  .admin-office-cards-actions {
    text-align: center;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-office-cards-actions {
    padding-left: 30px;
  }
}

.admin-office-card {
  background-color: #fff;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  padding: 34px 83px 15px;
  min-height: 88px;
  cursor: pointer;
}

.admin-office-card:hover .admin-office-card__id,
.admin-office-card:hover .admin-office-card__name,
.admin-office-card:hover .admin-office-card__name a {
  color: #00BFD6;
}

.admin-office-card__inner {
  position: relative;
}

.admin-office-card__id {
  color: #000000;
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 27px;
}

.admin-office-card__id, .admin-office-card__name {
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.admin-office-card__name {
  color: #282b32;
}

.admin-office-card__name ~ .admin-office-card__status {
  margin-top: 5px;
}

.admin-office-card__status {
  font-size: 12px;
  color: #00bbd3;
}

.admin-office-card__remove:not(:hover) {
  color: #bdbdc3;
}

.admin-office-card__remove:hover {
  color: #e82c0d;
}

.admin-office-card__remove svg {
  fill: currentColor;
  width: 13px;
  height: 16px;
}

@media (max-width: 767px) {
  .admin-office-card {
    padding: 18px 21px 16px;
  }
  .admin-office-card__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .admin-office-card__id {
    display: none;
  }
  .admin-office-card__name {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .admin-office-card__name ~ .admin-office-card__status {
    margin-top: 9px;
  }
  .admin-office-card__status {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .admin-office-card__remove {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media (min-width: 768px) {
  .admin-office-card__remove {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-office-card {
    padding-left: 67px;
  }
  .admin-office-card__remove {
    margin-left: 40px;
  }
}

.admin-product-cards {
  margin: 24px 0 48px;
}

.admin-product-cards__item + .admin-product-cards__item {
  margin-top: 4px;
}

@media (max-width: 767px) {
  .admin-product-cards {
    margin-left: -17px;
    margin-right: -17px;
  }
  .admin-product-cards-actions {
    text-align: center;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-product-cards-actions {
    padding-left: 30px;
  }
}

.admin-product-card {
  background-color: #fff;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  padding: 34px 83px 15px;
  min-height: 88px;
}

.admin-product-card:hover .admin-product-card__checkbox,
.admin-product-card:hover .admin-product-card__name,
.admin-product-card:hover .admin-product-card__name a {
  color: #00BFD6;
}

.admin-product-card__inner {
  position: relative;
}

.admin-product-card-top {
  margin-bottom: 20px;
}

.admin-product-card-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.admin-product-card-row.is-hide {
  display: none;
}

.admin-product-card-row__inner {
  font-size: 12px;
}

.admin-product-card-col {
  margin-bottom: 15px;
}

.admin-product-card__info {
  display: block;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.4);
}

.admin-product-card__price {
  font-size: 16px;
  font-weight: 500;
}

.admin-product-card__checkbox {
  color: #000000;
  position: absolute;
  top: 2px;
  right: 100%;
  margin-right: 27px;
}

.admin-product-card__checkbox, .admin-product-card__name {
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.admin-product-card__name {
  margin-bottom: 10px;
  padding-right: 20px;
  color: #282b32;
  line-height: 1.5;
}

.admin-product-card__status {
  font-size: 12px;
  color: #00bbd3;
}

.admin-product-card__remove:not(:hover) {
  color: #bdbdc3;
}

.admin-product-card__remove:hover {
  color: #e82c0d;
}

.admin-product-card__remove svg {
  fill: currentColor;
  width: 13px;
  height: 16px;
}

.admin-product-card__arrow {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -2px;
  padding: 0 7px;
  background: none;
  border: none;
}

.admin-product-card__arrow .svg-i {
  width: 6px;
  height: 8px;
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  -webkit-transition: .15s ease-in;
  -o-transition: .15s ease-in;
  transition: .15s ease-in;
}

.admin-product-card__arrow.is-open svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  fill: #00bbd3;
}

@media (max-width: 767px) {
  .admin-product-card {
    padding: 18px 21px 16px 47px;
  }
  .admin-product-card__checkbox {
    position: absolute;
    left: -26px;
  }
  .admin-product-card__name {
    width: 100%;
    max-width: none;
  }
  .admin-product-card__status {
    width: 100%;
  }
  .admin-product-card__price {
    top: auto;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .admin-product-card {
    padding-right: 20px;
  }
  .admin-product-card__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .admin-product-card-row {
    display: block !important;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .admin-product-card-row__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-product-card-row__inner .is-left,
  .admin-product-card-row__inner .is-right {
    width: 310px;
  }
  .admin-product-card-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-product-card-top {
    width: 70%;
  }
  .admin-product-card-footer {
    position: absolute;
    top: 5px;
    right: 0;
  }
  .admin-product-card__name {
    padding-right: 0;
  }
  .admin-product-card__remove {
    margin-left: 30px;
  }
  .admin-product-card__info {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    min-width: 70px;
    margin-right: 25px;
    margin-bottom: 0;
  }
  .admin-product-card__info.is-lg {
    min-width: 100px;
  }
  .admin-product-card__arrow {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-product-card {
    padding-left: 67px;
  }
}

.admin-product-top-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-product-top-panel__types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .admin-product-top-panel__types--theme-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .admin-product-top-panel__types--theme-2 .p-win-search__filter--mob {
    margin: 20px 0 0;
  }
}

.admin-product-top-panel__filter {
  padding: 25px 0 45px 0;
}

.admin-product-top-panel__filter .filter-row {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .admin-product-top-panel {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .admin-product-top-panel__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-product-top-panel__quantity {
    margin: 0 16px;
  }
  .admin-product-top-panel__filter {
    margin-left: -2%;
    padding: 30px 0 0 0;
    font-size: 0;
  }
  .admin-product-top-panel__filter .filter-row {
    display: inline-block;
    width: 23%;
    margin-left: 2%;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-product-top-panel {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  .admin-product-top-panel__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .admin-product-top-panel, .admin-product-top-panel__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .admin-product-top-panel__quantity {
    margin: 40px 0 20px;
  }
}

@media (min-width: 1170px) {
  .admin-product-top-panel .radio-btn-group {
    min-width: 270px;
  }
  .ie .admin-product-top-panel .radio-btn-group .radio-btn {
    padding-top: 0px;
  }
  .admin-product-top-panel .radio-btn-group .radio-btn-wrap {
    min-width: 50%;
  }
  .admin-product-top-panel .radio-btn-group--set-3 .radio-btn-wrap {
    min-width: 33.333%;
  }
}

@media (max-width: 767px) {
  .admin-product-top-panel .radio-btn-group--set-3 .radio-btn-wrap .radio-btn {
    padding: 2px 14px 0;
  }
}

.admin-number-correction__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-number-correction__control {
  color: #7b7b83;
  display: inline-block;
  vertical-align: middle;
  border-width: 0;
  background-color: transparent;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.admin-number-correction__control.focus, .admin-number-correction__control.hover {
  color: #00BFD6;
}

.admin-number-correction__input {
  width: 73px;
  height: 50px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #acacb0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #000000;
  margin: 0 10px;
}

.admin-start-tales {
  background-color: #fff;
  padding: 31px 27px 29px;
  margin: 28px 0 29px;
}

.admin-start-tales__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: -10px;
}

.admin-start-tales__item {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
  padding: 10px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-start-tales__list {
    margin: -5px;
  }
  .admin-start-tales__item {
    padding: 5px;
  }
}

@media (max-width: 767px) {
  .admin-start-tales {
    margin-left: -17px;
    margin-right: -17px;
    margin-bottom: 48px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .admin-start-tales__list {
    margin: -4px -4px -3px -3px;
  }
  .admin-start-tales__item {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
    padding: 4px 4px 3px 3px;
  }
}

.admin-start-tale {
  height: 168px;
  border: solid 1px #acacb0;
  position: relative;
  vertical-align: middle;
  border-radius: 8px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

@media (min-width: 1170px) {
  .admin-start-tale:hover {
    border-color: #00BFD6;
  }
  .admin-start-tale--inactive:hover {
    border-color: #acacb0;
  }
}

.admin-start-tale__counter {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #00BFD6;
  right: 16px;
  top: 16px;
  border-radius: 50%;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}

.admin-start-tale__counter--empty {
  background-color: #acacb0;
}

.admin-start-tale__inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.admin-start-tale__icon {
  color: #00BFD6;
}

.admin-start-tale__name {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #282b32;
  margin-top: 30px;
}

.admin-start-tale--inactive .admin-start-tale__icon,
.admin-start-tale--inactive .admin-start-tale__name {
  color: #acacb0;
}

@media (max-width: 767px) {
  .admin-start-tale {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
  }
  .admin-start-tale__counter {
    top: 10px;
    right: 10px;
  }
  .admin-start-tale__name {
    text-align: center;
    height: 34px;
  }
}

.admin-form .admin-schedule {
  margin-top: -20px;
}

.admin-schedule {
  width: 100%;
}

.admin-schedule__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.admin-schedule__row:first-child {
  margin-bottom: 20px;
}

.admin-schedule__row + .admin-schedule__row {
  margin-top: 9px;
}

.admin-schedule__cell {
  font-family: "Open Sans", sans-serif;
  font-size: 13.5px;
  line-height: 1.6296296296296295;
  letter-spacing: 0.2025px;
}

.admin-schedule__cell--day {
  width: 105px;
}

.admin-schedule__cell--day .custom {
  display: inline-block;
}

.admin-schedule__cell--time {
  width: 139px;
}

.admin-schedule__cell--break {
  margin-left: 97px;
  width: 105px;
  padding-right: 25px;
}

@media (max-width: 767px) {
  .admin-schedule {
    padding-top: 31px;
  }
  .admin-schedule__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: -4px 0 -5px;
  }
  .admin-schedule__row:first-child {
    margin-bottom: -5px;
  }
  .admin-schedule__row + .admin-schedule__row {
    margin-top: 25px;
  }
  .admin-schedule__cell {
    padding: 4px 0 5px;
  }
  .admin-schedule__cell--day, .admin-schedule__cell--break {
    -webkit-flex-basis: 138px;
        -ms-flex-preferred-size: 138px;
            flex-basis: 138px;
    max-width: 138px;
    margin: 0;
  }
}

.admin-time {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.admin-time__input {
  width: 50px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #acacb0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.8333333333333333;
  letter-spacing: 0.18px;
  color: #282b32;
  padding: 0 5px 0 9px;
}

.admin-time__input::-webkit-input-placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__input::-moz-placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__input:-moz-placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__input:-ms-input-placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__input::-ms-input-placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__input::placeholder {
  opacity: 1;
  color: #959595;
}

.admin-time__separator {
  width: 21px;
  height: 1px;
  background-color: #acacb0;
  margin: 0 9px;
  position: relative;
  top: 15px;
}

@media (max-width: 767px) {
  .project-calculations-top-actions {
    text-align: center;
  }
  .project-calculations-top-actions .radio-btn-group {
    width: 100%;
    margin-bottom: 30px;
  }
  .project-calculations-top-actions .radio-btn-group .radio-btn-wrap {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .project-calculations-top-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 29px 0;
  }
  .project-calculations-top-actions .radio-btn-group {
    width: 320px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .project-calculations-top-actions {
    padding-left: 34px;
  }
}

.project-calculations {
  padding-bottom: 30px;
}

.project-calculations__item + .project-calculations__item {
  margin-top: 4px;
}

@media (max-width: 767px) {
  .project-calculations {
    margin: 30px -17px;
  }
}

@media (min-width: 768px) {
  .project-calculations__item + .project-calculations__item {
    margin-top: 2px;
  }
}

.project-calculation-preview {
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  background-color: #fff;
}

.project-calculation-preview__name {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.project-calculation-preview__name::before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 100%;
  margin-right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #000 transparent transparent transparent;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.project-calculation-preview.open .project-calculation-preview__name::before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.project-calculation-preview__date {
  font-size: 12px;
  color: #acacb0;
  margin-top: 2px;
}

.project-calculation-preview__value {
  font-size: 16px;
  font-weight: bold;
  line-height: 12px;
}

.project-calculation-preview__label {
  font-size: 10px;
}

.project-calculation-preview__label sup {
  font-size: 10px;
  color: #00BFD6;
}

.project-calculation-preview__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.project-calculation-preview__action {
  color: #acacb0;
}

.project-calculation-preview__action .svg-i {
  fill: currentColor;
}

.project-calculation-preview__action + .project-calculation-preview__action {
  margin-left: 15px;
}

.project-calculation-preview__action.hover {
  color: #00BFD6;
}

.project-calculation-preview__action--remove.hover {
  color: #e82c0d;
}

.project-calculation-preview p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #7b7b83;
}

@media (max-width: 767px) {
  .project-calculation-preview {
    padding: 21px 17px 17px;
  }
  .project-calculation-preview__row {
    display: block;
    padding-left: 29px;
  }
  .project-calculation-preview__row--details {
    margin-top: 35px;
  }
  .project-calculation-preview__row--details > .flex + .flex {
    margin-top: 8px;
  }
  .project-calculation-preview__row--details .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .project-calculation-preview__row--details .project-calculation-preview__col--left {
    width: 58.36576%;
  }
  .project-calculation-preview__col--widgets {
    margin: 28px 0;
  }
  .project-calculation-preview__widget .project-calculation-preview__value {
    width: 30px;
  }
  .project-calculation-preview__widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .project-calculation-preview__widget + .project-calculation-preview__widget {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {
  .project-calculation-preview {
    padding: 23px 31px 23px 60px;
  }
  .project-calculation-preview__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project-calculation-preview__row--details {
    display: block;
    margin-top: 43px;
  }
  .project-calculation-preview__row--details .flex {
    width: 100%;
  }
  .project-calculation-preview__row--details .flex + .flex {
    margin-top: 11px;
  }
  .project-calculation-preview__col--left {
    width: 48.52255%;
  }
  .project-calculation-preview__col--center {
    width: 34.99222%;
  }
  .project-calculation-preview__col--right {
    width: 16.48523%;
  }
  .project-calculation-preview__col--widgets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project-calculation-preview__widget {
    text-align: center;
    max-width: 60px;
    position: relative;
  }
  .project-calculation-preview__widget + .project-calculation-preview__widget {
    margin-left: 26px;
  }
  .project-calculation-preview__widget.muted {
    opacity: .7;
  }
  .project-calculation-preview__widget .project-calculation-preview__label {
    position: static;
    margin-top: 8px;
  }
  .project-calculation-preview__widget .project-calculation-preview__label sup {
    position: absolute;
    left: 100%;
    margin-left: -15px;
    top: -6px;
    white-space: nowrap;
    display: block;
  }
}

.project-calculation-preview:not(.open) .project-calculation-preview__row--details {
  display: none;
}

.project-structure {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  padding-top: 28px;
  padding-bottom: 22px;
}

.project-structure__title {
  font-size: 15px;
  font-weight: 500;
  color: #282b32;
}

.project-structure__edit a {
  color: inherit;
  text-decoration: none;
}

.project-structure__edit, .project-structure__value {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #7b7b83;
}

.project-structure__more {
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.275px;
  color: #7b7b83;
}

.project-structure__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.project-structure__row + .project-structure__row {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .project-structure {
    margin: 0 -17px;
    padding-left: 17px;
    padding-right: 17px;
  }
  .project-structure__edit {
    margin: 4px 0 22px;
  }
  .project-structure__left {
    width: 61.18881%;
  }
}

@media (min-width: 768px) {
  .project-structure {
    padding: 28px 32px;
  }
  .project-structure__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
  }
  .project-structure__title {
    font-size: 16px;
  }
  .project-structure__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project-structure__more {
    margin-left: 44px;
  }
}

.window-offers {
  margin-top: 31px;
  margin-bottom: 50px;
}

.window-offers__item + .window-offers__item {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .window-offers__list {
    margin-left: -12px;
    margin-right: -12px;
  }
  .window-offers__item .favorite-project-meta {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .window-offers__item .favorite-project-meta {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .window-offers__item .favorite-project-meta {
    margin-bottom: 27px;
  }
}

.window-offer {
  position: relative;
}

.window-offer__left, .window-offer__right {
  background-color: #fff;
}

.window-offer__rating {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  line-height: 1.391304347826087;
  color: #9e9e9e;
}

.window-offer__title {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #282b32;
}

.window-offer__key-values {
  margin: 7px 0 14px;
}

.window-offer__key-value {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  line-height: 1.2;
  color: #636363;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.window-offer__key-value + .window-offer__key-value {
  margin-top: 11px;
}

.window-offer__more {
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.275px;
  color: #00BFD6;
}

.window-offer__more a {
  color: currentColor;
}

.window-offer .check-star {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (max-width: 767px) {
  .window-offer {
    -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
            box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  }
  .window-offer__left, .window-offer__right {
    padding-left: 16px;
    padding-right: 16px;
  }
  .window-offer__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 28px;
    padding-bottom: 17px;
  }
  .window-offer--favorite .window-offer__left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 36px;
    padding-bottom: 10px;
  }
  .window-offer__right {
    margin-top: 2px;
    padding-top: 24px;
    padding-bottom: 28px;
  }
  .window-offer__logo {
    width: 55.7554%;
  }
  .window-offer__logo img {
    max-width: 108px;
  }
  .window-offer__rating {
    margin-bottom: 14px;
  }
  .window-offer__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 28px;
  }
  .window-offer__actions .btn {
    min-width: 210px;
  }
  .window-offer__actions .btn + .btn {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .window-offer {
    -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
            box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  }
  .window-offer__inner {
    min-height: 200px;
  }
  .window-offer .check-star {
    top: 30px;
    right: 32px;
  }
  .window-offer__left .window-offer__compare {
    opacity: 0;
  }
  .window-offer__compare {
    position: absolute;
    right: 32px;
    top: 65px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .window-offer__compare .custom__txt {
    margin-left: 0;
  }
  .window-offer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .window-offer__left {
    width: 28.49003%;
    padding: 51px 31px 0;
    position: relative;
  }
  .window-offer__logo {
    text-align: center;
  }
  .window-offer__logo img {
    max-width: 152px;
  }
  .window-offer__rating-wrap {
    position: absolute;
    left: 31px;
    bottom: 44px;
  }
  .window-offer__right {
    width: 71.22507%;
    margin-left: 0.2849%;
    padding: 27px 20px 24px;
  }
  .window-offer__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
  }
  .window-offer__key-values {
    margin-top: 13px;
    max-width: 80.2%;
  }
  .window-offer__key {
    width: 238px;
  }
  .window-offer__value {
    text-align: left;
    white-space: nowrap;
    width: 130px;
  }
  .window-offer__actions {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .window-offer__actions .btn {
    width: 208px;
  }
  .window-offer__actions .btn + .btn {
    margin-left: 30px;
  }
}

@media (min-width: 1170px) {
  .window-offer__right {
    padding-left: 40px;
  }
  .window-offer__actions {
    margin-top: 54px;
  }
  .window-offer__key-value {
    max-width: 84%;
  }
}

.project-calculation-meta-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 29px;
}

.project-calculation-meta-actions__print {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.project-calculation-meta-actions__print-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #7b7b83;
}

.project-calculation-meta-actions__print-link .svg-i_print {
  margin-right: 9px;
}

@media (max-width: 767px) {
  .project-calculation-meta-actions {
    display: block;
    position: relative;
    padding-top: 42px;
  }
  .project-calculation-meta-actions__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .project-calculation-meta-actions__buttons .btn + .btn {
    margin-top: 20px;
  }
  .project-calculation-meta-actions__print {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .project-calculation-meta-actions {
    display: block;
    position: relative;
  }
  .project-calculation-meta-actions__print {
    top: -44px;
    right: 0;
    position: absolute;
  }
  .project-calculation-meta-actions__buttons {
    margin: 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .project-calculation-meta-actions__buttons .btn {
    margin: 0 5px;
    width: -webkit-calc(33.3333% - 10px);
    width: calc(33.3333% - 10px);
  }
}

@media (min-width: 1170px) {
  .project-calculation-meta-actions__buttons {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .project-calculation-meta-actions__buttons .btn + .btn {
    margin-left: 20px;
  }
}

.favorite-project-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -9px;
}

.favorite-project-meta > li {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #acacb0;
  list-style: none;
  padding-left: 10px;
  padding-right: 9px;
}

.favorite-project-meta > li::before {
  display: none;
}

.favorite-project-meta a {
  color: #00BFD6;
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .favorite-project-meta {
    margin-left: 9px;
    margin-right: 9px;
  }
  .favorite-project-meta > li {
    padding-left: 9px;
    padding-right: 9px;
  }
}

.saved-projects__list {
  margin-top: 30px;
  margin-bottom: 22px;
}

.saved-projects__item + .saved-projects__item {
  margin-top: 4px;
}

@media (max-width: 767px) {
  .saved-projects__list {
    margin-left: -17px;
    margin-right: -17px;
  }
}

@media (min-width: 768px) {
  .saved-projects-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .saved-projects-top h1, .saved-projects-top .h1 {
    margin-top: 0;
  }
  .saved-projects-top .btn_create {
    min-width: 208px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .saved-projects-top {
    padding-right: 51px;
  }
  .saved-projects-top h1, .saved-projects-top .h1 {
    max-width: 52%;
    margin-bottom: 13px;
  }
  .saved-projects__list {
    margin-left: 17px;
    margin-right: 17px;
  }
}

@media (min-width: 1170px) {
  .saved-projects-top h1, .saved-projects-top .h1 {
    margin-bottom: 0;
  }
  .saved-projects__list {
    margin-top: 59px;
    margin-bottom: 52px;
  }
}

.saved-project {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  padding: 19px 19px 27px 48px;
}

.saved-project__inner {
  position: relative;
}

.saved-project__inner::before {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7px;
  border-color: transparent transparent transparent #000000;
  margin-right: 21px;
  right: 100%;
  top: 6px;
}

.saved-project__bottom {
  max-height: 2000px;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease, padding-bottom 0.0063 s ease;
  -o-transition: max-height 0.3s ease, opacity 0.3s ease, padding-bottom 0.0063 s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding-bottom 0.0063 s ease;
  overflow-y: hidden;
}

.saved-project__name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #202020;
  cursor: pointer;
}

.saved-project__date {
  font-size: 12px;
  color: #acacb0;
  margin-top: 3px;
}

.saved-project__send {
  margin-top: 25px;
}

.saved-project__remove {
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  color: #acacb0;
}

.saved-project__remove .svg-i_trash {
  fill: currentColor;
  width: 13px;
  height: 16px;
}

.saved-project__key-values {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #7b7b83;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.saved-project__key-values + .saved-project__key-values {
  margin-top: 10px;
}

.saved-project__key {
  width: 66%;
}

.saved-project__key small {
  font-family: "PT Serif", serif;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.275px;
  color: currentColor;
}

.saved-project__value {
  width: 34%;
  text-align: right;
}

.saved-project:not(.open) .saved-project__bottom {
  max-height: 0;
  opacity: 0;
}

.saved-project.open .saved-project__bottom {
  padding-top: 42px;
}

.saved-project.open .saved-project__inner::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (max-width: 767px) {
  .saved-project__remove {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media (min-width: 768px) {
  .saved-project {
    padding-left: 59px;
    padding-right: 31px;
    padding-bottom: 19px;
  }
  .saved-project__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .saved-project__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .saved-project__send {
    margin-top: 0;
    margin-right: 33px;
  }
  .saved-project__meta {
    width: 55.22621%;
  }
  .saved-project__name {
    max-width: 72%;
  }
  .saved-project__more {
    margin-left: 44px;
  }
  .saved-project__key-values {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .saved-project__key {
    width: 64.0625%;
  }
  .saved-project__value {
    width: auto;
  }
  .saved-project.open .saved-project__bottom {
    padding-top: 37px;
  }
}

@media (min-width: 1170px) {
  .saved-project {
    padding-right: 40px;
    padding-top: 24px;
    padding-left: 81px;
    padding-bottom: 21px;
  }
  .saved-project__remove:hover {
    color: #e82c0d;
  }
  .saved-project__inner::before {
    margin-right: 33px;
    top: 3px;
  }
  .saved-project__bottom {
    padding-bottom: 3px;
  }
  .saved-project__send {
    margin-right: 48px;
  }
  .saved-project__actions {
    margin-top: -7px;
  }
  .saved-project__name {
    display: inline-block;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
  }
  .saved-project__name:hover {
    color: #00BFD6;
  }
}

.compare {
  overflow: hidden;
  padding-bottom: 30px;
}

.compare__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.compare__left {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  width: 25%;
  padding-right: 2px;
}

.compare__right {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  width: 75%;
}

.compare .scrollbar {
  margin-left: 25%;
  width: 75%;
}

.compare__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.compare__row::after {
  clear: both;
  content: "";
  display: table;
}

.compare__row .compare__column {
  float: left;
}

.compare__head {
  background-color: #fff;
  margin-bottom: 2px;
  height: 138px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

.compare__head img {
  max-width: 100%;
}

.compare__head--actions {
  padding: 28px 29px 10px;
}

.compare__head--actions .custom__txt {
  margin-left: 3px;
}

.compare__head--actions .custom.block + .custom.block {
  margin-top: 9px;
}

.compare__head--actions .custom.block + .print-link {
  display: inline-block;
  margin-top: 17px;
  margin-left: 3px;
}

.compare__cell {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #282b32;
  padding: 18px 20px 19px;
}

.compare__cell .custom__txt {
  font: inherit;
  letter-spacing: inherit;
}

.compare__cell:last-child {
  padding-bottom: 43px;
}

.compare__head + .compare__cell {
  padding-top: 40px;
}

.compare__right .compare__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.compare__right .compare__column {
  margin-left: 2px;
  min-width: 284px;
  -webkit-flex-basis: 284px;
      -ms-flex-preferred-size: 284px;
          flex-basis: 284px;
}

.compare__left .compare__cell {
  padding-left: 29px;
  padding-right: 29px;
}

.compare__right .compare__cell {
  text-align: center;
}

.compare__remove {
  color: #7b7b83;
  position: absolute;
  top: 9px;
  right: 10px;
}

.compare__remove .svg-i_plus {
  color: currentColor;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.compare .scrollbar {
  height: 4px;
  background-color: #fff;
  line-height: 0;
  margin-top: 20px;
}

.compare .scrollbar .handle {
  width: 100px;
  height: 100%;
  background-color: #000;
  border-radius: 2px;
  cursor: pointer;
}

.compare .scrollbar .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

@media (max-width: 767px) {
  .compare-list {
    margin-left: -17px;
    margin-right: -17px;
  }
  .compare__left {
    -webkit-flex-basis: 169px;
        -ms-flex-preferred-size: 169px;
            flex-basis: 169px;
    width: 169px;
  }
  .compare__right {
    -webkit-flex-basis: -webkit-calc(100% - 169px);
        -ms-flex-preferred-size: calc(100% - 169px);
            flex-basis: calc(100% - 169px);
    width: -webkit-calc(100% - 169px);
    width: calc(100% - 169px);
  }
  .compare .scrollbar {
    margin-left: 169px;
    width: -webkit-calc(100% - 169px - 20px);
    width: calc(100% - 169px - 20px);
  }
  .compare__right .compare__column {
    margin-left: 2px;
    min-width: 131px;
    -webkit-flex-basis: 131px;
        -ms-flex-preferred-size: 131px;
            flex-basis: 131px;
  }
  .compare__cell {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .compare__cell:last-child {
    padding-bottom: 25px;
  }
  .compare__head--actions {
    padding-left: 20px;
    padding-right: 10px;
  }
  .compare__head + .compare__cell {
    padding-top: 26px;
  }
  .compare__left .compare__cell {
    padding-left: 20px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .compare__left {
    -webkit-flex-basis: 199px;
        -ms-flex-preferred-size: 199px;
            flex-basis: 199px;
    width: 199px;
  }
  .compare__right {
    -webkit-flex-basis: -webkit-calc(100% - 199px);
        -ms-flex-preferred-size: calc(100% - 199px);
            flex-basis: calc(100% - 199px);
    width: -webkit-calc(100% - 199px);
    width: calc(100% - 199px);
  }
  .compare .scrollbar {
    margin-left: 199px;
    width: -webkit-calc(100% - 199px);
    width: calc(100% - 199px);
  }
  .compare__right .compare__column {
    margin-left: 2px;
    min-width: 177px;
    -webkit-flex-basis: 177px;
        -ms-flex-preferred-size: 177px;
            flex-basis: 177px;
  }
}

.collapser {
  margin-bottom: 31px;
}

.collapser__head {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #282b32;
  padding: 34px 70px;
  background-color: #fff;
  margin-bottom: 2px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  cursor: pointer;
  position: relative;
}

.collapser__head:hover {
  color: #00BFD6;
}

.collapser__head::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  content: '';
  display: block;
  position: absolute;
  top: 38px;
  left: 29px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.collapser:not(.open) .collapser__head::before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dialog {
  background-color: #fff;
  border-radius: 2px;
  padding: 30px 12px 31px 15px;
  margin-bottom: 50px;
}

.dialog__messages {
  position: relative;
}

.dialog__messages-list {
  padding-right: 38px;
}

.dialog__messages .scrollbar {
  height: 100%;
  width: 4px;
  background-color: #fff;
  line-height: 0;
  margin-top: 20px;
  position: absolute;
  right: 0;
  top: 0;
}

.dialog__messages .scrollbar .handle {
  height: 100px;
  width: 100%;
  background-color: #000;
  border-radius: 2px;
  cursor: pointer;
}

.dialog__messages .scrollbar .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  height: 100%;
  width: 20px;
}

.dialog__compose {
  display: block;
  margin-top: 38px;
}

.dialog__compose textarea {
  height: 82px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #acacb0;
  resize: vertical;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #202020;
  padding: 9px 10px;
  width: 100%;
}

.dialog__compose textarea::-webkit-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__compose textarea::-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__compose textarea:-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__compose textarea:-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__compose textarea::-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__compose textarea::placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.dialog__submit-wrapper {
  margin-top: 26px;
}

.dialog__submit-wrapper .btn {
  min-width: 208px;
}

.dialog-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.dialog-message + .dialog-message {
  margin-top: 29px;
}

.dialog-message__time {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #acacb0;
  line-height: 1.2;
  margin-bottom: 4px;
}

.dialog-message__name {
  font-family: "Open Sans", sans-serif;
  font-size: 11.5px;
  color: #202020;
  line-height: 1.2;
}

.dialog-message__text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.18px;
  color: #202020;
}

.dialog-message--in .dialog-message__meta {
  padding-right: 10px;
}

.dialog-message--out .dialog-message__meta {
  padding-left: 10px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: right;
}

.dialog-message--out .dialog-message__text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (max-width: 767px) {
  .dialog {
    margin-left: -11px;
    margin-right: -11px;
  }
  .dialog__messages {
    height: 216px;
  }
  .dialog-message__meta {
    max-width: 75px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 75px;
       -moz-box-flex: 1;
        -ms-flex: 1 0 75px;
            flex: 1 0 75px;
  }
  .dialog__submit-wrapper {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .dialog {
    margin-bottom: 30px;
    padding: 25px 14px 25px 30px;
  }
  .dialog__messages {
    height: 524px;
  }
  .dialog__messages-list {
    padding-right: 16px;
  }
  .dialog__compose textarea {
    padding: 19px 22px;
  }
  .dialog-message + .dialog-message {
    margin-top: 39px;
  }
  .dialog-message__meta {
    max-width: 126px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 126px;
       -moz-box-flex: 1;
        -ms-flex: 1 0 126px;
            flex: 1 0 126px;
    padding-top: 1px;
  }
  .dialog-message__name {
    font-size: 12px;
  }
  .dialog-message__text {
    font-size: 14px;
    line-height: 1.629;
    letter-spacing: 0.2025px;
  }
  .dialog__submit-wrapper {
    text-align: right;
  }
}

@media (min-width: 1170px) {
  .dialog {
    margin-bottom: 50px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
  .dialog__messages {
    height: 507px;
  }
  .dialog__messages-list {
    padding-right: 47px;
  }
  .dialog-message + .dialog-message {
    margin-top: 18px;
  }
  .dialog__compose {
    max-width: 750px;
    margin-top: 28px;
  }
}

.admin-questions {
  margin-bottom: 30px;
}

.admin-questions__item + .admin-questions__item {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .admin-questions {
    margin-bottom: 51px;
  }
  .admin-questions__list {
    margin-left: -17px;
    margin-right: -17px;
  }
}

.admin-question {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  padding: 20px 21px 28px 48px;
}

.admin-question__name {
  font-weight: 500;
}

.admin-question__props li {
  color: #acacb0;
  list-style: none;
}

.admin-question__props li::before {
  display: none;
}

.admin-question__replies {
  text-align: center;
}

.admin-question__replies-counter {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

.admin-question__replies-text {
  font-size: 10px;
}

@media (max-width: 767px) {
  .admin-question__name {
    font-size: 15px;
    line-height: 1.33;
    padding-right: 28px;
  }
  .admin-question__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 23px;
  }
  .admin-question__props {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .admin-question__props li {
    display: block;
  }
  .admin-question__props li + li {
    margin-top: 9px;
  }
  .admin-question__replies {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .admin-question__name {
    max-width: 368px;
  }
}

@media (min-width: 768px) {
  .admin-question {
    padding: 16px 30px 14px 58px;
  }
  .admin-question__inner {
    min-height: 50px;
    position: relative;
  }
  .admin-question__name {
    font-size: 16px;
    line-height: 1.25;
  }
  .admin-question__props {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px -25px 0;
  }
  .admin-question__props li {
    padding: 0 25px;
  }
  .admin-question__replies {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media (min-width: 1170px) {
  .admin-question__name {
    margin-bottom: 14px;
  }
  .admin-question__replies {
    bottom: 4px;
  }
}

.pa-promos {
  margin-bottom: 50px;
  margin-top: -10px;
}

.pa-promos__item + .pa-promos__item {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .pa-promos__list {
    margin-left: -17px;
    margin-right: -17px;
  }
}

.pa-promo {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  -webkit-box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
          box-shadow: 0 2px 10px 0 rgba(123, 123, 131, 0.11);
  padding-bottom: 28px;
  padding-top: 30px;
}

.pa-promo__inner {
  position: relative;
}

.pa-promo__img img {
  width: 100%;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .pa-promo__img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.pa-promo__title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
}

.pa-promo__text {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.18px;
  color: #898989;
}

.pa-promo__dates {
  font-size: 11.5px;
  line-height: 1.565217391304348;
  color: #636363;
}

.pa-promo__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.pa-promo__action {
  font-size: 11.5px;
  line-height: 1.565;
}

.pa-promo__action--pending {
  color: #00BFD6;
}

.pa-promo__action--remove {
  color: #636363;
}

.pa-promo__action--remove .svg-i_trash {
  fill: #bdbdc3;
  margin-right: 7px;
}

.pa-promo__action--remove a:hover {
  color: #e82c0d;
}

.pa-promo__action--remove a:hover .svg-i_trash {
  fill: #e82c0d;
}

@media (max-width: 767px) {
  .pa-promo {
    padding-left: 17px;
    padding-right: 17px;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .pa-promo__img img {
      height: 202px;
    }
  }
  .pa-promo__title {
    margin: 13px 0 12px;
  }
  .pa-promo__dates {
    margin: 20px 0 23px;
  }
}

@media (min-width: 768px) {
  .pa-promo {
    padding: 27px 29px;
  }
  .pa-promo__row--top .pa-promo__right {
    padding-bottom: 11px;
  }
  .pa-promo__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pa-promo__row--bottom {
    margin-top: -11px;
  }
  .pa-promo__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 255px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 255px;
            flex: 0 0 255px;
  }
  .pa-promo__right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 31px;
  }
  .pa-promo__right--offset-left {
    margin-left: 255px;
  }
  .pa-promo__title {
    font-size: 20px;
    line-height: 1.2;
  }
  .pa-promo__text {
    font-size: 14px;
    line-height: 1.6296296296296295;
    letter-spacing: 0.2025px;
    margin-top: 13px;
    color: #202020;
  }
  .pa-promo__dates {
    font-size: 11.5px;
    line-height: 1.565217391304348;
    margin: 11px 0 34px;
    color: #202020;
  }
}

@media (min-width: 1170px) {
  .pa-promo__title a {
    border-bottom: 1px solid transparent;
    -webkit-transition: border-bottom-color .3s ease, color .3s ease;
    -o-transition: border-bottom-color .3s ease, color .3s ease;
    transition: border-bottom-color .3s ease, color .3s ease;
  }
  .pa-promo__title a:hover {
    border-bottom-color: rgba(0, 191, 214, 0.5);
  }
  .pa-promo__action--remove a:hover .svg-i_trash {
    fill: currentColor;
  }
}

@media (max-width: 767px) {
  .admin-footer-actions .font-wow-1 {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .admin-footer-actions {
    text-align: center;
  }
  .admin-footer-actions .font-wow-1 {
    text-align: left;
  }
}

.admin-error {
  font-family: "PT Serif", serif;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.3846153846153846;
  letter-spacing: 0.325px;
  color: #ed1c24;
}

.review-feedback {
  margin-bottom: 56px;
}

.review-feedback__filter {
  margin-bottom: 30px;
  max-width: 330px;
}

.review-feedback__list {
  list-style: none;
}

.review-feedback__item {
  margin-bottom: 50px;
  background: #fff;
}

.review-feedback__item:last-child {
  margin-bottom: 0;
}

.review-feedback__review {
  padding: 30px 70px 30px 35px;
}

.review-feedback__answer {
  border-top: 2px solid #F5F6F8;
  padding: 30px 70px 30px 35px;
}

.review-feedback__answer-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.review-feedback__answer-edit {
  color: #7b7b83;
  margin-right: -35px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-feedback__answer-edit {
    margin-right: -70px;
  }
}

@media (max-width: 767px) {
  .review-feedback__answer-edit {
    margin-right: 0;
  }
}

.review-feedback__answer-edit-text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 5px;
}

.review-feedback__answer-text {
  font: 14px/22px GothamPro, sans-serif;
  color: #7b7b83;
}

.review-feedback__answer-text > p + p,
.review-feedback__answer-text > ol + p,
.review-feedback__answer-text > ul + p,
.review-feedback__answer-text > ol + ul,
.review-feedback__answer-text > ul + ol {
  margin-top: 1.7em;
}

.review-feedback__answer-text > ul {
  color: inherit;
  list-style: none;
}

.review-feedback__answer-text > ul > li {
  position: relative;
}

.review-feedback__answer-text > ul > li:before {
  content: '-';
  font-size: 18px;
  line-height: 22px;
}

.review-feedback__answer-text > ol {
  color: inherit;
  list-style: decimal;
  padding-left: 0;
}

.review-feedback__answer-text > ol > li {
  color: inherit !important;
  padding-left: 0;
  list-style-position: inside;
}

.review-feedback__answer-text > ol > li:before {
  display: none;
}

.review-feedback__compose {
  display: block;
  margin-top: 38px;
}

.review-feedback__compose textarea {
  height: 82px;
  border-radius: 2px;
  background-color: #fff;
  border: solid 1px #acacb0;
  resize: vertical;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #202020;
  padding: 9px 10px;
  width: 100%;
}

.review-feedback__compose textarea::-webkit-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__compose textarea::-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__compose textarea:-moz-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__compose textarea:-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__compose textarea::-ms-input-placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__compose textarea::placeholder {
  opacity: 1;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #959595;
}

.review-feedback__submit-wrapper {
  margin-top: 26px;
}

.review-feedback__submit-wrapper .btn {
  min-width: 208px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-feedback__review {
    padding: 30px 100px 30px 30px;
  }
  .review-feedback__answer {
    padding: 30px 100px 30px 30px;
  }
}

@media (max-width: 767px) {
  .review-feedback {
    margin-bottom: 50px;
  }
  .review-feedback__list {
    margin: 0 -17px;
  }
  .review-feedback__item {
    margin-bottom: 40px;
  }
  .review-feedback__item:last-child {
    margin-bottom: 0;
  }
  .review-feedback__review {
    padding: 20px 17px 30px 17px;
  }
  .review-feedback__answer {
    padding: 30px 17px;
  }
  .review-feedback__answer .config-subtitle {
    font-weight: bold;
    font-size: 22px;
  }
}

.review-feedback .review__top {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .review-feedback .review__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.review-feedback .review__dt + .review__nm {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .review-feedback .review__dt + .review__nm {
    margin-left: 0;
  }
}

.review-feedback .review__nm {
  margin-left: 0;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .review-feedback .review__nm {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-feedback .review__nm {
    max-width: 290px;
  }
}

@media (min-width: 1170px) {
  .review-feedback .review__nm {
    max-width: 405px;
  }
}

.review-feedback .review__rating {
  right: -35px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .review-feedback .review__rating {
    right: -70px;
  }
}

@media (max-width: 767px) {
  .review-feedback .review__rating {
    right: 0;
  }
}

.services-list {
  margin-top: 40px;
  margin-bottom: 200px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .services-list {
    margin-bottom: 56px;
  }
}

@media (max-width: 767px) {
  .services-list {
    margin-bottom: 40px;
  }
}

.services-list__item {
  background-color: #fff;
  padding: 30px 32px 30px 24px;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .services-list__item {
    padding: 24px 18px;
  }
}

.services-list__item .admin-label {
  min-width: 288px;
  width: 288px;
  margin-right: 30px;
  padding-top: 0;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .services-list__item .admin-label {
    margin-right: 56px;
  }
}

@media (max-width: 767px) {
  .services-list__item .admin-label {
    margin-bottom: 8px;
  }
}

.services-list__item .admin-label__text {
  line-height: 25px;
}

.services-list__item .admin-text {
  font-size: 14px;
  line-height: 22px;
  width: 104px;
  margin-right: 30px;
  color: #959595;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .services-list__item .admin-text {
    margin-right: 17px;
  }
}

@media (max-width: 767px) {
  .services-list__item .admin-text {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.services-list__item .admin-input-group {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.services-list__item .admin-input {
  min-width: 261px;
}

@media (min-width: 768px) and (max-width: 1169px) {
  .services-list__item .admin-input {
    min-width: 176px;
  }
}

.services-list__body {
  display: none;
  margin-top: 24px;
}

.services-list__body .admin-input + .custom.block {
  margin-bottom: 0;
  margin-top: 10px;
}

.services-list__body.is-active {
  display: block;
}

.services-list__button {
  padding-left: 32px;
  margin-top: 56px;
}

@media (max-width: 767px) {
  .services-list__button {
    padding-left: 18px;
    margin-top: 40px;
  }
}

.services-list__button .btn {
  height: 28px;
  padding: 0 24px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: .5px;
}

/*# sourceMappingURL=//127.0.0.1:3040/css/admin.css.map */

/* End */


/* Start:/local/components/oknatrade/iblock.items/templates/domains/style.css?1718005381161*/
.select2-results__message {
    display: none;
}

.select2-container--okna-trade-4 .select2-dropdown .select2-search .select2-search__field {
    padding: 2px;
}
/* End */


/* Start:/local/templates/main/template_styles.css?171740018815357*/
.preload {
    opacity: 0.5;
}

.article img {
    width: 100%;
}

@media (min-width: 768px) {
    .article-content-wrap {
        min-height: 340px;
    }
}

.b-share-subscribe__msg {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    margin: 5px;
}

.b-share-subscribe__msg + .b-share-subscribe__msg {
    margin-top: 0;
}

.b-share-subscribe__msg_error {
    color: #f00;
}

.b-share-subscribe__msg_success {
    color: #00C04B;
}

.error {
    border-color: #ff0000;
}

.comments-latest__list + .comments-latest__list {
    margin-top: -8px;
}
.custom.disabled{
    color: gray;
}

.brands__el .card-brand {
    display: block;
}

.card-brand__i .svg-i_placeholder-2 {
    max-height: 50%;
}

.mfp-title:empty, .mfp-counter:empty {
    display: none;
}

.radio-btn.active {
    background-color: #00BFD6;
    color: #fff;
}

.search-bar__title span {
    color: #00BFD6;
}

.article-content .p,
.article-content p {
    color: #1b1b1b;
}

span.radio-btn {
    cursor: default;
}

.custom_accept a {
    border-bottom: 1px dashed #00BFD6;
    color: #9E9E9E;
}

.feedback__reviewer-text {
    max-height: 100%;
}

.feedback__reviewer-text_normal::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: none;
    transition: none;
}

.h1-404 {
    text-align: center;
    font-size: 170px;
    color: #b9dde8;
}
.h3-404 {
    font-size: 28px;
    text-align: center;
    color: #88888f;
    font-weight: normal;
}

.article-content.article-content_criteria {
    font: 12.5px/18px "Open Sans",Tahoma,Arial;
}

a.btn {
    text-decoration: none;
}
.btn_criteria {
    min-width: 187px;
}

@media (min-width: 1170px) {
    .b {
        padding-bottom: 50px;
    }
}

@media (min-width: 768px){
    .articles-filter__l script+.btn {
    margin-left: 23px;
    }
}
.card-article-rich__links span {
    color: #00BFD6;
    /*text-decoration: underline;*/
    cursor: pointer;
}

.card-product__rating{
    width: 51%;
    font: 12px/12px GothamPro,Tahoma,Arial;
    letter-spacing: .25px;
    color: #9E9E9E;
    padding: 5px 0px;
}
.card-product__address {
    margin-top: 25px;
}

.seller__rating {
    color: #9e9e9e;
    font: 14px/24px GothamPro, Tahoma, Arial;
    letter-spacing: .25px;
}
.hd-nv li{
    position: relative;
}
.sub-menu li{
    list-style: none;
    margin-left: 0!important;
}
@media (max-width: 767px) {
    .sub-menu a {
        padding-left: 40px!important;
        display: block;
    }
}
@media (min-width: 768px) {
    .hd-nv li:hover .sub-menu {
        display: block;
    }
    .sub-menu  {
        position: absolute;
        background: white;
        top: 15px;
        padding: 10px;
        box-shadow: 0 5px 4px rgba(54,59,68,0.05);
        display: none;
    }
    .sub-menu a {
        display: block!important;
        margin: 5px 0;
        /* border: none!important; */
    }
}
.pseudo-link{
        border-bottom: 1px solid rgba(227,227,229,0.5);
        cursor: pointer;
}
@media (max-width: 767px) {
    .pseudo-link{
        border: none;
        cursor: pointer;
        padding: 0 23px 16px;
        display: block;
    }
}

.ft-nv small{
    position: absolute;
}
@media (max-width: 1170px) {
    .ft-nv small{
        position: relative!important;
    }
}
.bcb__rating{
    color: #676767;
    padding-top: 2px;
}
.feedbacks .rw{
    color: #676767;
}
.card-product__logo {
    display: block;
    height: auto;
}

.glossary_block {
    position: relative;
}

@media (max-width: 767px) {
    .glossary_block {
        padding-left: 10px;
        padding-right: 10px;
    }
    .glossary_block .glossary_block_search{
        width: 100%;
    }
}

@media (min-width: 768px) {
    .glossary_block {
        margin-right:auto;
        margin-left: auto
    }
}

@media (min-width: 768px) and (max-width: 1169px) {
    .glossary_block {
        max-width:738px
    }
}

@media (min-width: 1170px) {
    .glossary_block {
        max-width:945px
    }
}
.glossary_block .glossary_block_letter a{
    border-bottom: 1px solid rgba(0,191,214,0.2);
    color: #00a8bd;
    text-decoration: none;
    transition: border-color .4s;
    margin: 0 15px 20px 0;
    display: inline-block;
}
.glossary_block .glossary_block_letter a.active{
    font-weight: 600;
    border:none;
}
.glossary_block .letter_title{
    color: #00a8bd;
    transition: border-color .4s;
    margin: 10px 0;
    display: inline-block;
    font-weight: 600;
}
.glossary_block .item{
    margin: 10px 0;
}
.glossary_block .item span{
    color: #00a8bd;
}
.glossary_block .glossary_block_search{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -60px;
}

.glossary_form {
    margin: 20px 0;
}
.glossary_form input{
    border: 0;
    background: transparent;
    display: inline-block;
    font-size: 14px;
    height: 42px;
    max-width: 100%;
    padding: 0 65px 0 23px;
    line-height: normal;
    border: 1px solid #f9f9f9;
    border-radius: 44px;
    display: inline-block;
    height: 44px;
    max-width: 100%;
    position: relative;
    margin: 0 20px;
}
.glossary_form button{
    background: transparent;
    border: 0;
    color: #00BFD6;
    font: 700 12px/120% Geometria,Tahoma,Arial;
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    padding-top: 2px;
}
.totop{
    position: fixed;
    bottom: 80px;
    left: 35px;
    display: none;
    cursor: pointer;
    z-index: 300;
}
.totop svg{
    fill: #25c7db;
    height: 50px;
    width: 50px;
}
.totop svg .to-top__svg-path_arrow {
    /* -webkit-transform: translateY(50px); */
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}
.card-article__i {
    margin-bottom: 10px;
}

.hd__geo-box a {
    color: #00BFD6;
    border-bottom: 1px dashed #00BFD6;
}

/*.box_geo {*/
    /*max-width: 920px;*/
/*}*/

/*.cities-list {*/
    /*max-width: 100%;*/
    /*height: 100%;*/
    /*column-count: 3;*/
    /*-webkit-column-count: 3;*/
    /*column-gap: 10px;*/
    /*-webkit-column-gap: 10px;*/
/*}*/

/*@media(max-width: 767px) {*/
    /*.cities-list {*/
        /*max-width: 100%;*/
        /*height: 100%;*/
        /*column-count: 2;*/
        /*-webkit-column-count: 2;*/
        /*column-gap: 10px;*/
        /*-webkit-column-gap: 10px;*/
    /*}*/
/*}*/

/*.cities-list__item {*/
    /*display: block;*/
/*}*/

/*.cities-list__link {*/
    /*display: inline-block;*/
    /*color: #00BFD6;*/
    /*font: 14px/14px Geometria;*/
    /*border-bottom: 1px solid #00BFD6;*/
    /*margin: 5px;*/
/*}*/

/*.cities-list__link.cities-list__link_selected {*/
    /*color: #fff;*/
    /*background-color: #00BFD6;*/
    /*border-bottom: none;*/
    /*border-radius: 2px;*/
    /*margin: 0;*/
    /*padding: 5px;*/
/*}*/

.no-pointer {
    cursor: default !important;
}

.pointer {
    cursor: pointer !important;
}

.menu-item-marked {
    font-weight: 600;
    font-size: 14px;
}


.slick-dots li:only-child {
    display: none;
}

.custom__txt_normal {
    font-weight: normal;
}

.comments-latest__view-all span:not(:hover) {
    color: inherit;
}

.comments-latest__view-all span:hover {
    color: #00BFD6;
}

.comments-latest__view-all span {
    text-decoration: underline;
}

.comments-latest__view-all span:hover+.svg-i {
    fill: #00BFD6;
}

.comments-latest__view-all span+.svg-i,.comments-latest__view-all .svg-i+span {
    margin-left: 14px;
}

.box-article {
    background-color: #f5f6f8;
}

.box-article .box-config__title {
    text-align: center;
}

.card-article-rich__nm span {
    cursor: pointer;
}

.card-article-rich__nm span:hover {
    text-decoration: underline;
    color: #00BFD6;
}

.box.box-article .box-title, .box.box-article p {
    text-align: left;
}

.card-article-rich__i {
    cursor: pointer;
}

@media (max-width: 1240px) {
    .box-article .mfp-close {
        position: fixed;
        right: 8px;
    }
}

@media (max-width: 767px) {
    .box-article .mfp-close {
        right: 0;
    }
}

span.radio-btn {
    cursor: pointer;
}

.ie .tabs-2__tab {
    font: 500 11px/120% Geometria, sans-serif;
}

.config-help-block {
    padding: 20px 35px 20px 81px;
    line-height: 36px;
    color: #202020;
}

.config-index__help-block {
    flex-basis: auto;
}

@media (max-width: 454px) {
    .config-help-block {
        line-height: 1.67;
    }
}

@media (max-width: 840px) {
    .hd-login svg {
        position: static;
    }
    .hd-login .hd-login__link {
        display: none;
    }
}

@media (min-width: 1170px) {
    .b-share__share-text {
        padding-right: 0;
        min-width: initial;
    }
}

.table td,
.table th {
    color: #1b1b1b;
    font-size: 12.5px;
    line-height: 18px;
    font-family: "Open Sans",sans-serif;
    letter-spacing: .15px;
}

@media (min-width: 1170px) {
    .table td,
    .table th {
        font-size: 13.5px;
        line-height: 22px;
    }
}


@media (max-width: 1169px) and (min-width: 768px) {
    .ft-write-us .btn {
        width: initial;
        max-width: initial;
    }
}

.configuration-details {
    margin: 30px 0;
}

.filter-block.active .filter-block__inner {
    max-height: 2000px;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.radio-btn-wrap.selected .radio-btn{cursor:default}

.box_edit .admin-input {
    min-width: initial;
}

@media (min-width: 768px) {
    .box_upload {
        width: 572px;
    }
}

.js-ajax_container{position: relative}.cursor-load{cursor:progress !important}.cursor-wait{cursor:wait}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.b-preload{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:2;background:rgba(243,243,243,0.501961)}.b-preload .loader-item{display:inline-block;border:8px solid #ffffff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-top:16px solid #3498db;border-radius:50%;width:60px;height:60px;border-top:8px solid #00bfd6;border-bottom:8px solid #00bfd6;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px}.grid-control.load{display:inline-block;position:relative;width:14px;height:14px;top:4px;left:8px;background-size:100%;-webkit-animation:grid-con-load 2s linear infinite;animation:grid-con-load 2s linear infinite}@-webkit-keyframes grid-con-load{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes grid-con-load{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}[id*=wait_]{position:fixed !important;background-color:#00bfd6 !important;border:1px solid #4c6fa6 !important;box-shadow:0 3px 8px -2px rgba(0,0,0,0.12);color:#f3f3f3 !important;top:12px !important;right:12px !important;left:auto !important;background-position-x:12px !important;border-radius:.25rem;padding:8px 20px 8px 35px !important}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.loader{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px;position:relative;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}button.disabled{cursor:default}.form.form_sign{width:400px}

.hd-nv-link {
    cursor: pointer
}
.hd-nv-link:hover {
    color: #00BFD6;
}

.config-benefit {
    margin-bottom: 19px;
}

.seller-services__list {
    margin-bottom: 47px;
}

.article-content blockquote {
    margin-top: 19px;
}

.svg-i_ot-logo {
    height: 70px !important;
}
@media (max-width: 1169px) and (min-width: 768px) {
    .svg-i_ot-logo {
        height: 50px !important;
    }
}

@media (max-width: 767px) {
    .svg-i_ot-logo {
        height: 39px !important;
    }
}

.js--seo-hidden-link {
    cursor: pointer;
}

.custom_accept .js--seo-hidden-link,
.review__checkbox .js--seo-hidden-link {
    border-bottom: 1px dashed #00BFD6;
}

.input-char-counter textarea,
.input-char-counter textarea.input-text {
    font-family: sans-serif;
    font-size: 16px;
    color: #202020;
}

.index-reviews .review-item__text {
    font-size: 16px;
}

@media (max-width: 767px) {
    .card-product__logo {
        margin-top: -20px;
    }
}

.index-reviews .review-item__author {
    font-size: 20px;
}

.index-reviews .review-item__text {
    font-size: 14px;
}

.b-share {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

.b-share .ya-share2__icon {
    width: 39px !important;
}

.b-share .ya-share2__badge {
    border-radius: 20px;
}

.b-share .ya-share2__item_service_twitter .ya-share2__icon {
    background-position: -99px 0;
}

.b-share .ya-share2__item_service_viber .ya-share2__icon {
    background-position: -148px 0;
}

.b-share .ya-share2__item_service_whatsapp .ya-share2__icon {
    background-position: -247px 0;
}

.city-modal {
    height: auto !important;
}

@media (max-width: 1169px){
    .intro__calc-button.mt-md.hidden_custom_window_desk{
        display: none;
    }
}

@media (min-width: 1170px){
    .intro__calc-button.mt-md.hidden_custom_window_mob{
        display: none;
    }
}

.intro__calc-list .index-link:hover {
    text-decoration: none;
}

/* переделать? */
[data-href] {
    cursor: pointer;
}

.city-tooltip {
    min-width: 175px;
}


svg.svg-i_win-type-5 {
	stroke-width: 0;
}

pre {
	background: white;
}
.mb-0-lg {
	margin-bottom:0;
}
@media(max-width:768px)
{
	.mb-0-lg {
		margin-bottom: 40px;
	}
}

.box__body .box-description {
    margin-bottom: 1rem;
}

.article-cut, .block-with-banner__text, .send-request-window__text, .accordion-row__content, .seo, .accordion-row__toggle {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.white {
    background-color: white;
}
.confidurator .intro__advantages {
    padding-top:0!important;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/main/font/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
}
.green-border-1 {
    border: 1px solid #00C04B
}
.input-box.orspan {
    margin-top: 10px;
    margin-bottom: -16px;
}
/* End */
/* /local/templates/main/css/app.css?17645670051298498 */
/* /local/templates/main/css/admin.css?1689312448119132 */
/* /local/components/oknatrade/iblock.items/templates/domains/style.css?1718005381161 */
/* /local/templates/main/template_styles.css?171740018815357 */