@charset "UTF-8";
@font-face {
  font-family: "PlateiaBold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/PlateiaBold/PlateiaBold-regular.ttf") format("truetype"), url("../fonts/PlateiaBold/PlateiaBold-regular.woff") format("woff"), url("../fonts/PlateiaBold/PlateiaBold-regular.svg#PlateiaBold") format("svg");
}

@font-face {
  font-family: "d_Kallisto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/d_Kallisto/d_Kallisto.ttf") format("truetype"), url("../fonts/d_Kallisto/d_Kallisto.woff") format("woff"), url("../fonts/d_Kallisto/d_Kallisto.svg#d_Kallisto") format("svg");
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.cat-desc ul {
    padding-left: 25px;
    margin-bottom: 10px;
}
.cat-desc ul, .cat-desc li {
    list-style: disc;
}

.cat-desc {
    text-align: justify;
}
.cat-desc p {
    margin-bottom: 10px;
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated, .catalogFilter__block__content__btn svg, .catalogDetail__plus .item__img, .catalogDetail__inf .item__description, .catalogDetail__inf .item__name, .catalogDetail__inf .item__img img, .catalogDetail__inf .item__img, .catalogDetail__inf .col-12:nth-child(3n) .item__name, .catalogDetail__inf .col-12:nth-child(4n) .item__name, .catalogDetail__inf .col-12:nth-child(2n) .item__img, .catalogDetail__inf .col-12:nth-child(2n) .item__name, .catalogDetail__inf .col-12:nth-child(2n) .item__description, .index__menu__block__btn, .index__menu__block__logo, .index__menu__block\:2, .index__menu__block\:4, .index__menu__block\:1, .index__menu__block\:3, .app-tabs-list-item, .aside__menu__list li a, .aside__menu__list li, .header-top, .popup-container, .form-file-img.is-delete:before, .form-input-error, .form-group {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite, .catalogFilter__block__content__btn svg.infinite, .catalogDetail__plus .infinite.item__img, .catalogDetail__inf .infinite.item__description, .catalogDetail__inf .infinite.item__name, .catalogDetail__inf .item__img img.animated, .catalogDetail__inf .item__img .catalogDetail__plus img.item__img, .catalogDetail__plus .catalogDetail__inf .item__img img.item__img, .catalogDetail__inf .item__img img.item__description, .catalogDetail__inf .item__img img.item__name, .catalogDetail__inf .item__img img.infinite, .catalogDetail__inf .item__img img, .catalogDetail__inf .infinite.item__img, .catalogDetail__inf .item__img img.item__img, .catalogDetail__inf .col-12:nth-child(3n) .infinite.item__name, .catalogDetail__inf .col-12:nth-child(3n) .item__img img.item__name, .catalogDetail__inf .item__img .col-12:nth-child(3n) img.item__name, .catalogDetail__inf .col-12:nth-child(4n) .infinite.item__name, .catalogDetail__inf .col-12:nth-child(4n) .item__img img.item__name, .catalogDetail__inf .item__img .col-12:nth-child(4n) img.item__name, .catalogDetail__inf .col-12:nth-child(2n) .infinite.item__img, .catalogDetail__inf .col-12:nth-child(2n) .item__img img.item__img, .catalogDetail__inf .item__img .col-12:nth-child(2n) img.item__img, .catalogDetail__inf .col-12:nth-child(2n) .infinite.item__name, .catalogDetail__inf .col-12:nth-child(2n) .item__img img.item__name, .catalogDetail__inf .item__img .col-12:nth-child(2n) img.item__name, .catalogDetail__inf .col-12:nth-child(2n) .infinite.item__description, .catalogDetail__inf .col-12:nth-child(2n) .item__img img.item__description, .catalogDetail__inf .item__img .col-12:nth-child(2n) img.item__description, .infinite.index__menu__block__btn, .catalogDetail__inf .item__img img.index__menu__block__btn, .infinite.index__menu__block__logo, .catalogDetail__inf .item__img img.index__menu__block__logo, .infinite.index__menu__block\:2, .catalogDetail__inf .item__img img.index__menu__block\:2, .infinite.index__menu__block\:4, .catalogDetail__inf .item__img img.index__menu__block\:4, .infinite.index__menu__block\:1, .catalogDetail__inf .item__img img.index__menu__block\:1, .infinite.index__menu__block\:3, .catalogDetail__inf .item__img img.index__menu__block\:3, .infinite.app-tabs-list-item, .catalogDetail__inf .item__img img.app-tabs-list-item, .aside__menu__list li a.infinite, .aside__menu__list li.infinite, .infinite.header-top, .catalogDetail__inf .item__img img.header-top, .infinite.popup-container, .catalogDetail__inf .item__img img.popup-container, .form-file-img.is-delete:before, .infinite.form-input-error, .catalogDetail__inf .item__img img.form-input-error, .infinite.form-group, .catalogDetail__inf .item__img img.form-group, .catalogDetail__description .desc__item img {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
50%,
to {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
50%,
to {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse, .catalogDetail__inf .item__img img, .form-file-img.is-delete:hover:before, .app-tabs-menu .is-delete.\:active:before, .form-file-img.is-delete:focus:before, .catalogDetail__description .desc__item img {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


@-webkit-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
to {
    transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    transform: translate3d(10px, 0, 0);
  }
}

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

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
60%,
80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
50%,
70%,
90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
60%,
80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
11.1%,
to {
    transform: translate3d(0, 0, 0);
  }
  22.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
11.1%,
to {
    transform: translate3d(0, 0, 0);
  }
  22.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
20%,
40%,
60%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
20%,
40%,
60%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

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

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

.fadeIn, .index__menu__block__btn, .app-tabs-list-item.\:active, .aside__menu__list li a, .header-top, .form-input-error, .form-group {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

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

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

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

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

.fadeInLeft, .catalogDetail__inf .item__description, .catalogDetail__inf .item__name, .catalogDetail__inf .item__img, .index__menu__block\:1 .index__menu__block__logo, .index__menu__block\:3 .index__menu__block__logo, .index__menu__block\:1, .index__menu__block\:3 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

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

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight, .catalogDetail__plus .item__img, .catalogDetail__inf .col-12:nth-child(2n) .item__img, .catalogDetail__inf .col-12:nth-child(2n) .item__name, .catalogDetail__inf .col-12:nth-child(2n) .item__description, .index__menu__block\:2 .index__menu__block__logo, .index__menu__block\:4 .index__menu__block__logo, .index__menu__block\:2, .index__menu__block\:4 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

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

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

.fadeOut, .form.success .form-wrap {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

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

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

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

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

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

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

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

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip, .catalogFilter__block__content__btn svg.flip, .catalogDetail__plus .flip.item__img, .catalogDetail__inf .flip.item__description, .catalogDetail__inf .flip.item__name, .catalogDetail__inf .item__img img.flip, .catalogDetail__inf .flip.item__img, .catalogDetail__inf .col-12:nth-child(3n) .flip.item__name, .catalogDetail__inf .col-12:nth-child(4n) .flip.item__name, .catalogDetail__inf .col-12:nth-child(2n) .flip.item__img, .catalogDetail__inf .col-12:nth-child(2n) .flip.item__name, .catalogDetail__inf .col-12:nth-child(2n) .flip.item__description, .flip.index__menu__block__btn, .flip.index__menu__block__logo, .flip.index__menu__block\:2, .flip.index__menu__block\:4, .flip.index__menu__block\:1, .flip.index__menu__block\:3, .flip.app-tabs-list-item, .aside__menu__list li a.flip, .aside__menu__list li.flip, .flip.header-top, .flip.popup-container, .flip.form-file-img.is-delete:before, .flip.form-input-error, .flip.form-group {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

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

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

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

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

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

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

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

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

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

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated, .owl-carousel .catalogFilter__block__content__btn svg, .catalogFilter__block__content__btn .owl-carousel svg, .owl-carousel .catalogDetail__plus .item__img, .catalogDetail__plus .owl-carousel .item__img, .owl-carousel .catalogDetail__inf .item__description, .catalogDetail__inf .owl-carousel .item__description, .owl-carousel .catalogDetail__inf .item__name, .catalogDetail__inf .owl-carousel .item__name, .owl-carousel .catalogDetail__inf .item__img img, .catalogDetail__inf .item__img .owl-carousel img, .owl-carousel .catalogDetail__inf .item__img, .catalogDetail__inf .owl-carousel .item__img, .owl-carousel .catalogDetail__inf .col-12:nth-child(3n) .item__name, .catalogDetail__inf .col-12:nth-child(3n) .owl-carousel .item__name, .owl-carousel .catalogDetail__inf .col-12:nth-child(4n) .item__name, .catalogDetail__inf .col-12:nth-child(4n) .owl-carousel .item__name, .owl-carousel .catalogDetail__inf .col-12:nth-child(2n) .item__img, .catalogDetail__inf .col-12:nth-child(2n) .owl-carousel .item__img, .owl-carousel .catalogDetail__inf .col-12:nth-child(2n) .item__name, .catalogDetail__inf .col-12:nth-child(2n) .owl-carousel .item__name, .owl-carousel .catalogDetail__inf .col-12:nth-child(2n) .item__description, .catalogDetail__inf .col-12:nth-child(2n) .owl-carousel .item__description, .owl-carousel .index__menu__block__btn, .owl-carousel .index__menu__block__logo, .owl-carousel .index__menu__block\:2, .owl-carousel .index__menu__block\:4, .owl-carousel .index__menu__block\:1, .owl-carousel .index__menu__block\:3, .owl-carousel .app-tabs-list-item, .owl-carousel .aside__menu__list li a, .aside__menu__list li .owl-carousel a, .owl-carousel .aside__menu__list li, .aside__menu__list .owl-carousel li, .owl-carousel .header-top, .owl-carousel .popup-container, .owl-carousel .form-file-img.is-delete:before, .owl-carousel .form-input-error, .owl-carousel .form-group, .catalogDetail__description .desc__item img {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

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

.owl-carousel .fadeOut, .owl-carousel .form.success .form-wrap, .form.success .owl-carousel .form-wrap {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

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

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

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

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

.owl-carousel .owl-video-play-icon:hover, .owl-carousel .app-tabs-menu .owl-video-play-icon.\:active, .app-tabs-menu .owl-carousel .owl-video-play-icon.\:active {
  transform: scale(1.3, 1.3);
}

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

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

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

.owl-carousel .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-carousel .owl-nav [class*='owl-']:hover, .owl-carousel .owl-nav .app-tabs-menu [class*='owl-'].\:active, .app-tabs-menu .owl-carousel .owl-nav [class*='owl-'].\:active {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

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

.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .app-tabs-menu .owl-dot.\:active span, .app-tabs-menu .owl-carousel .owl-dots .owl-dot.\:active span {
  background: #869791;
}

.owl-carousel .owl-nav {
  width: 100%;
  margin-top: -26px;
  position: absolute;
  top: 45%;
  color: #cdcbcd;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 575px) {
  .owl-carousel .owl-nav {
    margin-top: 0;
    top: auto;
    bottom: 55px;
  }
}

.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -100px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 575px) {
  .owl-carousel .owl-nav .owl-prev {
    left: 0;
  }
}

.owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: -100px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 575px) {
  .owl-carousel .owl-nav .owl-next {
    right: 0;
  }
}

.owl-carousel .owl-nav i {
  font-size: 52px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 575px) {
  .owl-carousel .owl-nav i {
    font-size: 25px;
  }
}

/**
 * Swiper 5.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 20, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

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

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

body {
  font-family: "d_Kallisto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  background: #75c0e6;
  color: #008bd1;
}

button, input, optgroup, select, textarea {
  font-family: "d_Kallisto", sans-serif;
  box-shadow: none;
}

button:active, button:hover, .app-tabs-menu button.\:active, button:focus, input:active, input:hover, .app-tabs-menu input.\:active, input:focus, optgroup:active, optgroup:hover, .app-tabs-menu optgroup.\:active, optgroup:focus, select:active, select:hover, .app-tabs-menu select.\:active, select:focus, textarea:active, textarea:hover, .app-tabs-menu textarea.\:active, textarea:focus {
  outline: 0;
  outline-offset: 0;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

input::-webkit-input-placeholder {
  white-space: pre;
  word-wrap: normal;
  overflow-x: hidden;
  overflow-y: hidden;
}

input::-moz-placeholder {
  white-space: pre;
  word-wrap: normal;
  overflow-x: hidden;
  overflow-y: hidden;
}

input:-ms-input-placeholder {
  white-space: pre;
  word-wrap: normal;
  overflow-x: hidden;
  overflow-y: hidden;
}

input::-ms-input-placeholder {
  white-space: pre;
  word-wrap: normal;
  overflow-x: hidden;
  overflow-y: hidden;
}

input::placeholder {
  white-space: pre;
  word-wrap: normal;
  overflow-x: hidden;
  overflow-y: hidden;
}

a {
  color: #008bd1;
  text-decoration: none;
}

a:hover, .app-tabs-menu a.\:active,
a:focus {
  color: #008bd1;
  text-decoration: none;
}

a:hover svg, .app-tabs-menu a.\:active svg,
a:focus svg {
  fill: #008bd1;
}

img {
  max-width: 100%;
  color: transparent;
  vertical-align: middle;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
}

h1 {
  font-size: 1.8em;
  line-height: 1.25;
  margin-bottom: 10px;
  font-weight: 300;
  margin-top: 0;
}

h2 {
  font-size: 1.8em;
  margin-bottom: 5px;
}

h3 {
  font-size: 1.5em;
  margin-bottom: 2px;
  line-height: 1.4em;
}

h4 {
  font-size: 1.514em;
  margin-bottom: 2px;
}

h5 {
  font-size: 1.37em;
  margin-bottom: 2px;
}

h6 {
  font-size: 1em;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: uppercase;
}

small {
  font-size: 60%;
}

p {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.6px;
}

b {
  font-weight: bold;
}

hr {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}

.container-main-content {
  background: #fafafc;
  min-height: 97.77vh !important;
  box-shadow: 0 0 9px #d5dbe4;
}

.app-main .owl-carousel .owl-nav i:hover, .app-main .owl-carousel .owl-nav .app-tabs-menu i.\:active, .app-tabs-menu .app-main .owl-carousel .owl-nav i.\:active {
  background: #008bd1;
}

.app-main {
  background: #FFFFFF;
  padding-top: 80px;
}

@media only screen and (min-width: 1140px) {
  .app-main {
    position: relative;
    min-width: 768px;
    min-height: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .app-main .container {
    padding-top: 100px;
    max-width: 1140px !important;
    min-height: 500px;
    /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  }
}

@media only screen and (min-width: 1140px) and (max-width: 1199px) {
  .app-main .container {
    padding-left: 60px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 1140px) {
  .app-main\:full {
    min-width: 1140px !important;
    min-width: 892px !important;
    width: 100%;
    height: 100%;
    min-height: 600px;
    position: absolute;
  }
}

.container-fluid::after, .header::after {
  content: "";
  display: table;
  clear: both;
  height: 0;
  visibility: hidden;
}

.row, .ads__filter, .socialLink, .container-main {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .socialLink .item, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-24, .socialLink .item, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-24, .col-xs-23, .col-xs-22, .col-xs-21, .col-xs-20, .col-xs-19, .col-xs-18, .col-xs-17, .col-xs-16, .col-xs-15, .col-xs-14, .col-xs-13, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .container-main-content, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .socialLink .item, .col-7, .col-6, .container-main-aside, .col-5, .col-4, .ads__filter .item, .col-3, .col-2, .col-1, .col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.container-fluid, .header {
  position: relative;
  width: 100%;
}

.container-fluid-bg {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (min-width: 420px) {
  .container {
    max-width: 100% !important;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px !important;
  }
}

.container-full, .popup-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.container-center {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.container-center-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.row, .ads__filter, .socialLink, .container-main {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row-no-gutters > .col, .row-no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row\:content\:top {
  align-items: flex-start;
}

.row\:content\:bottom {
  align-items: flex-end;
}

.row\:content\:center {
  align-items: center;
}

.row\:content\:baseline {
  align-items: baseline;
}

.row\:content\:stretch {
  align-items: stretch;
}

.row-table, .ads__filter {
  display: table;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.row-table > .col, .ads__filter > .col {
  width: auto;
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-1, .ads__filter > .col-1 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-2, .ads__filter > .col-2 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-3, .ads__filter > .col-3 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-4, .ads__filter .row-table > .item, .ads__filter > .col-4, .ads__filter > .item {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-5, .ads__filter > .col-5 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-6, .ads__filter > .col-6, .row-table > .container-main-aside, .ads__filter > .container-main-aside {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-7, .ads__filter > .col-7 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-8, .ads__filter > .col-8, .socialLink .row-table > .item, .socialLink .ads__filter > .item {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-9, .ads__filter > .col-9 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-10, .ads__filter > .col-10 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-11, .ads__filter > .col-11 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-12, .ads__filter > .col-12 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-13, .ads__filter > .col-13 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-14, .ads__filter > .col-14 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-15, .ads__filter > .col-15 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-16, .ads__filter > .col-16 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-17, .ads__filter > .col-17 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-18, .ads__filter > .col-18, .row-table > .container-main-content, .ads__filter > .container-main-content {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-19, .ads__filter > .col-19 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-20, .ads__filter > .col-20 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-21, .ads__filter > .col-21 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-22, .ads__filter > .col-22 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-23, .ads__filter > .col-23 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table > .col-24, .ads__filter > .col-24 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
}

.row-table-top .col-1 {
  vertical-align: top;
}

.row-table-top .col-2 {
  vertical-align: top;
}

.row-table-top .col-3 {
  vertical-align: top;
}

.row-table-top .col-4, .row-table-top .ads__filter .item, .ads__filter .row-table-top .item {
  vertical-align: top;
}

.row-table-top .col-5 {
  vertical-align: top;
}

.row-table-top .col-6, .row-table-top .container-main-aside {
  vertical-align: top;
}

.row-table-top .col-7 {
  vertical-align: top;
}

.row-table-top .col-8, .row-table-top .socialLink .item, .socialLink .row-table-top .item {
  vertical-align: top;
}

.row-table-top .col-9 {
  vertical-align: top;
}

.row-table-top .col-10 {
  vertical-align: top;
}

.row-table-top .col-11 {
  vertical-align: top;
}

.row-table-top .col-12 {
  vertical-align: top;
}

.row-table-top .col-13 {
  vertical-align: top;
}

.row-table-top .col-14 {
  vertical-align: top;
}

.row-table-top .col-15 {
  vertical-align: top;
}

.row-table-top .col-16 {
  vertical-align: top;
}

.row-table-top .col-17 {
  vertical-align: top;
}

.row-table-top .col-18, .row-table-top .container-main-content {
  vertical-align: top;
}

.row-table-top .col-19 {
  vertical-align: top;
}

.row-table-top .col-20 {
  vertical-align: top;
}

.row-table-top .col-21 {
  vertical-align: top;
}

.row-table-top .col-22 {
  vertical-align: top;
}

.row-table-top .col-23 {
  vertical-align: top;
}

.row-table-top .col-24 {
  vertical-align: top;
}

.row-table-bottom .col-1 {
  vertical-align: bottom;
}

.row-table-bottom .col-2 {
  vertical-align: bottom;
}

.row-table-bottom .col-3 {
  vertical-align: bottom;
}

.row-table-bottom .col-4, .row-table-bottom .ads__filter .item, .ads__filter .row-table-bottom .item {
  vertical-align: bottom;
}

.row-table-bottom .col-5 {
  vertical-align: bottom;
}

.row-table-bottom .col-6, .row-table-bottom .container-main-aside {
  vertical-align: bottom;
}

.row-table-bottom .col-7 {
  vertical-align: bottom;
}

.row-table-bottom .col-8, .row-table-bottom .socialLink .item, .socialLink .row-table-bottom .item {
  vertical-align: bottom;
}

.row-table-bottom .col-9 {
  vertical-align: bottom;
}

.row-table-bottom .col-10 {
  vertical-align: bottom;
}

.row-table-bottom .col-11 {
  vertical-align: bottom;
}

.row-table-bottom .col-12 {
  vertical-align: bottom;
}

.row-table-bottom .col-13 {
  vertical-align: bottom;
}

.row-table-bottom .col-14 {
  vertical-align: bottom;
}

.row-table-bottom .col-15 {
  vertical-align: bottom;
}

.row-table-bottom .col-16 {
  vertical-align: bottom;
}

.row-table-bottom .col-17 {
  vertical-align: bottom;
}

.row-table-bottom .col-18, .row-table-bottom .container-main-content {
  vertical-align: bottom;
}

.row-table-bottom .col-19 {
  vertical-align: bottom;
}

.row-table-bottom .col-20 {
  vertical-align: bottom;
}

.row-table-bottom .col-21 {
  vertical-align: bottom;
}

.row-table-bottom .col-22 {
  vertical-align: bottom;
}

.row-table-bottom .col-23 {
  vertical-align: bottom;
}

.row-table-bottom .col-24 {
  vertical-align: bottom;
}

.row-right .col {
  float: right;
}

.row-right .col-1 {
  float: right;
}

.row-right .col-2 {
  float: right;
}

.row-right .col-3 {
  float: right;
}

.row-right .col-4, .row-right .ads__filter .item, .ads__filter .row-right .item {
  float: right;
}

.row-right .col-5 {
  float: right;
}

.row-right .col-6, .row-right .container-main-aside {
  float: right;
}

.row-right .col-7 {
  float: right;
}

.row-right .col-8, .row-right .socialLink .item, .socialLink .row-right .item {
  float: right;
}

.row-right .col-9 {
  float: right;
}

.row-right .col-10 {
  float: right;
}

.row-right .col-11 {
  float: right;
}

.row-right .col-12 {
  float: right;
}

.row-right .col-13 {
  float: right;
}

.row-right .col-14 {
  float: right;
}

.row-right .col-15 {
  float: right;
}

.row-right .col-16 {
  float: right;
}

.row-right .col-17 {
  float: right;
}

.row-right .col-18, .row-right .container-main-content {
  float: right;
}

.row-right .col-19 {
  float: right;
}

.row-right .col-20 {
  float: right;
}

.row-right .col-21 {
  float: right;
}

.row-right .col-22 {
  float: right;
}

.row-right .col-23 {
  float: right;
}

.row-right .col-24 {
  float: right;
}

.row-none-border {
  margin: 0;
  padding: 0;
}

.row-none-border .col-1 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-2 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-3 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-4, .row-none-border .ads__filter .item, .ads__filter .row-none-border .item {
  margin: 0;
  padding: 0;
}

.row-none-border .col-5 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-6, .row-none-border .container-main-aside {
  margin: 0;
  padding: 0;
}

.row-none-border .col-7 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-8, .row-none-border .socialLink .item, .socialLink .row-none-border .item {
  margin: 0;
  padding: 0;
}

.row-none-border .col-9 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-10 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-11 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-12 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-13 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-14 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-15 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-16 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-17 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-18, .row-none-border .container-main-content {
  margin: 0;
  padding: 0;
}

.row-none-border .col-19 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-20 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-21 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-22 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-23 {
  margin: 0;
  padding: 0;
}

.row-none-border .col-24 {
  margin: 0;
  padding: 0;
}

.col-0 {
  width: 0;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-none {
  display: none;
}

.col-order-1 {
  order: 1;
}

.col-offset-1 {
  margin-left: 4.1666666667%;
}

.col-order-2 {
  order: 2;
}

.col-offset-2 {
  margin-left: 8.3333333333%;
}

.col-order-3 {
  order: 3;
}

.col-offset-3 {
  margin-left: 12.5%;
}

.col-order-4 {
  order: 4;
}

.col-offset-4 {
  margin-left: 16.6666666667%;
}

.col-order-5 {
  order: 5;
}

.col-offset-5 {
  margin-left: 20.8333333333%;
}

.col-order-6 {
  order: 6;
}

.col-offset-6 {
  margin-left: 25%;
}

.col-order-7 {
  order: 7;
}

.col-offset-7 {
  margin-left: 29.1666666667%;
}

.col-order-8 {
  order: 8;
}

.col-offset-8 {
  margin-left: 33.3333333333%;
}

.col-order-9 {
  order: 9;
}

.col-offset-9 {
  margin-left: 37.5%;
}

.col-order-10 {
  order: 10;
}

.col-offset-10 {
  margin-left: 41.6666666667%;
}

.col-order-11 {
  order: 11;
}

.col-offset-11 {
  margin-left: 45.8333333333%;
}

.col-order-12 {
  order: 12;
}

.col-offset-12 {
  margin-left: 50%;
}

.col-order-13 {
  order: 13;
}

.col-offset-13 {
  margin-left: 54.1666666667%;
}

.col-order-14 {
  order: 14;
}

.col-offset-14 {
  margin-left: 58.3333333333%;
}

.col-order-15 {
  order: 15;
}

.col-offset-15 {
  margin-left: 62.5%;
}

.col-order-16 {
  order: 16;
}

.col-offset-16 {
  margin-left: 66.6666666667%;
}

.col-order-17 {
  order: 17;
}

.col-offset-17 {
  margin-left: 70.8333333333%;
}

.col-order-18 {
  order: 18;
}

.col-offset-18 {
  margin-left: 75%;
}

.col-order-19 {
  order: 19;
}

.col-offset-19 {
  margin-left: 79.1666666667%;
}

.col-order-20 {
  order: 20;
}

.col-offset-20 {
  margin-left: 83.3333333333%;
}

.col-order-21 {
  order: 21;
}

.col-offset-21 {
  margin-left: 87.5%;
}

.col-order-22 {
  order: 22;
}

.col-offset-22 {
  margin-left: 91.6666666667%;
}

.col-order-23 {
  order: 23;
}

.col-offset-23 {
  margin-left: 95.8333333333%;
}

.col-order-24 {
  order: 24;
}

.col-offset-24 {
  margin-left: 100%;
}

.col-content-right {
  justify-content: flex-end;
}

.col-content-left {
  justify-content: flex-start;
}

@media (min-width: 576px) {
  .col-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-4, .ads__filter .item {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-6, .container-main-aside {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-8, .socialLink .item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-18, .container-main-content {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .col-xl-0 {
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-xl-order-0 {
    order: 0;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xl-order-1 {
    order: 1;
  }
  .col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-xl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-order-2 {
    order: 2;
  }
  .col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-order-3 {
    order: 3;
  }
  .col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .col-xl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-order-4 {
    order: 4;
  }
  .col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-xl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xl-order-5 {
    order: 5;
  }
  .col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-order-6 {
    order: 6;
  }
  .col-xl-offset-6 {
    margin-left: 25%;
  }
  .col-xl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xl-order-7 {
    order: 7;
  }
  .col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-xl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-order-8 {
    order: 8;
  }
  .col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-order-9 {
    order: 9;
  }
  .col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .col-xl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-order-10 {
    order: 10;
  }
  .col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-xl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xl-order-11 {
    order: 11;
  }
  .col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-xl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-order-12 {
    order: 12;
  }
  .col-xl-offset-12 {
    margin-left: 50%;
  }
  .col-xl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xl-order-13 {
    order: 13;
  }
  .col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-xl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-order-14 {
    order: 14;
  }
  .col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-xl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-order-15 {
    order: 15;
  }
  .col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .col-xl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-order-16 {
    order: 16;
  }
  .col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-xl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xl-order-17 {
    order: 17;
  }
  .col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-xl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-order-18 {
    order: 18;
  }
  .col-xl-offset-18 {
    margin-left: 75%;
  }
  .col-xl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xl-order-19 {
    order: 19;
  }
  .col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-xl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-order-20 {
    order: 20;
  }
  .col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-xl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-order-21 {
    order: 21;
  }
  .col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .col-xl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-order-22 {
    order: 22;
  }
  .col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-xl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xl-order-23 {
    order: 23;
  }
  .col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-xl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-order-24 {
    order: 24;
  }
  .col-xl-offset-24 {
    margin-left: 100%;
  }
}

@media (max-width: 1200px) {
  .col-xl-none {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .col-lg-0 {
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-lg-order-0 {
    order: 0;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-lg-order-1 {
    order: 1;
  }
  .col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-lg-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-order-2 {
    order: 2;
  }
  .col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-lg-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-lg-order-3 {
    order: 3;
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-order-4 {
    order: 4;
  }
  .col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-lg-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-lg-order-5 {
    order: 5;
  }
  .col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-lg-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-order-6 {
    order: 6;
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-lg-order-7 {
    order: 7;
  }
  .col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-lg-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-order-8 {
    order: 8;
  }
  .col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-lg-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-order-9 {
    order: 9;
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-order-10 {
    order: 10;
  }
  .col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-lg-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-lg-order-11 {
    order: 11;
  }
  .col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-lg-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-order-12 {
    order: 12;
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-lg-order-13 {
    order: 13;
  }
  .col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-lg-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-order-14 {
    order: 14;
  }
  .col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-lg-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-order-15 {
    order: 15;
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-order-16 {
    order: 16;
  }
  .col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-lg-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-lg-order-17 {
    order: 17;
  }
  .col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-lg-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-order-18 {
    order: 18;
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-lg-order-19 {
    order: 19;
  }
  .col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-lg-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-order-20 {
    order: 20;
  }
  .col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-lg-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-order-21 {
    order: 21;
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-order-22 {
    order: 22;
  }
  .col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-lg-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-lg-order-23 {
    order: 23;
  }
  .col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-lg-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-order-24 {
    order: 24;
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
}

@media (max-width: 992px) {
  .col-lg-none {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .col-md-0 {
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-md-order-0 {
    order: 0;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-md-order-1 {
    order: 1;
  }
  .col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-md-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-order-2 {
    order: 2;
  }
  .col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-md-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-md-order-3 {
    order: 3;
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-order-4 {
    order: 4;
  }
  .col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-md-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-md-order-5 {
    order: 5;
  }
  .col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-md-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-order-6 {
    order: 6;
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-md-order-7 {
    order: 7;
  }
  .col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-md-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-order-8 {
    order: 8;
  }
  .col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-md-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-order-9 {
    order: 9;
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-order-10 {
    order: 10;
  }
  .col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-md-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-md-order-11 {
    order: 11;
  }
  .col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-md-12, .socialLink .item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-order-12 {
    order: 12;
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-md-order-13 {
    order: 13;
  }
  .col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-md-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-order-14 {
    order: 14;
  }
  .col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-md-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-order-15 {
    order: 15;
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-order-16 {
    order: 16;
  }
  .col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-md-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-md-order-17 {
    order: 17;
  }
  .col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-md-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-order-18 {
    order: 18;
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-md-order-19 {
    order: 19;
  }
  .col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-md-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-order-20 {
    order: 20;
  }
  .col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-md-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-order-21 {
    order: 21;
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-order-22 {
    order: 22;
  }
  .col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-md-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-md-order-23 {
    order: 23;
  }
  .col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-md-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-order-24 {
    order: 24;
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
}

@media (max-width: 768px) {
  .col-md-none {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .col-sm-0 {
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-sm-order-0 {
    order: 0;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-sm-order-1 {
    order: 1;
  }
  .col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-sm-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-order-2 {
    order: 2;
  }
  .col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-sm-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-sm-order-3 {
    order: 3;
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-order-4 {
    order: 4;
  }
  .col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-sm-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-sm-order-5 {
    order: 5;
  }
  .col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-sm-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-order-6 {
    order: 6;
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-sm-order-7 {
    order: 7;
  }
  .col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-sm-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-order-8 {
    order: 8;
  }
  .col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-sm-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-order-9 {
    order: 9;
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-order-10 {
    order: 10;
  }
  .col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-sm-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-sm-order-11 {
    order: 11;
  }
  .col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-order-12 {
    order: 12;
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-sm-order-13 {
    order: 13;
  }
  .col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-sm-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-order-14 {
    order: 14;
  }
  .col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-sm-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-order-15 {
    order: 15;
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-order-16 {
    order: 16;
  }
  .col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-sm-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-sm-order-17 {
    order: 17;
  }
  .col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-sm-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-order-18 {
    order: 18;
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-sm-order-19 {
    order: 19;
  }
  .col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-sm-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-order-20 {
    order: 20;
  }
  .col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-sm-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-order-21 {
    order: 21;
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-order-22 {
    order: 22;
  }
  .col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-sm-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-sm-order-23 {
    order: 23;
  }
  .col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-sm-24, .socialLink .item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-order-24 {
    order: 24;
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
}

@media (max-width: 576px) {
  .col-sm-none {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .col-xs-0 {
    flex: 0 0 0%;
    max-width: 0%;
  }
  .col-xs-order-0 {
    order: 0;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-xs-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xs-order-1 {
    order: 1;
  }
  .col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-xs-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-order-2 {
    order: 2;
  }
  .col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-xs-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xs-order-3 {
    order: 3;
  }
  .col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .col-xs-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-order-4 {
    order: 4;
  }
  .col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-xs-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xs-order-5 {
    order: 5;
  }
  .col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-xs-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-order-6 {
    order: 6;
  }
  .col-xs-offset-6 {
    margin-left: 25%;
  }
  .col-xs-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xs-order-7 {
    order: 7;
  }
  .col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-xs-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-order-8 {
    order: 8;
  }
  .col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-xs-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xs-order-9 {
    order: 9;
  }
  .col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .col-xs-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-order-10 {
    order: 10;
  }
  .col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-xs-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xs-order-11 {
    order: 11;
  }
  .col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-xs-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-order-12 {
    order: 12;
  }
  .col-xs-offset-12 {
    margin-left: 50%;
  }
  .col-xs-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xs-order-13 {
    order: 13;
  }
  .col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-xs-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-order-14 {
    order: 14;
  }
  .col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-xs-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xs-order-15 {
    order: 15;
  }
  .col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .col-xs-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-order-16 {
    order: 16;
  }
  .col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-xs-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xs-order-17 {
    order: 17;
  }
  .col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-xs-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-order-18 {
    order: 18;
  }
  .col-xs-offset-18 {
    margin-left: 75%;
  }
  .col-xs-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xs-order-19 {
    order: 19;
  }
  .col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-xs-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-order-20 {
    order: 20;
  }
  .col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-xs-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xs-order-21 {
    order: 21;
  }
  .col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .col-xs-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-order-22 {
    order: 22;
  }
  .col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-xs-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xs-order-23 {
    order: 23;
  }
  .col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-xs-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xs-order-24 {
    order: 24;
  }
  .col-xs-offset-24 {
    margin-left: 100%;
  }
}

@media (max-width: 420px) {
  .col-xs-none {
    display: none !important;
  }
}

.btn, .app-tabs-menu .\:active {
  outline: none;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.15s ease-in-out;
  border: solid 1px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  border-color: #008bd1;
  color: #008bd1;
  padding: 3px;
}

.btn-control {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.15s ease-in-out;
  display: block;
  padding: 7px 20px;
  padding: 0 20px;
  color: inherit;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .btn-control {
    padding: 4px 11px;
  }
}

.btn:active, .app-tabs-menu .\:active:active {
  transform: scale(0.96);
}

.btn:active::before, .app-tabs-menu .\:active:active::before {
  opacity: 1;
}

.btn:active, .app-tabs-menu .\:active:active, .btn:focus, .app-tabs-menu .\:active:focus {
  outline: none;
}

.btn::-moz-focus-inner, .app-tabs-menu .\:active::-moz-focus-inner {
  border: 0;
}

.btn:hover, .app-tabs-menu .\:active:hover, .app-tabs-menu .\:active, .btn:focus, .app-tabs-menu .\:active:focus {
  background: #008bd1;
}

.btn:hover .btn-control, .app-tabs-menu .\:active .btn-control, .btn:focus .btn-control {
  background: transparent;
  color: #fff;
}

.btn\:big .btn-control {
  padding: 7px 7px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
}

.btn\:max {
  width: 100%;
}

.btn\:blue {
  background: #0099cc;
  border-color: #fff;
}

.btn\:blue .btn-control {
  color: #fff;
}

.btn\:blue:hover, .app-tabs-menu .btn\:blue.\:active {
  background: #008bd1;
  border-color: #008bd1;
}

.btn\:white {
  background: white;
  border-color: white;
}

.btn\:border\:none {
  border: none;
}

.btn-mini .btn-control {
  padding: 3px 20px;
}

.btn-chech {
  overflow: hidden;
}

.btn-chech .btn-control {
  padding: 9px 22px 3px;
  line-height: 24px;
}

.btn-chech .btn-control.is-active {
  background: #FFFFFF;
}

.btn-blue {
  background: #273647;
  border-color: #273647;
}

.btn-blue .btn-control {
  color: #fff;
}

.btn-blue:hover, .app-tabs-menu .btn-blue.\:active {
  background: #008bd1;
  border-color: #008bd1;
}

.btn-white {
  background: #fff;
}

.btn-white .btn-control {
  color: #008bd1;
}

.btn-none-color {
  background: transparent;
  color: #008bd1;
}

.btn-none-color:hover, .app-tabs-menu .btn-none-color.\:active {
  background: transparent;
}

.btn-none-color:hover .btn-control, .app-tabs-menu .btn-none-color.\:active .btn-control {
  color: #008bd1;
}

.btn\:color\:opacity {
  opacity: 0.4;
}

.btn\:color\:opacity:hover, .app-tabs-menu .btn\:color\:opacity.\:active {
  opacity: 1;
}

.btn-count {
  position: absolute;
  display: inline-block;
  top: -3px;
  right: -10px;
  background: #273647;
  color: #fff;
  border-radius: 35px;
  font-size: 10px;
  font-weight: 800;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.btn-danger {
  border-color: #f14848;
  background-color: #f14848;
}

.btn.is-icon, .app-tabs-menu .is-icon.\:active {
  height: 35px;
}

.btn.is-icon .icon, .btn.is-icon .pagePagination-nav .item-back, .pagePagination-nav .btn.is-icon .item-back, .btn.is-icon .pagePagination-nav .item-next, .pagePagination-nav .btn.is-icon .item-next, .app-tabs-menu .is-icon.\:active .icon, .app-tabs-menu .is-icon.\:active .pagePagination-nav .item-back, .pagePagination-nav .app-tabs-menu .is-icon.\:active .item-back, .app-tabs-menu .is-icon.\:active .pagePagination-nav .item-next, .pagePagination-nav .app-tabs-menu .is-icon.\:active .item-next, .btn.is-icon .formRadio__check, .app-tabs-menu .is-icon.\:active .formRadio__check, .btn.is-icon .form-file-img.is-upload, .app-tabs-menu .is-icon.\:active .form-file-img.is-upload, .btn.is-icon .form-file-img.is-delete, .app-tabs-menu .is-icon.\:active .form-file-img.is-delete, .btn.is-icon .form-select:before, .app-tabs-menu .is-icon.\:active .form-select:before {
  position: relative;
  height: 1px;
  top: -9px;
  left: 4px;
}

.btn.is-mini, .app-tabs-menu .is-mini.\:active {
  height: 29px;
  padding: 3px 10px;
}

.btn .core__icon, .app-tabs-menu .\:active .core__icon {
  position: relative;
  top: -2px;
  margin: 5px;
}

.btn-border {
  background: transparent;
  color: #FFF;
  border: 2px solid #008bd1;
}

.btn-none-border {
  background: transparent;
  color: #008bd1;
  border: 0;
  padding: 0;
}

.btn-none-border .btn-control {
  padding: 0;
}

.btn-none-border:hover, .app-tabs-menu .btn-none-border.\:active {
  background: transparent;
}

.btn-none-border:hover .btn-control, .app-tabs-menu .btn-none-border.\:active .btn-control {
  border: 0;
  color: #008bd1;
}

.btn-metal {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: linear-gradient(to bottom, #4b5966, #3c4854);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05);
}

.menu-nav, .page-title-menu {
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.menu-nav li, .page-title-menu li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.menu-nav li:hover ul, .page-title-menu li:hover ul, .menu-nav .app-tabs-menu li.\:active ul, .page-title-menu .app-tabs-menu li.\:active ul, .app-tabs-menu .menu-nav li.\:active ul, .app-tabs-menu .page-title-menu li.\:active ul {
  display: block;
}

.menu-nav li.is-parent > a:before, .page-title-menu li.is-parent > a:before {
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: 7px;
  width: 7px;
  height: 4px;
  background-image: url("/local/templates/nalire/assets/img/icon/arrow-down-white.png");
}

.menu-nav li a, .page-title-menu li a {
  position: relative;
  display: block;
  padding: .5rem;
  vertical-align: middle;
}

.menu-nav li a .icon-svg, .page-title-menu li a .icon-svg {
  padding-right: 5px;
  position: relative;
  top: -1px;
}

.menu-nav li ul, .page-title-menu li ul {
  display: none;
  position: absolute;
  min-width: 100%;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.menu-nav li ul li, .page-title-menu li ul li {
  display: block;
  padding: 0;
}

.menu-nav li ul li a, .page-title-menu li ul li a {
  display: block;
  color: #0c0e14;
  padding: 10px 10px;
  font-size: 12px;
}

.menu-nav li ul li a:hover, .page-title-menu li ul li a:hover, .menu-nav li ul li .app-tabs-menu a.\:active, .page-title-menu li ul li .app-tabs-menu a.\:active, .app-tabs-menu .menu-nav li ul li a.\:active, .app-tabs-menu .page-title-menu li ul li a.\:active {
  background: #008bd1;
  color: #fff;
}

.mobile_menu_overlay, .mobile_menu_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mobile_menu_overlay {
  display: none;
  cursor: pointer;
  z-index: 10200;
  background: rgba(0, 0, 0, 0.5);
}

.mobile_menu_container {
  transition: all 200ms;
  left: -300px;
  width: 300px;
  overflow: hidden;
  z-index: 10201;
  background: #ffffff;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 359px) {
  .mobile_menu_container {
    width: 240px;
  }
}

.mobile_menu_container.is-active {
  left: 0;
}

.mobile_menu_container.is-loaded, .mobile_menu_container .is-loaded {
  transform: translateX(0px);
}

.mobile_menu_container .content {
  overflow: auto;
  max-height: 100%;
  padding-bottom: 30px;
}

.mobile_menu_container ul {
  margin: 0;
  padding: 0;
}

.mobile_menu_container ul li {
  list-style: none;
}

.mobile_menu_container ul li a {
  display: block;
  padding: 7px 20px;
  line-height: 20px;
  font-size: 12px;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
}

.mobile_menu_container ul li a.is-parent {
  padding-right: 50px;
  background-size: 20px;
}

.mobile_menu_container ul li a.is-parent:before {
  position: absolute;
  right: 10px;
}

.mobile_menu_container ul li a.is-parent:hover, .mobile_menu_container ul li .app-tabs-menu .is-parent.\:active, .app-tabs-menu .mobile_menu_container ul li .is-parent.\:active {
  background-size: 20px;
}

.mobile_menu_container ul li a.is-back {
  padding-left: 20px;
  background-size: 20px;
  box-sizing: border-box;
  text-transform: uppercase;
  min-height: 35px;
  line-height: 30px;
  color: #737373;
  font-weight: 600;
  background: #fff;
}

.mobile_menu_container ul li a.is-back:before {
  position: absolute;
  right: 10px;
  font-size: 15px;
}

.mobile_menu_container ul li a.is-back:hover, .mobile_menu_container ul li .app-tabs-menu .is-back.\:active, .app-tabs-menu .mobile_menu_container ul li .is-back.\:active, .mobile_menu_container ul li a.is-back:focus {
  color: #008bd1;
}

.mobile_menu_container ul li ul {
  transition: all 300ms;
  transform: translateX(300px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: 2;
}

.mobile_menu_container ul li ul.is-loaded {
  transform: translateX(0px);
}

.mobile_menu_container ul li ul.is-active {
  overflow-y: auto;
  overflow-x: hidden;
}

.mobile_menu_container .login {
  margin-top: 10px;
  color: #737373;
}

.mobile_menu_container .login:hover, .mobile_menu_container .app-tabs-menu .login.\:active, .app-tabs-menu .mobile_menu_container .login.\:active, .mobile_menu_container .login:focus {
  color: #008bd1;
}

.mobile_menu_container .catalog {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.mobile_menu_container .link {
  margin-top: 10px;
}

.mobile_menu_container .link a {
  display: block;
  padding: 5px 20px;
  font-size: 12px;
}

.mobile_menu_container .link .icon-img {
  margin-right: 5px;
}

.mobile_filter_overlay, .mobile_filter_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mobile_filter_overlay {
  display: none;
  cursor: pointer;
  z-index: 10200;
  background: rgba(0, 0, 0, 0.5);
}

.mobile_filter_container {
  transition: all 200ms;
  left: -300px;
  width: 300px;
  overflow: hidden;
  z-index: 10201;
  background: #ffffff;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 359px) {
  .mobile_filter_container {
    width: 240px;
  }
}

.mobile_filter_container.is-active {
  left: 0;
}

.mobile_filter_container.is-loaded, .mobile_filter_container .is-loaded {
  transform: translateX(0px);
}

.mobile_filter_container .content {
  overflow: auto;
  max-height: 100%;
  padding-bottom: 30px;
}

.mobile_filter_container ul {
  margin: 0;
  padding: 0;
}

.mobile_filter_container ul li {
  list-style: none;
}

.mobile_filter_container ul li a {
  display: block;
  padding: 7px 20px;
  line-height: 20px;
  font-size: 12px;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
}

.mobile_filter_container ul li a.is-parent {
  padding-right: 50px;
  background-size: 20px;
}

.mobile_filter_container ul li a.is-parent:before {
  position: absolute;
  right: 10px;
}

.mobile_filter_container ul li a.is-parent:hover, .mobile_filter_container ul li .app-tabs-menu .is-parent.\:active, .app-tabs-menu .mobile_filter_container ul li .is-parent.\:active {
  background-size: 20px;
}

.mobile_filter_container ul li a.is-back {
  padding-left: 20px;
  background-size: 20px;
  box-sizing: border-box;
  text-transform: uppercase;
  min-height: 35px;
  line-height: 30px;
  color: #737373;
  font-weight: 600;
  background: #fff;
}

.mobile_filter_container ul li a.is-back:before {
  position: absolute;
  right: 10px;
  font-size: 15px;
}

.mobile_filter_container ul li a.is-back:hover, .mobile_filter_container ul li .app-tabs-menu .is-back.\:active, .app-tabs-menu .mobile_filter_container ul li .is-back.\:active, .mobile_filter_container ul li a.is-back:focus {
  color: #008bd1;
}

.mobile_filter_container ul li ul {
  transition: all 300ms;
  transform: translateX(300px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: 2;
}

.mobile_filter_container ul li ul.is-loaded {
  transform: translateX(0px);
}

.mobile_filter_container ul li ul.is-active {
  overflow-y: auto;
  overflow-x: hidden;
}

.mobile_filter_container .login {
  margin-top: 10px;
  color: #737373;
}

.mobile_filter_container .login:hover, .mobile_filter_container .app-tabs-menu .login.\:active, .app-tabs-menu .mobile_filter_container .login.\:active, .mobile_filter_container .login:focus {
  color: #008bd1;
}

.mobile_filter_container .catalog {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.mobile_filter_container .link {
  margin-top: 10px;
}

.mobile_filter_container .link a {
  display: block;
  padding: 5px 20px;
  font-size: 12px;
}

.mobile_filter_container .link .icon-img {
  margin-right: 5px;
}

.f-checkbox-label {
  display: inline-block;
  transition: all .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
}

.f-checkbox-label:not(:last-child) {
  margin-right: 6px;
}

.f-checkbox-label span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.f-checkbox-label span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 0px;
  transform: scale(1);
  border: 1px solid #fff;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.f-checkbox-label span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.f-checkbox-label span:last-child {
  max-width: 90%;
  padding-left: 8px;
  line-height: 18px;
  color: #fff;
  font-size: 11px;
}

.f-checkbox-label:hover, .app-tabs-menu .f-checkbox-label.\:active {
  background: rgba(0, 119, 255, 0.06);
}

.f-checkbox-input {
  position: absolute;
  visibility: hidden;
}

.f-checkbox-input:checked + .f-checkbox-label span:first-child {
  background: #0077FF;
  border-color: #0077FF;
  -webkit-animation: f-checkbox .4s ease;
          animation: f-checkbox .4s ease;
}

@-webkit-keyframes f-checkbox {
  50% {
    transform: scale(0.9);
  }
}

@keyframes f-checkbox {
  50% {
    transform: scale(0.9);
  }
}

.f-checkbox-input:checked + .f-checkbox-label span:first-child svg {
  stroke-dashoffset: 0;
}

.f-checkbox\:color\:black span:first-child {
  border-color: #0099cc;
}

.f-checkbox\:color\:black span:last-child {
  color: #0c0e14 !important;
}

.form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-group label {
  font-size: 14px;
  line-height: 10px;
  color: #000;
  text-transform: uppercase;
  cursor: default;
  letter-spacing: 1px;
}

.form-group label b {
  font-size: 15px;
  letter-spacing: 0.6px;
}

.form-group-error {
  padding: 0px 9px 0;
  font-size: 11px;
  letter-spacing: 1px;
  color: red;
  position: absolute;
  bottom: -6px;
  background: #fff;
  left: 11px;
}

.form-group.row-table label, .form-group.ads__filter label {
  padding: 0;
}

.form-group-line.is-hidden {
  display: none;
}

.form-group-name {
  color: #0099cc;
  font-size: 12px;
  font-weight: bold;
}

.form-input, .form-select {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  background: tranparent;
  border-radius: 0;
}

.form-input button, .form-select button {
  cursor: pointer;
  display: inline-block;
}

.form-input-control, .form-select-control, .form-textarea-control {
  font-family: "d_Kallisto", sans-serif;
  display: block;
  width: 100%;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  border: 1px solid #F0F0F0;
  padding: 15px;
  background-clip: padding-box;
  background: #fff;
  font-size: 13px;
  letter-spacing: 1px;
  color: #737373;
}

.form-input-control:focus, .form-select-control:focus, .form-textarea-control:focus {
  color: #495057;
  border-color: #80bdff;
  outline: 0;
}

.form-input-control::-webkit-input-placeholder, .form-select-control::-webkit-input-placeholder, .form-textarea-control::-webkit-input-placeholder {
  font-family: "d_Kallisto", sans-serif;
  color: #008bd1;
  font-weight: initial;
  cursor: default;
}

.form-input-control::-moz-placeholder, .form-select-control::-moz-placeholder, .form-textarea-control::-moz-placeholder {
  font-family: "d_Kallisto", sans-serif;
  color: #008bd1;
  font-weight: initial;
  cursor: default;
}

.form-input-control:-ms-input-placeholder, .form-select-control:-ms-input-placeholder, .form-textarea-control:-ms-input-placeholder {
  font-family: "d_Kallisto", sans-serif;
  color: #008bd1;
  font-weight: initial;
  cursor: default;
}

.form-input-control::-ms-input-placeholder, .form-select-control::-ms-input-placeholder, .form-textarea-control::-ms-input-placeholder {
  font-family: "d_Kallisto", sans-serif;
  color: #008bd1;
  font-weight: initial;
  cursor: default;
}

.form-input-control::placeholder, .form-select-control::placeholder, .form-textarea-control::placeholder {
  font-family: "d_Kallisto", sans-serif;
  color: #008bd1;
  font-weight: initial;
  cursor: default;
}

.form-input-control[name=CODE], [name=CODE].form-select-control, [name=CODE].form-textarea-control {
  padding: 8px 0;
  font-family: monospace;
  color: #004e92;
  font-weight: bold;
}

.form-input-control[name=CODE]::-webkit-input-placeholder, [name=CODE].form-select-control::-webkit-input-placeholder, [name=CODE].form-textarea-control::-webkit-input-placeholder {
  color: #0087ff;
}

.form-input-control[name=CODE]::-moz-placeholder, [name=CODE].form-select-control::-moz-placeholder, [name=CODE].form-textarea-control::-moz-placeholder {
  color: #0087ff;
}

.form-input-control[name=CODE]:-ms-input-placeholder, [name=CODE].form-select-control:-ms-input-placeholder, [name=CODE].form-textarea-control:-ms-input-placeholder {
  color: #0087ff;
}

.form-input-control[name=CODE]::-ms-input-placeholder, [name=CODE].form-select-control::-ms-input-placeholder, [name=CODE].form-textarea-control::-ms-input-placeholder {
  color: #0087ff;
}

.form-input-control[name=CODE]::placeholder, [name=CODE].form-select-control::placeholder, [name=CODE].form-textarea-control::placeholder {
  color: #0087ff;
}

.form-input-control.is-invalid, .is-invalid.form-select-control, .is-invalid.form-textarea-control {
  border-color: red;
  padding-top: 19px;
}

.form-input-control.is-big, .is-big.form-select-control, .is-big.form-textarea-control {
  height: 45px;
  font-size: 15px;
}

.form-input-invalid {
  padding: 0 3px;
  font-size: 11px;
  color: red;
  position: absolute;
  top: 4px;
  left: 11px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .form-input-invalid {
    left: 0;
  }
}

.form-input-error {
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
  font-size: 12px;
  padding-top: 2px;
  color: red;
}

.form-input.error .form-input-control, .form-input.error .form-select-control, .error.form-select .form-input-control, .error.form-select .form-select-control, .form-input.error .form-textarea-control, .error.form-select .form-textarea-control {
  border-color: red;
}

.form-input-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
}

.form-input-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-input-icon .icon:before, .form-input-icon .pagePagination-nav .item-back:before, .pagePagination-nav .form-input-icon .item-back:before, .form-input-icon .pagePagination-nav .item-next:before, .pagePagination-nav .form-input-icon .item-next:before, .form-input-icon .formRadio__check:before, .form-input-icon .form-file-img.is-upload:before, .form-input-icon .form-file-img.is-delete:before, .form-input-icon .form-select:before {
  color: #30424e;
}

.form-input-circle {
  border-radius: 100px;
}

.form-input-circle .form-input-control, .form-input-circle .form-select-control, .form-input-circle .form-textarea-control {
  border-radius: 100px;
  border: 0;
  padding: 13px 22px;
  letter-spacing: 1px;
}

.form-input-circle .form-input-invalid {
  top: 29px;
  left: 21px;
}

.form-input-bottom {
  background: transparent;
}

.form-input-bottom .form-input-control, .form-input-bottom .form-select-control, .form-input-bottom .form-textarea-control {
  border: 0;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  background: transparent;
  padding-left: 0;
}

.form-textarea-control {
  padding: 8px 15px;
  min-height: 120px;
  line-height: 1.4em;
}

.form-textarea\:mini .form-textarea-control {
  min-height: 38px;
  line-height: 26px;
  padding: 15px;
  height: 48px;
}

.form-select {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  overflow: hidden;
}

.form-select:before {
  content: '';
  display: block;
  position: absolute !important;
  right: 10px !important;
  top: 9px !important;
  font-size: 20px !important;
  color: #caccd2;
  z-index: 2;
}

.form-select:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background: transparent;
  background: tranparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.form-select-control {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #2c2c2c;
  position: relative;
  z-index: 1;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background: white;
  cursor: pointer;
  display: inline-block;
}

.form-select-control.is-status-0 {
  color: red;
}

.form-select-control.is-status-1 {
  color: #00c57c;
}

.form-select-control.is-status-2 {
  color: #c1c1c1;
}

.form-select-control.is-status-3 {
  color: #00c57c;
}

.form-select-control[name='status'] {
  font-size: 13px;
  padding: 10px 30px 8px 14px;
}

.form-select-bottom {
  background: transparent;
}

.form-select-bottom .form-select-control {
  border: 0;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  padding-left: 0;
  background: transparent;
}

.form-select-bottom:after {
  background: transparent;
}

.form-select.is-none-border .form-select-control {
  border: none;
  color: #a6a6a6;
}

.form-file-img {
  position: relative;
  display: block;
  max-width: 250px;
  max-height: 250px;
  min-width: 250px;
  min-height: 125px;
  margin-right: 20px;
  padding: 16px 16px 4px;
  border: 2px dashed #e0e2e6;
  border-radius: 9px;
  text-align: center;
  background-size: cover;
  background-position: center;
}

.form-file-img img {
  max-width: 300px;
  max-height: 300px;
}

.form-file-img.is-mini {
  height: 50px;
}

.form-file-img.is-delete {
  cursor: pointer;
}

.form-file-img.is-delete:hover, .app-tabs-menu .is-delete.\:active, .form-file-img.is-delete:focus {
  cursor: pointer;
  border-color: #ff999f;
  box-shadow: 0 0 0 0.2rem rgba(255, 0, 8, 0.25);
}

.form-file-img.is-delete:hover:before, .app-tabs-menu .is-delete.\:active:before, .form-file-img.is-delete:focus:before {
  opacity: 0.8;
}

.form-file-img.is-delete:hover .is-delete-control, .app-tabs-menu .is-delete.\:active .is-delete-control, .form-file-img.is-delete:focus .is-delete-control {
  opacity: 1;
  color: #fff;
  border-color: #f14848;
  background-color: #f14848;
}

.form-file-img.is-delete:before {
  content: '';
  display: block;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
  z-index: 2;
  font-size: 32px !important;
  color: #ff444e;
  opacity: 0.4;
}

.form-file-img.is-delete .is-delete-control {
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
  display: block;
  width: 40%;
  margin: 26px auto 0;
  padding: 3px 0;
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0;
}

.form-file-img.is-upload {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 35px;
}

.form-file-img.is-upload .is-delete-control {
  display: none;
}

.form-file-control {
  margin-top: 5px;
  margin-bottom: 15px;
}

.form-code-control {
  padding: 2px 5px;
  font-family: monospace;
  font-size: 13px;
  color: #0000FF;
  text-align: center;
  direction: ltr;
  background: #F0F0F0;
  border-radius: 4px;
  border: 1px inset #d2d2d2;
}

.form.success .form-wrap {
  display: none;
}

.form.success .form-success {
  display: block;
}

.form\:blue input, .form\:blue textarea {
  background: #d1e5f9;
}

.form-title {
  display: block;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
}

.form-text-mini {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 4px;
}

.form-description {
  color: #686a6e;
  font-size: 12px;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
}

.row-table .form-input, .ads__filter .form-input, .row-table .form-select, .ads__filter .form-select {
  margin-bottom: 0;
}

.formRadio {
  max-width: 300px;
}

.formRadio label {
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
}

.formRadio__input {
  display: none;
}

.formRadio__input[type="radio"]:checked ~ .formRadio__name {
  color: #273647;
  font-weight: 600;
}

.formRadio__input[type="radio"]:checked ~ .formRadio__check {
  background: #273647;
  color: #fff;
}

.formRadio__input[type="radio"]:checked ~ .formRadio__check:before {
  position: absolute;
  display: inline-block;
  font-size: 18px;
  left: 2px;
  top: -3px;
}

.formRadio__check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}

.formRadio__name {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  border: 0;
  color: #808080;
  padding: 0 9px;
  line-height: 20px;
  font-size: 13px;
}

.formRadio-none-check .formRadio__check {
  display: none;
}

.formSlider {
  margin-bottom: 20px;
}

.formSlider .ui-slider {
  position: relative;
  text-align: left;
}

.formSlider .ui-widget-content {
  border: 0px solid #e6e6e6;
  background: #e6e6e6;
  color: #333333;
}

.formSlider-range {
  position: relative;
  height: .3em;
  text-align: left;
}

.formSlider-number {
  margin-top: 10px;
  display: table;
}

.formSlider-number > div, .formSlider-number > span {
  display: table-cell;
  width: auto;
  font-size: 11px;
  padding: 0 5px;
}

.formSlider-number .form-input-control, .formSlider-number .form-textarea-control, .formSlider-number .form-select-control {
  border-radius: 20px;
  padding: 6px 12px 4px;
}

.formSlider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
  border: 1px solid #273647;
  background: #273647;
  border-radius: 100%;
  font-weight: normal;
  color: #454545;
  top: -.4em;
  margin-left: -.6em;
}

.formSlider .ui-widget-header {
  border: 1px solid #273647;
  background: #273647;
  color: #333333;
  font-weight: bold;
}

.formSlider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  top: 0;
  height: 100%;
}


.app-mobile {
  transition: all 1000ms;
  left: -300px;
  width: 300px;
  overflow: hidden;
  z-index: 10201;
  background: #ffffff;
  position: fixed;
  top: 0;
  height: 100%;
}

.app-mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  cursor: pointer;
  z-index: 10200;
  background: rgba(255, 255, 255, 0.1);
}

.app-mobile-btn {
  position: absolute;
  z-index: 99;
  cursor: pointer;
  display: none;
  width: 55px;
  height: 55px;
  top: 0;
  left: 10px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.app-mobile-btn span {
  position: absolute;
  margin-bottom: 5px;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ;
  width: 20px;
  height: 4px;
  left: 18px;
  border-radius: 1px;
  background: #008bd1;
}

.app-mobile-btn span:nth-child(1) {
  top: 18px;
}

.app-mobile-btn span:nth-child(2n) {
  top: 26px;
}

.app-mobile-btn span:nth-child(3n) {
  top: 34px;
}

.app-mobile-btn.is-active {
  position: fixed;
  right: 10px;
  top: 10px;
  left: auto;
}

.app-mobile-btn.is-active span {
  display: block;
  background: #008bd1;
}

.app-mobile-btn.is-active span:nth-child(1) {
  top: 27px;
  /*
    Значения:
    matrix() — любое число
    translate(), translateX(), translateY() — единицы длины (положительные и отрицательные), %
    scale(), scaleX(), scaleY() — любое число
    rotate() — угол (deg, grad, rad или turn)
    skew(), skewX(), skewY() — угол (deg, grad, rad)
  */
  transform: rotate(45deg);
}

.app-mobile-btn.is-active span:nth-child(2n) {
  opacity: 0;
  width: 0;
  height: 0;
}

.app-mobile-btn.is-active span:nth-child(3n) {
  top: 27px;
  /*
    Значения:
    matrix() — любое число
    translate(), translateX(), translateY() — единицы длины (положительные и отрицательные), %
    scale(), scaleX(), scaleY() — любое число
    rotate() — угол (deg, grad, rad или turn)
    skew(), skewX(), skewY() — угол (deg, grad, rad)
  */
  transform: rotate(-45deg);
}

@media only screen and (max-width: 1199px) {
  .app-mobile-btn {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .app-mobile-btn {
    top: 15px;
    right: 20px;
  }
}

.app-mobile-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background: #2c2c2c;
  border-radius: 0 0 8px 8px;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 256px;
  overflow: auto;
  padding-top: 150px;
}

.app-mobile-menu-nav li a {
  display: block;
  padding: 15px 40px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #8495a0;
  transition: color .2s;
}

.app-mobile-menu-nav li a:hover, .app-mobile-menu-nav li .app-tabs-menu a.\:active, .app-tabs-menu .app-mobile-menu-nav li a.\:active, .app-mobile-menu-nav li a:focus {
  color: #fff;
}

.app-mobile-menu-footer {
  margin-top: 20px;
  text-align: center;
}

.app-mobile-content {
  padding: 20px;
}

.app-mobile.is-active {
  left: 50px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .app-mobile.is-active {
    left: 0;
  }
}

.js-mob-menu-open .mob {
  display: block;
}

.js-mob-menu-open .mob-menu {
  display: block;
}

.popup {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.popup.is-visible {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.popup-bg {
  position: fixed;
  background-color: rgba(23, 27, 34, 0.95);
}

.popup-container {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 4em auto;
  text-align: left;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  transition-property: transform;
  transition-duration: 0.3s;
  padding: 20px;
  background: #191C21;
  border: 2px #272C33;
  border-radius: 5px;
}

.popup-btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

.popup-btn-close:before, .popup-btn-close:after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-btn-close:before {
  transform: rotate(45deg);
  left: 8px;
}

.popup-btn-close:after {
  transform: rotate(-45deg);
  right: 8px;
}

/* @FONT-FACE loads font into browser */
@font-face {
  font-family: 'typicons';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts//typicons.eot");
  src: url("../fonts/typicons/typicons.eot?#iefix") format("embedded-opentype"), url("../fonts/typicons/typicons.woff") format("woff"), url("../fonts/typicons/typicons.ttf") format("truetype"), url("../fonts/typicons/typicons.svg#typicons") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FontAwesome/fa-solid-900.eot");
  src: url("../fonts/FontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/FontAwesome/fa-solid-900.woff2") format("woff2"), url("../fonts/FontAwesome/fa-solid-900.woff") format("woff"), url("../fonts/FontAwesome/fa-solid-900.ttf") format("truetype"), url("../fonts/FontAwesome/fa-solid-900.svg#fontawesome") format("svg");
}

.fa:before,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.icon-svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
  vertical-align: middle;
}

.icon-svg use:first-child {
  display: block;
}

a:hover .icon-svg use:last-child, .app-tabs-menu a.\:active .icon-svg use:last-child, a:focus .icon-svg use:last-child {
  display: block;
}

.icon-before:before, .ads__popup__filter ul li a.is-back:before, .ads__popup__filter ul li a.is-parent:before, .mobile_menu_container ul li a.is-parent:before, .mobile_menu_container ul li a.is-back:before, .mobile_menu_container .catalog:before, .mobile_filter_container ul li a.is-parent:before, .mobile_filter_container ul li a.is-back:before, .mobile_filter_container .catalog:before, .icon, .pagePagination-nav .item-back, .pagePagination-nav .item-next, .form-select:before, .form-file-img.is-delete, .form-file-img.is-delete:hover, .app-tabs-menu .is-delete.\:active, .form-file-img.is-delete:focus, .form-file-img.is-upload, .formRadio__check {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

.icon, .pagePagination-nav .item-back, .pagePagination-nav .item-next, .form-select:before, .form-file-img.is-delete, .form-file-img.is-delete:hover, .app-tabs-menu .is-delete.\:active, .form-file-img.is-delete:focus, .form-file-img.is-upload, .formRadio__check {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  /* Code for individual icons */
}

.icon-before:before, .ads__popup__filter ul li a.is-back:before, .ads__popup__filter ul li a.is-parent:before, .mobile_menu_container ul li a.is-parent:before, .mobile_menu_container ul li a.is-back:before, .mobile_menu_container .catalog:before, .mobile_filter_container ul li a.is-parent:before, .mobile_filter_container ul li a.is-back:before, .mobile_filter_container .catalog:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.icon-font {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}

.icon-img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  top: -1px;
}

.icon-adjust-brightness:before {
  content: '\e000';
  /* '' */
}

.icon-adjust-contrast:before {
  content: '\e001';
  /* '' */
}

.icon-anchor-outline:before {
  content: '\e002';
  /* '' */
}

.icon-anchor:before {
  content: '\e003';
  /* '' */
}

.icon-archive:before {
  content: '\e004';
  /* '' */
}

.icon-arrow-back-outline:before {
  content: '\e005';
  /* '' */
}

.icon-arrow-back:before {
  content: '\e006';
  /* '' */
}

.icon-arrow-down-outline:before {
  content: '\e007';
  /* '' */
}

.icon-arrow-down-thick:before {
  content: '\e008';
  /* '' */
}

.icon-arrow-down:before {
  content: '\e009';
  /* '' */
}

.icon-arrow-forward-outline:before {
  content: '\e00a';
  /* '' */
}

.icon-arrow-forward:before {
  content: '\e00b';
  /* '' */
}

.icon-arrow-left-outline:before {
  content: '\e00c';
  /* '' */
}

.icon-arrow-left-thick:before {
  content: '\e00d';
  /* '' */
}

.icon-arrow-left:before {
  content: '\e00e';
  /* '' */
}

.icon-arrow-loop-outline:before {
  content: '\e00f';
  /* '' */
}

.icon-arrow-loop:before {
  content: '\e010';
  /* '' */
}

.icon-arrow-maximise-outline:before {
  content: '\e011';
  /* '' */
}

.icon-arrow-maximise:before {
  content: '\e012';
  /* '' */
}

.icon-arrow-minimise-outline:before {
  content: '\e013';
  /* '' */
}

.icon-arrow-minimise:before {
  content: '\e014';
  /* '' */
}

.icon-arrow-move-outline:before {
  content: '\e015';
  /* '' */
}

.icon-arrow-move:before {
  content: '\e016';
  /* '' */
}

.icon-arrow-repeat-outline:before {
  content: '\e017';
  /* '' */
}

.icon-arrow-repeat:before {
  content: '\e018';
  /* '' */
}

.icon-arrow-right-outline:before {
  content: '\e019';
  /* '' */
}

.icon-arrow-right-thick:before {
  content: '\e01a';
  /* '' */
}

.icon-arrow-right:before {
  content: '\e01b';
  /* '' */
}

.icon-arrow-shuffle:before {
  content: '\e01c';
  /* '' */
}

.icon-arrow-sorted-down:before, .form-select:before {
  content: '\e01d';
  /* '' */
}

.icon-arrow-sorted-up:before {
  content: '\e01e';
  /* '' */
}

.icon-arrow-sync-outline:before {
  content: '\e01f';
  /* '' */
}

.icon-arrow-sync:before {
  content: '\e020';
  /* '' */
}

.icon-arrow-unsorted:before {
  content: '\e021';
  /* '' */
}

.icon-arrow-up-outline:before {
  content: '\e022';
  /* '' */
}

.icon-arrow-up-thick:before {
  content: '\e023';
  /* '' */
}

.icon-arrow-up:before {
  content: '\e024';
  /* '' */
}

.icon-at:before {
  content: '\e025';
  /* '' */
}

.icon-attachment-outline:before {
  content: '\e026';
  /* '' */
}

.icon-attachment:before {
  content: '\e027';
  /* '' */
}

.icon-backspace-outline:before {
  content: '\e028';
  /* '' */
}

.icon-backspace:before {
  content: '\e029';
  /* '' */
}

.icon-battery-charge:before {
  content: '\e02a';
  /* '' */
}

.icon-battery-full:before {
  content: '\e02b';
  /* '' */
}

.icon-battery-high:before {
  content: '\e02c';
  /* '' */
}

.icon-battery-low:before {
  content: '\e02d';
  /* '' */
}

.icon-battery-mid:before {
  content: '\e02e';
  /* '' */
}

.icon-beaker:before {
  content: '\e02f';
  /* '' */
}

.icon-beer:before {
  content: '\e030';
  /* '' */
}

.icon-bell:before {
  content: '\e031';
  /* '' */
}

.icon-book:before {
  content: '\e032';
  /* '' */
}

.icon-bookmark:before {
  content: '\e033';
  /* '' */
}

.icon-briefcase:before {
  content: '\e034';
  /* '' */
}

.icon-brush:before {
  content: '\e035';
  /* '' */
}

.icon-business-card:before {
  content: '\e036';
  /* '' */
}

.icon-calculator:before {
  content: '\e037';
  /* '' */
}

.icon-calendar-outline:before {
  content: '\e038';
  /* '' */
}

.icon-calendar:before {
  content: '\e039';
  /* '' */
}

.icon-camera-outline:before {
  content: '\e03a';
  /* '' */
}

.icon-camera:before {
  content: '\e03b';
  /* '' */
}

.icon-cancel-outline:before {
  content: '\e03c';
  /* '' */
}

.icon-cancel:before {
  content: '\e03d';
  /* '' */
}

.icon-chart-area-outline:before {
  content: '\e03e';
  /* '' */
}

.icon-chart-area:before {
  content: '\e03f';
  /* '' */
}

.icon-chart-bar-outline:before {
  content: '\e040';
  /* '' */
}

.icon-chart-bar:before {
  content: '\e041';
  /* '' */
}

.icon-chart-line-outline:before {
  content: '\e042';
  /* '' */
}

.icon-chart-line:before {
  content: '\e043';
  /* '' */
}

.icon-chart-pie-outline:before {
  content: '\e044';
  /* '' */
}

.icon-chart-pie:before {
  content: '\e045';
  /* '' */
}

.icon-chevron-left-outline:before {
  content: '\e046';
  /* '' */
}

.icon-chevron-left:before, .ads__popup__filter ul li a.is-back:before, .pagePagination-nav .item-back:before, .mobile_menu_container ul li a.is-back:before, .mobile_filter_container ul li a.is-back:before {
  content: '\e047';
  /* '' */
}

.icon-chevron-right-outline:before {
  content: '\e048';
  /* '' */
}

.icon-chevron-right:before, .ads__popup__filter ul li a.is-parent:before, .pagePagination-nav .item-next:before, .mobile_menu_container ul li a.is-parent:before, .mobile_filter_container ul li a.is-parent:before {
  content: '\e049';
  /* '' */
}

.icon-clipboard:before {
  content: '\e04a';
  /* '' */
}

.icon-cloud-storage:before {
  content: '\e04b';
  /* '' */
}

.icon-cloud-storage-outline:before {
  content: '\e054';
  /* '' */
}

.icon-code-outline:before {
  content: '\e04c';
  /* '' */
}

.icon-code:before {
  content: '\e04d';
  /* '' */
}

.icon-coffee:before {
  content: '\e04e';
  /* '' */
}

.icon-cog-outline:before {
  content: '\e04f';
  /* '' */
}

.icon-cog:before {
  content: '\e050';
  /* '' */
}

.icon-compass:before {
  content: '\e051';
  /* '' */
}

.icon-contacts:before {
  content: '\e052';
  /* '' */
}

.icon-credit-card:before {
  content: '\e053';
  /* '' */
}

.icon-css3:before {
  content: '\e055';
  /* '' */
}

.icon-database:before {
  content: '\e056';
  /* '' */
}

.icon-delete-outline:before, .form-file-img.is-delete:before {
  content: '\e057';
  /* '' */
}

.icon-delete:before {
  content: '\e058';
  /* '' */
}

.icon-device-desktop:before {
  content: '\e059';
  /* '' */
}

.icon-device-laptop:before {
  content: '\e05a';
  /* '' */
}

.icon-device-phone:before {
  content: '\e05b';
  /* '' */
}

.icon-device-tablet:before {
  content: '\e05c';
  /* '' */
}

.icon-directions:before {
  content: '\e05d';
  /* '' */
}

.icon-divide-outline:before {
  content: '\e05e';
  /* '' */
}

.icon-divide:before {
  content: '\e05f';
  /* '' */
}

.icon-document-add:before {
  content: '\e060';
  /* '' */
}

.icon-document-delete:before {
  content: '\e061';
  /* '' */
}

.icon-document-text:before {
  content: '\e062';
  /* '' */
}

.icon-document:before {
  content: '\e063';
  /* '' */
}

.icon-download-outline:before {
  content: '\e064';
  /* '' */
}

.icon-download:before {
  content: '\e065';
  /* '' */
}

.icon-dropbox:before {
  content: '\e066';
  /* '' */
}

.icon-edit:before {
  content: '\e067';
  /* '' */
}

.icon-eject-outline:before {
  content: '\e068';
  /* '' */
}

.icon-eject:before {
  content: '\e069';
  /* '' */
}

.icon-equals-outline:before {
  content: '\e06a';
  /* '' */
}

.icon-equals:before {
  content: '\e06b';
  /* '' */
}

.icon-export-outline:before {
  content: '\e06c';
  /* '' */
}

.icon-export:before {
  content: '\e06d';
  /* '' */
}

.icon-eye-outline:before {
  content: '\e06e';
  /* '' */
}

.icon-eye:before {
  content: '\e06f';
  /* '' */
}

.icon-feather:before {
  content: '\e070';
  /* '' */
}

.icon-film:before {
  content: '\e071';
  /* '' */
}

.icon-filter:before {
  content: '\e072';
  /* '' */
}

.icon-flag-outline:before {
  content: '\e073';
  /* '' */
}

.icon-flag:before {
  content: '\e074';
  /* '' */
}

.icon-flash-outline:before {
  content: '\e075';
  /* '' */
}

.icon-flash:before {
  content: '\e076';
  /* '' */
}

.icon-flow-children:before {
  content: '\e077';
  /* '' */
}

.icon-flow-merge:before {
  content: '\e078';
  /* '' */
}

.icon-flow-parallel:before {
  content: '\e079';
  /* '' */
}

.icon-flow-switch:before {
  content: '\e07a';
  /* '' */
}

.icon-folder-add:before {
  content: '\e07b';
  /* '' */
}

.icon-folder-delete:before {
  content: '\e07c';
  /* '' */
}

.icon-folder-open:before {
  content: '\e07d';
  /* '' */
}

.icon-folder:before {
  content: '\e07e';
  /* '' */
}

.icon-gift:before {
  content: '\e07f';
  /* '' */
}

.icon-globe-outline:before {
  content: '\e080';
  /* '' */
}

.icon-globe:before {
  content: '\e081';
  /* '' */
}

.icon-group-outline:before {
  content: '\e082';
  /* '' */
}

.icon-group:before {
  content: '\e083';
  /* '' */
}

.icon-headphones:before {
  content: '\e084';
  /* '' */
}

.icon-heart-full-outline:before {
  content: '\e085';
  /* '' */
}

.icon-heart-half-outline:before {
  content: '\e086';
  /* '' */
}

.icon-heart-outline:before {
  content: '\e087';
  /* '' */
}

.icon-heart:before {
  content: '\e088';
  /* '' */
}

.icon-home-outline:before {
  content: '\e089';
  /* '' */
}

.icon-home:before {
  content: '\e08a';
  /* '' */
}

.icon-html5:before {
  content: '\e08b';
  /* '' */
}

.icon-image-outline:before, .form-file-img.is-upload:before {
  content: '\e08c';
  /* '' */
}

.icon-image:before {
  content: '\e08d';
  /* '' */
}

.icon-infinity-outline:before {
  content: '\e08e';
  /* '' */
}

.icon-infinity:before {
  content: '\e08f';
  /* '' */
}

.icon-info-large-outline:before {
  content: '\e090';
  /* '' */
}

.icon-info-large:before {
  content: '\e091';
  /* '' */
}

.icon-info-outline:before {
  content: '\e092';
  /* '' */
}

.icon-info:before {
  content: '\e093';
  /* '' */
}

.icon-input-checked-outline:before {
  content: '\e094';
  /* '' */
}

.icon-input-checked:before {
  content: '\e095';
  /* '' */
}

.icon-key-outline:before {
  content: '\e096';
  /* '' */
}

.icon-key:before {
  content: '\e097';
  /* '' */
}

.icon-keyboard:before {
  content: '\e098';
  /* '' */
}

.icon-leaf:before {
  content: '\e099';
  /* '' */
}

.icon-lightbulb:before {
  content: '\e09a';
  /* '' */
}

.icon-link-outline:before {
  content: '\e09b';
  /* '' */
}

.icon-link:before {
  content: '\e09c';
  /* '' */
}

.icon-location-arrow-outline:before {
  content: '\e09d';
  /* '' */
}

.icon-location-arrow:before {
  content: '\e09e';
  /* '' */
}

.icon-location-outline:before {
  content: '\e09f';
  /* '' */
}

.icon-location:before {
  content: '\e0a0';
  /* '' */
}

.icon-lock-closed-outline:before {
  content: '\e0a1';
  /* '' */
}

.icon-lock-closed:before {
  content: '\e0a2';
  /* '' */
}

.icon-lock-open-outline:before {
  content: '\e0a3';
  /* '' */
}

.icon-lock-open:before {
  content: '\e0a4';
  /* '' */
}

.icon-mail:before {
  content: '\e0a5';
  /* '' */
}

.icon-map:before {
  content: '\e0a6';
  /* '' */
}

.icon-media-eject-outline:before {
  content: '\e0a7';
  /* '' */
}

.icon-media-eject:before {
  content: '\e0a8';
  /* '' */
}

.icon-media-fast-forward-outline:before {
  content: '\e0a9';
  /* '' */
}

.icon-media-fast-forward:before {
  content: '\e0aa';
  /* '' */
}

.icon-media-pause-outline:before {
  content: '\e0ab';
  /* '' */
}

.icon-media-pause:before {
  content: '\e0ac';
  /* '' */
}

.icon-media-play-outline:before {
  content: '\e0ad';
  /* '' */
}

.icon-media-play-reverse-outline:before {
  content: '\e0ae';
  /* '' */
}

.icon-media-play-reverse:before {
  content: '\e0af';
  /* '' */
}

.icon-media-play:before {
  content: '\e0b0';
  /* '' */
}

.icon-media-record-outline:before {
  content: '\e0b1';
  /* '' */
}

.icon-media-record:before {
  content: '\e0b2';
  /* '' */
}

.icon-media-rewind-outline:before {
  content: '\e0b3';
  /* '' */
}

.icon-media-rewind:before {
  content: '\e0b4';
  /* '' */
}

.icon-media-stop-outline:before {
  content: '\e0b5';
  /* '' */
}

.icon-media-stop:before {
  content: '\e0b6';
  /* '' */
}

.icon-message-typing:before {
  content: '\e0b7';
  /* '' */
}

.icon-message:before {
  content: '\e0b8';
  /* '' */
}

.icon-messages:before {
  content: '\e0b9';
  /* '' */
}

.icon-microphone-outline:before {
  content: '\e0ba';
  /* '' */
}

.icon-microphone:before {
  content: '\e0bb';
  /* '' */
}

.icon-minus-outline:before {
  content: '\e0bc';
  /* '' */
}

.icon-minus:before {
  content: '\e0bd';
  /* '' */
}

.icon-mortar-board:before {
  content: '\e0be';
  /* '' */
}

.icon-news:before {
  content: '\e0bf';
  /* '' */
}

.icon-notes-outline:before {
  content: '\e0c0';
  /* '' */
}

.icon-notes:before {
  content: '\e0c1';
  /* '' */
}

.icon-pen:before {
  content: '\e0c2';
  /* '' */
}

.icon-pencil:before {
  content: '\e0c3';
  /* '' */
}

.icon-phone-outline:before {
  content: '\e0c4';
  /* '' */
}

.icon-phone:before {
  content: '\e0c5';
  /* '' */
}

.icon-pi-outline:before {
  content: '\e0c6';
  /* '' */
}

.icon-pi:before {
  content: '\e0c7';
  /* '' */
}

.icon-pin-outline:before {
  content: '\e0c8';
  /* '' */
}

.icon-pin:before {
  content: '\e0c9';
  /* '' */
}

.icon-pipette:before {
  content: '\e0ca';
  /* '' */
}

.icon-plane-outline:before {
  content: '\e0cb';
  /* '' */
}

.icon-plane:before {
  content: '\e0cc';
  /* '' */
}

.icon-plug:before {
  content: '\e0cd';
  /* '' */
}

.icon-plus-outline:before {
  content: '\e0ce';
  /* '' */
}

.icon-plus:before {
  content: '\e0cf';
  /* '' */
}

.icon-point-of-interest-outline:before {
  content: '\e0d0';
  /* '' */
}

.icon-point-of-interest:before {
  content: '\e0d1';
  /* '' */
}

.icon-power-outline:before {
  content: '\e0d2';
  /* '' */
}

.icon-power:before {
  content: '\e0d3';
  /* '' */
}

.icon-printer:before {
  content: '\e0d4';
  /* '' */
}

.icon-puzzle-outline:before {
  content: '\e0d5';
  /* '' */
}

.icon-puzzle:before {
  content: '\e0d6';
  /* '' */
}

.icon-radar-outline:before {
  content: '\e0d7';
  /* '' */
}

.icon-radar:before {
  content: '\e0d8';
  /* '' */
}

.icon-refresh-outline:before {
  content: '\e0d9';
  /* '' */
}

.icon-refresh:before {
  content: '\e0da';
  /* '' */
}

.icon-rss-outline:before {
  content: '\e0db';
  /* '' */
}

.icon-rss:before {
  content: '\e0dc';
  /* '' */
}

.icon-scissors-outline:before {
  content: '\e0dd';
  /* '' */
}

.icon-scissors:before {
  content: '\e0de';
  /* '' */
}

.icon-shopping-bag:before {
  content: '\e0df';
  /* '' */
}

.icon-shopping-cart:before {
  content: '\e0e0';
  /* '' */
}

.icon-social-at-circular:before {
  content: '\e0e1';
  /* '' */
}

.icon-social-dribbble-circular:before {
  content: '\e0e2';
  /* '' */
}

.icon-social-dribbble:before {
  content: '\e0e3';
  /* '' */
}

.icon-social-facebook-circular:before {
  content: '\e0e4';
  /* '' */
}

.icon-social-facebook:before {
  content: '\e0e5';
  /* '' */
}

.icon-social-flickr-circular:before {
  content: '\e0e6';
  /* '' */
}

.icon-social-flickr:before {
  content: '\e0e7';
  /* '' */
}

.icon-social-github-circular:before {
  content: '\e0e8';
  /* '' */
}

.icon-social-github:before {
  content: '\e0e9';
  /* '' */
}

.icon-social-google-plus-circular:before {
  content: '\e0ea';
  /* '' */
}

.icon-social-google-plus:before {
  content: '\e0eb';
  /* '' */
}

.icon-social-instagram-circular:before {
  content: '\e0ec';
  /* '' */
}

.icon-social-instagram:before {
  content: '\e0ed';
  /* '' */
}

.icon-social-last-fm-circular:before {
  content: '\e0ee';
  /* '' */
}

.icon-social-last-fm:before {
  content: '\e0ef';
  /* '' */
}

.icon-social-linkedin-circular:before {
  content: '\e0f0';
  /* '' */
}

.icon-social-linkedin:before {
  content: '\e0f1';
  /* '' */
}

.icon-social-pinterest-circular:before {
  content: '\e0f2';
  /* '' */
}

.icon-social-pinterest:before {
  content: '\e0f3';
  /* '' */
}

.icon-social-skype-outline:before {
  content: '\e0f4';
  /* '' */
}

.icon-social-skype:before {
  content: '\e0f5';
  /* '' */
}

.icon-social-tumbler-circular:before {
  content: '\e0f6';
  /* '' */
}

.icon-social-tumbler:before {
  content: '\e0f7';
  /* '' */
}

.icon-social-twitter-circular:before {
  content: '\e0f8';
  /* '' */
}

.icon-social-twitter:before {
  content: '\e0f9';
  /* '' */
}

.icon-social-vimeo-circular:before {
  content: '\e0fa';
  /* '' */
}

.icon-social-vimeo:before {
  content: '\e0fb';
  /* '' */
}

.icon-social-youtube-circular:before {
  content: '\e0fc';
  /* '' */
}

.icon-social-youtube:before {
  content: '\e0fd';
  /* '' */
}

.icon-sort-alphabetically-outline:before {
  content: '\e0fe';
  /* '' */
}

.icon-sort-alphabetically:before {
  content: '\e0ff';
  /* '' */
}

.icon-sort-numerically-outline:before {
  content: '\e100';
  /* '' */
}

.icon-sort-numerically:before {
  content: '\e101';
  /* '' */
}

.icon-spanner-outline:before {
  content: '\e102';
  /* '' */
}

.icon-spanner:before {
  content: '\e103';
  /* '' */
}

.icon-spiral:before {
  content: '\e104';
  /* '' */
}

.icon-star-full-outline:before {
  content: '\e105';
  /* '' */
}

.icon-star-half-outline:before {
  content: '\e106';
  /* '' */
}

.icon-star-half:before {
  content: '\e107';
  /* '' */
}

.icon-star-outline:before {
  content: '\e108';
  /* '' */
}

.icon-star:before {
  content: '\e109';
  /* '' */
}

.icon-starburst-outline:before {
  content: '\e10a';
  /* '' */
}

.icon-starburst:before {
  content: '\e10b';
  /* '' */
}

.icon-stopwatch:before {
  content: '\e10c';
  /* '' */
}

.icon-support:before {
  content: '\e10d';
  /* '' */
}

.icon-tabs-outline:before {
  content: '\e10e';
  /* '' */
}

.icon-tag:before {
  content: '\e10f';
  /* '' */
}

.icon-tags:before {
  content: '\e110';
  /* '' */
}

.icon-th-large-outline:before {
  content: '\e111';
  /* '' */
}

.icon-th-large:before {
  content: '\e112';
  /* '' */
}

.icon-th-list-outline:before {
  content: '\e113';
  /* '' */
}

.icon-th-list:before {
  content: '\e114';
  /* '' */
}

.icon-th-menu-outline:before {
  content: '\e115';
  /* '' */
}

.icon-th-menu:before {
  content: '\e116';
  /* '' */
}

.icon-th-small-outline:before {
  content: '\e117';
  /* '' */
}

.icon-th-small:before {
  content: '\e118';
  /* '' */
}

.icon-thermometer:before {
  content: '\e119';
  /* '' */
}

.icon-thumbs-down:before {
  content: '\e11a';
  /* '' */
}

.icon-thumbs-ok:before {
  content: '\e11b';
  /* '' */
}

.icon-thumbs-up:before {
  content: '\e11c';
  /* '' */
}

.icon-tick-outline:before {
  content: '\e11d';
  /* '' */
}

.icon-tick:before, .formRadio__input[type="radio"]:checked ~ .formRadio__check:before {
  content: '\e11e';
  /* '' */
}

.icon-ticket:before {
  content: '\e11f';
  /* '' */
}

.icon-time:before {
  content: '\e120';
  /* '' */
}

.icon-times-outline:before {
  content: '\e121';
  /* '' */
}

.icon-times:before {
  content: '\e122';
  /* '' */
}

.icon-trash:before {
  content: '\e123';
  /* '' */
}

.icon-tree:before {
  content: '\e124';
  /* '' */
}

.icon-upload-outline:before {
  content: '\e125';
  /* '' */
}

.icon-upload:before {
  content: '\e126';
  /* '' */
}

.icon-user-add-outline:before {
  content: '\e127';
  /* '' */
}

.icon-user-add:before {
  content: '\e128';
  /* '' */
}

.icon-user-delete-outline:before {
  content: '\e129';
  /* '' */
}

.icon-user-delete:before {
  content: '\e12a';
  /* '' */
}

.icon-user-outline:before {
  content: '\e12b';
  /* '' */
}

.icon-user:before {
  content: '\e12c';
  /* '' */
}

.icon-vendor-android:before {
  content: '\e12d';
  /* '' */
}

.icon-vendor-apple:before {
  content: '\e12e';
  /* '' */
}

.icon-vendor-microsoft:before {
  content: '\e12f';
  /* '' */
}

.icon-video-outline:before {
  content: '\e130';
  /* '' */
}

.icon-video:before {
  content: '\e131';
  /* '' */
}

.icon-volume-down:before {
  content: '\e132';
  /* '' */
}

.icon-volume-mute:before {
  content: '\e133';
  /* '' */
}

.icon-volume-up:before {
  content: '\e134';
  /* '' */
}

.icon-volume:before {
  content: '\e135';
  /* '' */
}

.icon-warning-outline:before {
  content: '\e136';
  /* '' */
}

.icon-warning:before {
  content: '\e137';
  /* '' */
}

.icon-watch:before {
  content: '\e138';
  /* '' */
}

.icon-waves-outline:before {
  content: '\e139';
  /* '' */
}

.icon-waves:before {
  content: '\e13a';
  /* '' */
}

.icon-weather-cloudy:before {
  content: '\e13b';
  /* '' */
}

.icon-weather-downpour:before {
  content: '\e13c';
  /* '' */
}

.icon-weather-night:before {
  content: '\e13d';
  /* '' */
}

.icon-weather-partly-sunny:before {
  content: '\e13e';
  /* '' */
}

.icon-weather-shower:before {
  content: '\e13f';
  /* '' */
}

.icon-weather-snow:before {
  content: '\e140';
  /* '' */
}

.icon-weather-stormy:before {
  content: '\e141';
  /* '' */
}

.icon-weather-sunny:before {
  content: '\e142';
  /* '' */
}

.icon-weather-windy-cloudy:before {
  content: '\e143';
  /* '' */
}

.icon-weather-windy:before {
  content: '\e144';
  /* '' */
}

.icon-wi-fi-outline:before {
  content: '\e145';
  /* '' */
}

.icon-wi-fi:before {
  content: '\e146';
  /* '' */
}

.icon-wine:before {
  content: '\e147';
  /* '' */
}

.icon-world-outline:before {
  content: '\e148';
  /* '' */
}

.icon-world:before {
  content: '\e149';
  /* '' */
}

.icon-zoom-in-outline:before {
  content: '\e14a';
  /* '' */
}

.icon-zoom-in:before {
  content: '\e14b';
  /* '' */
}

.icon-zoom-out-outline:before {
  content: '\e14c';
  /* '' */
}

.icon-zoom-out:before {
  content: '\e14d';
  /* '' */
}

.icon-zoom-outline:before {
  content: '\e14e';
  /* '' */
}

.icon-zoom:before {
  content: '\e14f';
  /* '' */
}

.css-relative {
  position: relative;
}

.css-hidden {
  display: none;
}

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

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

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

.css-text-justify {
  text-align: justify;
}

.header-top {
  position: absolute;
  z-index: 5;
  width: 100%;
}

.header-top-menu {
  text-align: right;
}

.header-top-menu li {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .header-top-menu li {
    font-size: 15px;
  }
}

.header-top-menu li:last-child {
  padding-right: 0;
}

.header-top-menu li a {
  display: block;
}

.header-top-menu-logo {
  font-family: "PlateiaBold", cursive;
font-size:28px;
}

.header-top-menu-icon {
  background-repeat: no-repeat;
  background-position: left -1px;
  padding-left: 33px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .header-top-menu-icon {
    display: none !important;
  }
}

.header-top-menu-icon\:mail {
  background-image: url("../img/icon/mail.svg");
}

.header-top-menu-icon\:mail:hover, .app-tabs-menu .header-top-menu-icon\:mail.\:active {
  background-image: url("../img/icon/mail-hover.svg");
}

.header-top-menu-icon\:phone {
  background-image: url("../img/icon/phone.svg");
}

.header-top-menu-icon\:phone:hover, .app-tabs-menu .header-top-menu-icon\:phone.\:active {
  background-image: url("../img/icon/phone-hover.svg");
}

.header .btn, .header .app-tabs-menu .\:active, .app-tabs-menu .header .\:active {
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .header .btn, .header .app-tabs-menu .\:active, .app-tabs-menu .header .\:active {
    display: none;
  }
}

.footer {
  /* background: #008bd1; */
  background: rgb(116,192,230);
  background: linear-gradient(180deg, #75c0e6 0%, rgba(173,218,240,1) 50%, rgba(247,252,254,1) 90%);
  color: #008bd1;
  z-index: 10300;
  width: 100%;
  padding: 10px 80px;
  max-height: 250px;
  position: fixed;
  bottom: 0;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.footer__logo {
  font-family: "PlateiaBold", cursive;
  color: #fff;
  font-size: 18px;
  margin-right: 50px;
  line-height: 20px;
}

@media only screen and (max-width: 575px) {
  .footer {
    position: relative;
    padding: 20px;
  }
}

.aside {
  position: relative;
  z-index: 100;
}

.aside__menu {
  margin-top: 30px;
}

.aside__menu__title {
  position: relative;
  padding: 0 0 15px 8px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.aside__menu__list {
  margin-right: -15px;
  margin-bottom: 20px;
}

.aside__menu__list li {
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
  display: block;
  margin-bottom: 4px;
  padding-left: 7px;
  border-radius: 8px 0 0 8px;
}

.aside__menu__list li:active, .aside__menu__list li.active, .aside__menu__list li:active:focus, .aside__menu__list li:active:hover, .aside__menu__list .app-tabs-menu .\:active:active, .app-tabs-menu .aside__menu__list .\:active:active, .aside__menu__list li.active:focus, .aside__menu__list li.active:hover, .aside__menu__list .app-tabs-menu .active.\:active, .app-tabs-menu .aside__menu__list .active.\:active {
  background: #c2cada;
}

.aside__menu__list li a {
  position: relative;
  display: block;
  line-height: 36px;
  padding: 0 10px 0 0;
  white-space: nowrap;
  color: #000;
}

.aside__menu__list li a svg {
  position: relative;
  top: -1px;
}

.aside__menu__list li a span {
  padding-left: 10px;
}

.aside__menu__list li a b {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.aside__menu__list li a:hover, .aside__menu__list li .app-tabs-menu a.\:active, .app-tabs-menu .aside__menu__list li a.\:active, .aside__menu__list li a:focus {
  color: #008bd1;
}

.aside__menu__list li a.is-hidden {
  display: none;
}

.aside__menu__list li a.is-status-2 .icon, .aside__menu__list li a.is-status-2 .pagePagination-nav .item-back, .pagePagination-nav .aside__menu__list li a.is-status-2 .item-back, .aside__menu__list li a.is-status-2 .pagePagination-nav .item-next, .pagePagination-nav .aside__menu__list li a.is-status-2 .item-next, .aside__menu__list li a.is-status-2 .form-select:before, .aside__menu__list li a.is-status-2 .form-file-img.is-delete, .aside__menu__list li a.is-status-2 .form-file-img.is-upload, .aside__menu__list li a.is-status-2 .formRadio__check {
  color: #c2cada;
}

.aside__menu__list .id {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
  width: auto;
  border: 1px solid #dadada;
  color: #000;
}

.aside__menu__list .btn-add {
  color: #0087ff;
}

.aside__menu__list .btn-show {
  color: #5f5f5f;
}

.aside__menu__list .btn-show:focus {
  color: #5f5f5f;
}

.aside__menu__list .btn-show span {
  text-decoration: underline;
}

.aside__menu__list .btn-show.is-on {
  color: #f77f51;
}

.aside__menu__list .btn-del {
  background: rgba(255, 0, 0, 0.18);
}

.aside__menu__list .btn-del:hover a, .aside__menu__list .app-tabs-menu .btn-del.\:active a, .app-tabs-menu .aside__menu__list .btn-del.\:active a {
  color: red;
}

.aside__menu__btn-back {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 15px;
  color: #282828;
}

.aside__menu__btn-back i {
  position: absolute;
  top: -11px;
  left: 0;
  font-size: 25px;
}

.aside__menu__btn-back span {
  display: block;
  padding: 10px 35px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.app-main\:about {
  background-image: url("../img/bg-about.jpg");
  background-size: cover;
}

.app-main\:catalog {
  background: linear-gradient(180deg, #75c0e6 0%, #feffff 30%) !important;
}

.app-tabs-menu {
  text-align: center;
}

.app-tabs-menu .btn, .app-tabs-menu .\:active {
  margin: 10px 10px 15px;
}

.app-tabs-list-item {
  overflow: hidden;
  display: none;
}

.app-tabs-list-item.\:active {
  display: block;
}

.app-rating {
  font-size: 0;
}

.app-rating__wrap {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}

.app-rating__wrap:after {
  content: "";
  display: table;
  clear: both;
}

.app-rating__ico {
  float: right;
  padding-left: 2px;
  cursor: pointer;
  color: #273647;
}

.app-rating__ico:last-child {
  padding-left: 0;
}

.app-rating__input {
  display: none;
}

.app-rating__ico:hover:before, .app-tabs-menu .app-rating__ico.\:active:before, .app-rating__ico:hover ~ .app-rating__ico:before, .app-tabs-menu .app-rating__ico.\:active ~ .app-rating__ico:before, .app-rating__input:checked ~ .app-rating__ico:before {
  content: '\e105';
}

.app-rating__text {
  display: inline-block;
  padding-left: 10px;
  font-size: 11px;
  vertical-align: middle;
  font-weight: 500;
  color: #a6a6a6;
  letterletter-spacing: 0.2px;
}

.app-color {
  max-width: 300px;
}

.app-color label {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5px;
}

.app-color__input {
  display: none;
}

.app-color__input[type="radio"]:checked + .app-color__bg {
  box-shadow: inset 0 0 0 2px white;
  border: 2px solid #273647;
}

.app-color__bg {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: 25px;
  margin: 0 5px 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}

.app-radio {
  max-width: 300px;
}

.app-radio label {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5px;
}

.app-radio__input {
  display: none;
}

.app-radio__input[type="radio"]:checked + .app-radio__name {
  background: #a7a7a7;
  color: #fff;
  font-weight: 600;
}

.app-radio__name {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  margin: 0 5px 0 0;
  background: #f7f7f7;
  border: 0;
  color: #737373;
  padding: 0 9px;
  line-height: 30px;
  font-size: 11px;
}

.app-breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
  font-size: 12px;
  color: #020202;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 991px) {
  .app-breadcrumb ol {
    font-size: 11px;
  }
}

.app-breadcrumb ol li {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 991px) {
  .app-breadcrumb ol li {
    padding-right: 10px;
    margin-right: 10px;
  }
}

.app-breadcrumb ol li:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: -5px;
  width: 5px;
  height: 9px;
  background: url("../img-----/svg/breadcrumb-arrow.svg") 0 0 no-repeat;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 991px) {
  .app-breadcrumb ol li:after {
    top: 4px;
  }
}

.app-breadcrumb ol li svg {
  position: relative;
  top: 2px;
}

.app-breadcrumb ol li:last-child:after {
  display: none;
}

.app-soc {
  margin-top: 5px;
}

.app-soc li {
  display: inline-block;
}
.social_wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-soc > li a {
  margin-bottom: 50px;
}
.app-soc li a {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 100%;
  min-width: 75px;
  height: 75px;
  text-align: center;
  margin-bottom: 20px;
}

.app-soc li a.fb {
  background-image: url("../img/icon/soc-fb.svg");
}

.app-soc li a.fb:hover, .app-soc li .app-tabs-menu .fb.\:active, .app-tabs-menu .app-soc li .fb.\:active {
  background-image: url("../img/icon/soc-fb-hover.svg");
}

.app-soc li a.tw {
  background-image: url("../img/icon/soc-tw.svg");
}

.app-soc li a.tw:hover, .app-soc li .app-tabs-menu .tw.\:active, .app-tabs-menu .app-soc li .tw.\:active {
  background-image: url("../img/icon/soc-tw-hover.svg");
}

.app-soc li a.inst {
  background-image: url("../img/icon/soc-inst.svg");
}

.app-soc li a.inst:hover, .app-soc li .app-tabs-menu .inst.\:active, .app-tabs-menu .app-soc li .inst.\:active {
  background-image: url("../img/icon/soc-inst-hover.svg");
}

.app-soc li a.youtube {
  background-image: url("../img/icon/soc-you.svg");
}

.app-soc li a.youtube:hover, .app-soc li .app-tabs-menu .youtube.\:active, .app-tabs-menu .app-soc li .youtube.\:active {
  background-image: url("../img/icon/soc-you-hover.svg");
}

.mob-content-logo {
  font-family: "PlateiaBold", cursive;
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.mob-content-text {
  margin-bottom: 40px;
}

.mob-content-menu-icon {
  background-repeat: no-repeat;
  background-position: center center;
  height: 70px;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
}

.mob-content-menu-icon span {
  display: block;
  padding-top: 80px;
}

.mob-content-menu-icon\:about {
  background-image: url("../img/icon/about.svg");
}

.mob-content-menu-icon\:about:hover, .app-tabs-menu .mob-content-menu-icon\:about.\:active {
  background-image: url("../img/icon/about-hover.svg");
}

.mob-content-menu-icon\:contact {
  background-image: url("../img/icon/contact.svg");
}

.mob-content-menu-icon\:contact:hover, .app-tabs-menu .mob-content-menu-icon\:contact.\:active {
  background-image: url("../img/icon/contact-hover.svg");
}
.mob-content-menu-icon\:catalog {
  background-image: url("../img/icon/catalog.svg");
  background-size: 75px 75px;
}

.mob-content-menu-icon\:catalog:hover, .app-tabs-menu .mob-content-menu-icon\:catalog.\:active {
  background-image: url("../img/icon/catalog-hover.svg");
}

.mob-content-soc {
  margin-top: 30px;
}

.mob-btn {
  position: fixed;
  z-index: 10203;
  height: 100%;
  vertical-align: middle;
  background: #008bd1;
  text-align: center;
  display: table;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .mob-btn {
    height: 50px;
    border-radius: 0 0 5px 0;
  }
}

.mob-btn a {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .mob-btn a {
    position: relative;
    top: 8px;
  }
  a.mobile_menu:before {
	display: none;
  }
}

.mob-btn .icon-svg {
  width: 50px;
  height: 50px;
}

.socialLink .item {
  position: relative;
  display: block;
  padding-left: 58px;
  margin-bottom: 20px;
}

.socialLink .item:hover, .socialLink .app-tabs-menu .item.\:active, .app-tabs-menu .socialLink .item.\:active, .socialLink .item:focus {
  cursor: pointer;
}

.socialLink .item:hover .footer__link__item__name, .socialLink .app-tabs-menu .item.\:active .footer__link__item__name, .app-tabs-menu .socialLink .item.\:active .footer__link__item__name, .socialLink .item:focus .footer__link__item__name {
  color: #00A9DE;
}

.socialLink .item img {
  position: absolute;
  top: -7px;
  left: 12px;
  width: 35px;
}

.socialLink .item__icon {
  position: absolute;
  top: -11px;
  left: 12px;
}

.socialLink .item__icon:before {
  font-size: 40px;
}

.socialLink .item__name {
  display: block;
  color: #fff;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 15px;
}

.socialLink .item__link {
  font-family: "PlateiaBold", cursive;
  display: block;
  font-size: 12px;
}

.socialLink.is-list-one .item {
  width: 100%;
}

/* Попап окна */
.popup {
  /* Форма обратной связи со мной */
  /* Форма обратной связи со мной */
}

.popup.is-mini .popup-container {
  max-width: 360px;
}

.popupFeedbackInfo__title {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  line-height: 40px;
  margin-top: 10px;
}

.popupFeedbackInfo__description {
  font-family: "PlateiaBold", cursive;
  font-size: 14px;
  color: #8c9ba7;
  margin-bottom: 20px;
  padding-left: 2px;
}

.popupFeedbackInfo__btn {
  text-align: center;
}

.popupLoginForm {
  width: 400px;
}

.popupLoginForm.w\:5 {
  width: 500px;
}

.popupLoginForm.w\:6 {
  width: 600px;
}

.popupLoginForm .btn, .popupLoginForm .app-tabs-menu .\:active, .app-tabs-menu .popupLoginForm .\:active {
  width: 100%;
  margin-bottom: 15px;
}

.popupLoginForm .app-radio {
  width: 100%;
}

.popupLoginForm .app-radio label {
  display: block;
}

.popupLoginForm .app-radio__name {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  line-height: 2px;
  padding: 20px;
  color: #273647;
}

.popupLoginForm .formRadio label {
  display: inline-block;
}

.popupLoginForm__text__mini {
  font-size: 11px;
  text-align: justify;
}

.popupLoginForm__textList {
  margin: 10px 0;
  padding: 20px;
  background: #f7f7f7;
  text-align: left;
}

.popupLoginForm__textList b {
  font-weight: bold;
  color: #1a1a1a;
}

.popupLoginForm__textList ul {
  margin-top: 10px;
}

.popupLoginForm__textList ul li {
  margin-top: 10px;
  font-size: 12px;
}

.page {
  /* Шаблоны - Заголовки, текста */
  /* Шапка сайта - верхняя часть и видео */
}

.page-group {
  position: relative;
}

.page-title {
  font-size: 25px;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .page-title {
    font-size: 18px;
    line-height: 31px;
  }
}

.page-title-menu {
  margin: 0 -14px;
  padding-bottom: 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .page-title-menu {
    display: none;
  }
}

.page-title-menu li:last-child a span {
  border: 0;
}

.page-title-menu li a {
  display: inline-block;
  padding: 0 0 15px 0;
  color: #a6a6a6;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.page-title-menu li a:hover, .page-title-menu li .app-tabs-menu a.\:active, .app-tabs-menu .page-title-menu li a.\:active, .page-title-menu li a:focus {
  color: #008bd1;
}

.page-title-menu li a.is-active {
  color: #000;
  font-weight: 500;
  cursor: default;
}

.page-title-menu li a span {
  padding: 0 15px;
  border-right: 1px solid #f3f3f3;
}

.page-title-menu.is-right {
  position: absolute;
  right: 100px;
  top: 10px;
}

.page-title-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 600;
  font-size: 15px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.page-title-btn .icon, .page-title-btn .pagePagination-nav .item-back, .pagePagination-nav .page-title-btn .item-back, .page-title-btn .pagePagination-nav .item-next, .pagePagination-nav .page-title-btn .item-next, .page-title-btn .form-select:before, .page-title-btn .form-file-img.is-delete, .page-title-btn .form-file-img.is-upload, .page-title-btn .formRadio__check, .page-title-btn .app-tabs-menu .is-delete.\:active, .app-tabs-menu .page-title-btn .is-delete.\:active {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .page-title-btn {
    display: none;
  }
}

.page-title-text {
  margin-left: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #737373;
}

.page-description {
  font-size: 11px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.page-text {
  font-weight: 400;
  margin-bottom: 30px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .page-text {
    font-size: 11px;
  }
}

.page-text ul li {
  margin-left: 20px;
  list-style: disc;
}

.page-text-icon {
  position: relative;
  margin-bottom: 30px;
}

.page-text-icon .icon-svg {
  position: absolute;
  left: 0;
}

.page-text-icon span {
  display: block;
  padding-left: 100px;
  font-weight: 600;
  color: #0c0e14;
  font-size: 18px;
  margin-bottom: 20px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .page-text-icon span {
    padding-left: 70px;
    min-height: 50px;
  }
}

.page-text-icon p {
  padding-left: 100px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .page-text-icon p {
    padding-left: 0;
  }
}

.page-loading {
  margin-top: 10px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.page__menu__title {
  background: #273647;
  padding: 20px;
  color: #fff;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 1px;
}

.page__menu__title .icon, .page__menu__title .pagePagination-nav .item-back, .pagePagination-nav .page__menu__title .item-back, .page__menu__title .pagePagination-nav .item-next, .pagePagination-nav .page__menu__title .item-next, .page__menu__title .form-select:before, .page__menu__title .form-file-img.is-delete, .page__menu__title .form-file-img.is-upload, .page__menu__title .formRadio__check, .page__menu__title .app-tabs-menu .is-delete.\:active, .app-tabs-menu .page__menu__title .is-delete.\:active {
  font-size: 17px;
  float: right;
}

.page__menu ul {
  border: 1px solid #e5e5e5;
}

.page__menu ul li {
  display: block;
}

.page__menu ul li a {
  display: block;
  font-size: 13px;
  padding: 10px;
  color: #1a1a1a;
}

.page__menu ul li a:hover, .page__menu ul li .app-tabs-menu a.\:active, .app-tabs-menu .page__menu ul li a.\:active {
  color: #008bd1;
}

.page__menu ul li a .icon-svg {
  padding-right: 5px;
  position: relative;
  top: -1px;
}

.page__menu ul li a .icon, .page__menu ul li a .pagePagination-nav .item-back, .pagePagination-nav .page__menu ul li a .item-back, .page__menu ul li a .pagePagination-nav .item-next, .pagePagination-nav .page__menu ul li a .item-next, .page__menu ul li a .form-select:before, .page__menu ul li a .form-file-img.is-delete, .page__menu ul li a .form-file-img.is-upload, .page__menu ul li a .formRadio__check, .page__menu ul li a .app-tabs-menu .is-delete.\:active, .app-tabs-menu .page__menu ul li a .is-delete.\:active {
  font-size: 17px;
  float: right;
}

.page__menu ul li a span {
  display: inline-block;
  vertical-align: middle;
}

.pagePagination {
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .pagePagination {
    margin-bottom: 10px;
  }
}

.pagePagination-count {
  text-align: left;
  font-size: 12px;
  color: #a6a6a6;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .pagePagination-count {
    display: none;
  }
}

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

.pagePagination-nav {
  text-align: right;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .pagePagination-nav {
    text-align: center;
  }
}

.pagePagination-nav li {
  display: inline-block;
  vertical-align: middle;
}

.pagePagination-nav li a, .pagePagination-nav li span {
  position: relative;
  display: block;
  padding: .5rem;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
  color: #a6a6a6;
}

.pagePagination-nav li a:hover, .pagePagination-nav li .app-tabs-menu a.\:active, .app-tabs-menu .pagePagination-nav li a.\:active {
  color: #008bd1;
  text-decoration: underline;
}

.pagePagination-nav .item-back, .pagePagination-nav .item-next {
  font-size: 15px;
  height: 30px;
  margin: 0 5px;
  text-decoration: none !important;
}

.p-title {
  margin-bottom: 10px;
}

.p-title b {
  color: #0c0e14;
}

.p-box {
  padding: 50px;
  background: #fff;
  margin-bottom: 20px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .p-box {
    padding: 20px;
  }
}

.p-text {
  color: #0c0e14;
}

.f\:1 {
  font-family: "d_Kallisto", sans-serif;
}

.f\:2 {
  font-family: "PlateiaBold", cursive;
}

.index {
  width: 100%;
  height: 100%;
  min-height: 600px;
  min-width: 768px;
  position: absolute;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .index {
    position: relative;
    min-width: auto;
    min-height: 500px;
  }
}

.index__menu {
  min-height: 100px;
  overflow: hidden;
  display: table;
  width: 100%;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .index__menu {
    display: block;
  }
}

.index__menu\:4 .index__menu__block {
  width: 25%;
  z-index: 2;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .index__menu\:4 .index__menu__block {
    width: 100%;
  }
}

.index__menu__block {
  display: table-cell;
  width: 50%;
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  vertical-align: middle;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .index__menu__block {
    width: 100% !important;
    display: block;
   /* min-height: auto;*/
    min-height: 445px;
    padding: 50px;
  }
}

.index__menu__block\:1, .index__menu__block\:3 {
  background-image: url("../img/index/bg1.png");
}

.index__menu__block\:2, .index__menu__block\:4 {
  background-image: url("../img/index/bg2.png");
}

.index__menu__block__logo {
  margin-bottom: 50px;
}

.index__menu__block__btn {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  max-width: 220px;
  margin: auto;
}

.ads .page-title-btn {
  display: none;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .ads .page-title-btn {
    display: block;
  }
}

.ads__search {
  position: relative;
  margin-bottom: 20px;
}

.ads__search .form-input, .ads__search .form-select {
  margin: 0;
}

.ads__search .form-input .form-input-control, .ads__search .form-select .form-input-control, .ads__search .form-input .form-textarea-control, .ads__search .form-select .form-textarea-control, .ads__search .form-input .form-select-control, .ads__search .form-select .form-select-control {
  border: 0 !important;
  border-radius: 35px;
  background: #ededed;
  width: 100%;
  padding: 11px 25px;
  font-size: 14px;
  box-shadow: none;
  padding-left: 200px;
}

.ads__search .form-input .form-input-btn, .ads__search .form-select .form-input-btn {
  display: inline-block;
  position: absolute;
  margin: 0px;
  padding: 8px 20px 13px;
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: 20px;
  top: 0;
  right: 2px;
}

.ads__search .form-input .icon, .ads__search .form-select .icon, .ads__search .form-input .form-select:before, .ads__search .form-select .form-select:before, .ads__search .form-input .form-file-img.is-delete, .ads__search .form-select .form-file-img.is-delete, .ads__search .form-input .form-file-img.is-upload, .ads__search .form-select .form-file-img.is-upload, .ads__search .form-input .formRadio__check, .ads__search .form-select .formRadio__check, .ads__search .form-input .app-tabs-menu .is-delete.\:active, .app-tabs-menu .ads__search .form-input .is-delete.\:active, .ads__search .form-select .app-tabs-menu .is-delete.\:active, .app-tabs-menu .ads__search .form-select .is-delete.\:active, .ads__search .form-input .pagePagination-nav .item-back, .pagePagination-nav .ads__search .form-input .item-back, .ads__search .form-select .pagePagination-nav .item-back, .pagePagination-nav .ads__search .form-select .item-back, .ads__search .form-input .pagePagination-nav .item-next, .pagePagination-nav .ads__search .form-input .item-next, .ads__search .form-select .pagePagination-nav .item-next, .pagePagination-nav .ads__search .form-select .item-next {
  margin-left: 20px;
}

.ads__search .form-input .btn, .ads__search .form-select .btn, .ads__search .form-input .app-tabs-menu .\:active, .app-tabs-menu .ads__search .form-input .\:active, .ads__search .form-select .app-tabs-menu .\:active, .app-tabs-menu .ads__search .form-select .\:active {
  position: absolute;
  top: 0;
  z-index: 1;
  margin-top: 4px;
  margin-left: 4px;
}

.ads__search .form-input .btn ul, .ads__search .form-select .btn ul, .ads__search .form-input .app-tabs-menu .\:active ul, .app-tabs-menu .ads__search .form-input .\:active ul, .ads__search .form-select .app-tabs-menu .\:active ul, .app-tabs-menu .ads__search .form-select .\:active ul {
  display: none;
  position: absolute;
  min-width: 100%;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 0 0 6px 6px;
  padding-top: 10px;
}

.ads__search .form-input .btn ul li, .ads__search .form-select .btn ul li, .ads__search .form-input .app-tabs-menu .\:active ul li, .app-tabs-menu .ads__search .form-input .\:active ul li, .ads__search .form-select .app-tabs-menu .\:active ul li, .app-tabs-menu .ads__search .form-select .\:active ul li {
  display: block;
  padding: 0;
}

.ads__search .form-input .btn ul li a, .ads__search .form-select .btn ul li a, .ads__search .form-input .app-tabs-menu .\:active ul li a, .app-tabs-menu .ads__search .form-input .\:active ul li a, .ads__search .form-select .app-tabs-menu .\:active ul li a, .app-tabs-menu .ads__search .form-select .\:active ul li a {
  display: block;
  color: #0c0e14;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
}

.ads__search .form-input .btn ul li a:hover, .ads__search .form-select .btn ul li a:hover, .ads__search .form-input .app-tabs-menu .\:active ul li a:hover, .app-tabs-menu .ads__search .form-input .\:active ul li a:hover, .ads__search .form-select .app-tabs-menu .\:active ul li a:hover, .app-tabs-menu .ads__search .form-select .\:active ul li a:hover, .ads__search .form-input .btn ul li .app-tabs-menu a.\:active, .app-tabs-menu .ads__search .form-input .btn ul li a.\:active, .ads__search .form-select .btn ul li .app-tabs-menu a.\:active, .app-tabs-menu .ads__search .form-select .btn ul li a.\:active, .ads__search .form-input .app-tabs-menu .\:active ul li a.\:active, .app-tabs-menu .ads__search .form-input .\:active ul li a.\:active, .ads__search .form-select .app-tabs-menu .\:active ul li a.\:active, .app-tabs-menu .ads__search .form-select .\:active ul li a.\:active {
  background: #eee;
  color: #000;
}

.ads__search .form-input .btn:hover ul, .ads__search .form-select .btn:hover ul, .ads__search .form-input .app-tabs-menu .\:active ul, .app-tabs-menu .ads__search .form-input .\:active ul, .ads__search .form-select .app-tabs-menu .\:active ul, .app-tabs-menu .ads__search .form-select .\:active ul {
  display: block;
}

.ads__search .btn-big {
  width: 100%;
  display: none;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .ads__search .btn-big {
    display: block;
  }
}

.ads__filter {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .ads__filter {
    display: none;
  }
}

.ads__filter .item {
  height: 100%;
  width: auto;
  border-right: 1px solid #e5e5e5;
  text-align: center;
}

.ads__filter .item.btn-blue .btn-control {
  text-transform: none;
  font-weight: 600;
}

.ads__filter .item span {
  padding: 20px 0;
  font-size: 12px;
  text-transform: uppercase;
}

.ads__filter .item .icon, .ads__filter .item .form-select:before, .ads__filter .item .form-file-img.is-delete, .ads__filter .item .form-file-img.is-upload, .ads__filter .item .formRadio__check, .ads__filter .item .app-tabs-menu .is-delete.\:active, .app-tabs-menu .ads__filter .item .is-delete.\:active, .ads__filter .item .pagePagination-nav .item-back, .pagePagination-nav .ads__filter .item .item-back, .ads__filter .item .pagePagination-nav .item-next, .pagePagination-nav .ads__filter .item .item-next {
  position: relative;
  top: -1px;
  margin-right: 5px;
  width: 30px;
}

.ads__popup {
  overflow: hidden;
  padding: 20px;
  width: 100%;
  max-width: 300px;
}

.ads__popup__filter {
  margin-top: 10px;
  overflow: hidden;
  max-height: 100%;
  padding-bottom: 30px;
}

.ads__popup__filter ul {
  margin: 0;
  padding: 0;
}

.ads__popup__filter ul li {
  list-style: none;
}

.ads__popup__filter ul li a {
  position: relative;
  display: block;
  padding: 3px 0;
  line-height: 20px;
  font-size: 12px;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
}

.ads__popup__filter ul li a.is-parent {
  padding-right: 50px;
  background-size: 20px;
}

.ads__popup__filter ul li a.is-parent:before {
  position: absolute;
  right: 10px;
}

.ads__popup__filter ul li a.is-parent:hover, .ads__popup__filter ul li .app-tabs-menu .is-parent.\:active, .app-tabs-menu .ads__popup__filter ul li .is-parent.\:active {
  background-size: 20px;
}

.ads__popup__filter ul li a.is-back {
  padding-left: 20px;
  background-size: 20px;
  box-sizing: border-box;
  text-transform: uppercase;
  min-height: 35px;
  line-height: 30px;
  color: #737373;
  font-weight: 600;
  background: #fff;
}

.ads__popup__filter ul li a.is-back:before {
  position: absolute;
  right: 10px;
  font-size: 15px;
}

.ads__popup__filter ul li a.is-back:hover, .ads__popup__filter ul li .app-tabs-menu .is-back.\:active, .app-tabs-menu .ads__popup__filter ul li .is-back.\:active, .ads__popup__filter ul li a.is-back:focus {
  color: #008bd1;
}

.ads__popup__filter ul li ul {
  transition: all 300ms;
  transform: translateX(300px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  z-index: 2;
  margin-top: 51px;
}

.ads__popup__filter ul li ul.is-loaded {
  transform: translateX(0px);
}

.ads__popup__filter ul li ul.is-active {
  overflow-y: auto;
  overflow-x: hidden;
}

.ads__popup__filter ul li ul a {
  padding: 6px 20px;
}

.ads__popup .btn, .ads__popup .app-tabs-menu .\:active, .app-tabs-menu .ads__popup .\:active {
  display: block;
}

.catalogDetail__img {
  
  margin-bottom: 20px;
}

.catalogDetail__img__thumbs {
  height: 55px;
  box-sizing: border-box;
  padding: 0 50px;
  cursor: pointer;
  margin-top: 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogDetail__img__thumbs {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .catalogDetail__img__thumbs {
    margin-top: 20px;
  }
}

.catalogDetail__img__thumbs .swiper-slide {
  border: 2px solid #008bd1;
  border-radius: 5px;
  background-size: 100% auto;
  background-position: center;
  background-color: #fff;
  background-repeat: no-repeat;
}

.catalogDetail__img__thumbs .gallery-thumbs .catalogDetail__img__thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.catalogDetail__img__thumbs .gallery-thumbs .catalogDetail__img__thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.catalogDetail__img__thumbs .swiper-button-prev:after, .catalogDetail__img__thumbs .swiper-button-next:after {
  font-size: 15px;
}

.catalogDetail__name {
  margin-bottom: 20px;
}

.catalogDetail__name b {
  display: block;
  color: #0c0e14;
}

.catalogDetail__description {
  margin-bottom: 20px;
  color: #0c0e14;
  font-size: 13px;
}

.catalogDetail__btn__play {
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .catalogDetail__btn__play {
    margin-top: 10px;
  }
}

.catalogDetail__param .item {
  display: table;
  width: 100%;
  border: 1px solid #008bd1;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  background: #fff;
}

.catalogDetail__param .item__name {
  display: table-cell;
  text-align: left;
  color: #008bd1;
}

.catalogDetail__param .item__val {
  display: table-cell;
  text-align: right;
  color: #0c0e14;
}

.catalogDetail__param .btn\:play .btn-control {
  background-image: url("../img/catalogDetail/btn-play.png");
  width: 40px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 9px;
}

.catalogDetail__param .btn\:3d .btn-control {
  background-image: url("../img/catalogDetail/btn-3D.png");
  width: 40px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 9px;
}

.catalogDetail__inf .col-12:nth-child(2n) .item {
  padding-left: 30px;
  padding-right: 150px;
}

.catalogDetail__inf .col-12:nth-child(2n) .item__img {
  left: auto;
  right: 0;
}

.catalogDetail__inf .col-12:nth-child(3n) .item__name, .catalogDetail__inf .col-12:nth-child(4n) .item__name {
  color: #008bd1;
}

.catalogDetail__inf .item {
  position: relative;
  padding: 30px;
  padding-left: 150px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .catalogDetail__inf .item {
    padding: 20px !important;
  }
}

.catalogDetail__inf .item__img {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 1;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .catalogDetail__inf .item__img {
    position: relative;
    top: 0;
  }
}

.catalogDetail__inf .item__img img {
  width: 140px;
}

.catalogDetail__inf .item__name {
  color: #ffffff;
  margin-bottom: 20px;
}

.catalogDetail__inf .item__description {
  color: #0c0e14;
  font-size: 12px;
}

.catalogDetail__plus .item {
  position: relative;
  padding: 30px;
}

.catalogDetail__plus .item__img img {
  width: 200px;
}

.catalogDetail__plus .item__name {
  position: relative;
  top: 10px;
  left: -50px;
  color: #ffffff;
  margin-bottom: 20px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 767px) {
  .catalogDetail__plus .item__name {
    left: 0;
  }
}

.catalogDetail__plus .item__description {
  color: #0c0e14;
  font-size: 12px;
}

.catalogDetail__table {
  max-width: 900px;
  display: table;
  text-align: left;
  margin: auto;
  margin-bottom: 200px;
  background: white;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
  border-horizontal-spacing: 0;
  border-vertical-spacing: 0;
}

.catalogDetail__table tr {
  border-color: transparent;
}

.catalogDetail__table tr:first-child {
  background: #008bd1;
  color: #fff !important;
}

.catalogDetail__table tr:nth-child(2n +1) {
  background: #7fc5e8;
}

.catalogDetail__table tr td {
  border-color: transparent;
  border: 2px solid #75c0e6;
  font-size: 12px;
  padding: 5px 10px;
  color: #000;
  vertical-align: bottom;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.catalogDetail__table tr td:nth-child(2), .catalogDetail__table tr td:nth-child(3) {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .catalogDetail__table tr td {
    font-size: 7px;
    max-width: 33%;
    width: 33%;
  }
}

.catalogFilter {
  border: 1px solid #e5e5e5;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter {
    display: none;
  }
}

.catalogFilter__block {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__block {
    padding: 5px 10px;
    border: 0;
  }
}

.catalogFilter__block__content {
  position: relative;
  overflow: hidden;
  max-height: 1000px;
  /*
    Значения $speed:
    ease 	Функция по умолчанию, переход начинается медленно, разгоняется быстро и замедляется в конце. Соответствует cubic-bezier(0.25,0.1,0.25,1).
    linear 	Переход происходит равномерно на протяжении всего времени, без колебаний в скорости. Соответствует cubic-bezier(0,0,1,1).
    ease-in 	Переход начинается медленно, а затем плавно ускоряется в конце. Соответствует cubic-bezier(0.42,0,1,1).
    ease-out 	Переход начинается быстро и плавно замедляется в конце. Соответствует cubic-bezier(0,0,0.58,1).
    ease-in-out 	Переход медленно начинается и медленно заканчивается. Соответствует cubic-bezier(0.42,0,0.58,1).
    cubic-bezier(x1, y1, x2, y2) 	Позволяет вручную установить значения от 0 до 1 для кривой ускорения. На этом сайте вы сможете построить любую траекторию перехода.
    initial 	Устанавливает значение свойства в значение по умолчанию.
    inherit 	Наследует значение свойства от родительского элемента.
  */
  transition: all 0.3s ease-in-out;
}

.catalogFilter__block__content .formRadio, .catalogFilter__block__content .formSlider {
  margin-top: 15px;
}

.catalogFilter__block__content.is-hidden {
  max-height: 200px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__block__content.is-hidden {
    max-height: 1px;
  }
}

.catalogFilter__block__content:after {
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);
}

.catalogFilter__block__content__btn {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__block__content__btn {
    position: absolute;
    right: 0;
    top: -7px;
  }
}

.catalogFilter__block__content__btn span {
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__block__content__btn span {
    display: none;
  }
}

.catalogFilter__block__content__btn svg {
  display: block;
  position: absolute;
  top: 6px;
  right: 3px;
  width: 5px;
  height: 9px;
  /*
    Значения:
    matrix() — любое число
    translate(), translateX(), translateY() — единицы длины (положительные и отрицательные), %
    scale(), scaleX(), scaleY() — любое число
    rotate() — угол (deg, grad, rad или turn)
    skew(), skewX(), skewY() — угол (deg, grad, rad)
  */
  transform: rotate(-90deg);
}

.catalogFilter__block__content__btn.is-on svg {
  /*
    Значения:
    matrix() — любое число
    translate(), translateX(), translateY() — единицы длины (положительные и отрицательные), %
    scale(), scaleX(), scaleY() — любое число
    rotate() — угол (deg, grad, rad или turn)
    skew(), skewX(), skewY() — угол (deg, grad, rad)
  */
  transform: rotate(90deg);
}

.catalogFilter__block__content__btn.is-none-pc {
  display: none;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__block__content__btn.is-none-pc {
    display: block;
  }
}

.catalogFilter__block:last-child {
  border: none;
}

.catalogFilter__block__title {
  display: block;
  text-transform: uppercase;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 600;
}

.catalogFilter__btn {
  padding: 15px;
}

.catalogFilter__btn .btn, .catalogFilter__btn .app-tabs-menu .\:active, .app-tabs-menu .catalogFilter__btn .\:active {
  width: 100%;
  margin-bottom: 10px;
}

.catalogFilter.is-active, .catalogFilter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catalogFilter-overlay {
  display: none;
  cursor: pointer;
  z-index: 10200;
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1199px) {
  .catalogFilter {
    transition: all 200ms;
    left: -300px;
    width: 300px !important;
    overflow: hidden;
    z-index: 10201;
    background: #ffffff;
  }
}

@media only screen and (max-width: 359px) {
  .catalogFilter {
    width: 240px !important;
  }
}

.catalogFilter.is-active {
  display: block;
  left: 0;
}

.catalogFilter__mobile__title {
  display: none;
  padding: 10px;
  text-transform: uppercase;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter__mobile__title {
    display: block;
  }
}

.catalogFilter-btn {
  display: none;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

@media only screen and (max-width: 1199px) {
  .catalogFilter-btn {
    display: block;
  }
}

.catalogFilter-btn svg {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 21px;
  margin-right: 10px;
}

.catalogFilter-btn b {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}

.catalogSort {
  margin-bottom: 10px;
}

.catalogSort__count {
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.catalogSort__count__text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  color: #1a1a1a;
}

.catalogSort__count a, .catalogSort__count span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: .5rem;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
  color: #a6a6a6;
}

.catalogSort__count a:hover, .catalogSort__count .app-tabs-menu a.\:active, .app-tabs-menu .catalogSort__count a.\:active {
  color: #008bd1;
  text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
  .catalogSort__count {
    display: none;
  }
}

.catalogSort__select {
  display: inline-block;
  text-align: right;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.catalogSort__select__name {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  color: #0c0e14;
}

.catalogSort__select .form-select {
  width: auto;
  padding-right: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .catalogSort__select {
    display: none;
  }
}

.catalogSort__btn {
  text-align: right;
  display: inline-block;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.catalogSort__btn a {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.catalogSort__btn a:hover svg, .catalogSort__btn .app-tabs-menu a.\:active svg, .app-tabs-menu .catalogSort__btn a.\:active svg {
  fill: red;
}

@media only screen and (max-width: 1199px) {
  .catalogSort__btn {
    display: none;
  }
}

.catalogSort__mobile {
  display: none;
  text-align: left;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}

.catalogSort__mobile.is-active, .catalogSort__mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catalogSort__mobile-overlay {
  display: none;
  cursor: pointer;
  z-index: 10200;
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1199px) {
  .catalogSort__mobile {
    transition: all 200ms;
    left: -300px;
    width: 300px !important;
    overflow: hidden;
    z-index: 10201;
    background: #ffffff;
  }
}

@media only screen and (max-width: 359px) {
  .catalogSort__mobile {
    width: 240px !important;
  }
}

.catalogSort__mobile.is-active {
  display: block;
  left: 0;
}

.catalogSort-btn {
  display: none;
  /*
    xl: 1200px Комп
    lg: 992px  Ноут
    md: 758px  Планшет
    sm: 576px  Мобилки перевернутые
    xs: 360px  Мобилки
  */
}


.header-top-menu li.logo-h {
	float:left;
padding:0;
}
@media only screen and (max-width: 767px) {
  .catalogSort-btn {
    display: block;
  }
  .logo-h {
	margin-left: 100px;
padding:0;
``}
}

.app-footer {
  height: auto;
}

.categories {
  position: relative;
}
.categories .news-item {
  display: flex;
  background: none;
  padding: 30px;
  margin-bottom: 30px;
  border: 2px solid #008bd1;
  border-radius: 20px;
}
.categories .news-item .preview_picture {
  height: 300px;
  object-fit: contain;
  float: unset!important;
  width:100%;
}
.categories .news-item {
  font-weight: 400;
  font-size: 13px;
}
.categories .news-item b {
  font-weight: 900;
  font-size: 15px;
}
.categories .preview_picture_link {
  display: block;
  width: 40%;
}
.categories .news-item_info {
  line-height: 1.8;
  width:58%;
}

@media only screen and (max-width: 767px) {
  .categories {
    min-height: 1100px;
  }
  .categories .news-item {
    display: block;
  }
  .categories .news-item .preview_picture {
    height: 140px;
  }
}

@media only screen and (max-width: 575px) {
  .categories {
    min-height: 1300px;
  }
}


.category {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  grid-gap: 20px;
  margin-bottom: 50px;
}

.category-block {
  border: 2px solid #008bd1;
  border-radius: 20px;
  display: grid;
  justify-content: center;
  justify-items: center;
  padding: 20px;
  text-align: center;
}
.gallery {
display:flex;
gap:30px;
margin-top:30px;
margin-bottom:30px;
}

.container__article_left{
  display: flex;
}

.container__article_right{
  display: flex;
}

.container__article_left img{
  min-width: 400px;
  padding-right: 20px;
}

.container__article_right img{
  min-width: 400px;
  padding-left: 20px;
}
.mleft{    margin-left: 100px}
@media (max-width:1199px){
li.menuItem {
    display: none;
}
.mleft{    margin-left: 0px}
}
@media (max-width:991px) {
.container__article_left img, .container__article_right img {
    min-width: 300px;

    height: 300px;
    object-fit: cover;
}}
.news-list.categories.new-news-list a {
    display: block;
    width: 100%;
}

.news-list.categories.new-news-list > div {
    display: block;
    width: 48%;
    text-align: center;
}
.news-list.categories.new-news-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: auto;
}
@media (max-width:800px) {
  .container__article_right{
    display: flex;
    flex-direction: column;
  }
  .container__article_left{
    display: flex;
    flex-direction: column;
  }
  .container__article_left img{
    padding: 20px 0;
    width: 100%;
  }
  .container__article_right img{
    padding: 20px 0;
    width: 100%;
  }
.news-list.categories.new-news-list > div {

    width: 100%;
    margin-bottom:20px;
}
}


@media only screen and (max-width: 900px) {
	.container {
			max-width: 100% !important;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li {
		width: 99% !important;
	}
	.bx_catalog_tile .bx_catalog_tile_ul li a.bx_catalog_tile_img  {
		width: 100% !important;
		height: 200px !important;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title a {
		min-height: 35px;
		line-height: 1.1;
	}
	.categories .news-item {
		display: flex !important;
		flex-wrap: wrap;
	}
	.categories .preview_picture_link {
		width: 100% !important;
	}
	.col-md-12, .socialLink .item {
		flex: 100% !important;
		max-width: 100% !important;
	}
	.col-sm-4,
	.col-xs-12 {
		flex: 100% !important;
		max-width: 100% !important;
	}
	.btn\:big .btn-control {
		font-size: 11px !important;
	}
	.categories .news-item_info {
		width: 100% !important;
	}
	.categories .news-item .preview_picture {
		height: 100% !important;
	}

}

@media screen and (max-width: 900px) {
	nav.app-breadcrumb li.item-arrow {
        display: none;
    }

	nav.app-breadcrumb li.item, nav.app-breadcrumb li.item a {
		display: inline;
		word-break: break-word;
	}

    .app-breadcrumb ol li {
        margin-right: 0;
    }
}

.app-mobile.is-active .app-mobile-content .mob-content-soc.css-text-center ul.app-soc li {
    margin-bottom: 15px;
}

h2.bx_catalog_tile_title {
    min-height: 50px;
}

.bx-section-desc.bx-blue div#desc p {
    margin-bottom: 8px;
}

.desc__col {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  margin: 30px 0;
}

.desc__item {
  width: 48%;
  display: flex;
  align-items: start;
  gap: 10px;
}

.desc__item img {
  max-width: 140px;
  position: relative;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3%;
}
.tags a {
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    display: flex;
    color: #fff;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
    text-transform: uppercase;
    background: #008BD1;
    width: 24%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}
@media (max-width: 1140px){
  .desc__item {
    width: 100%;

  }
}
@media (max-width: 780px){
.tags a {width:48%}
}
@media (max-width: 450px){
  .desc__item img {
    max-width: 60px;
    order: 1 !important;
  }

  .desc__item ul {
    padding-left: 20px;
  }
.tags a {width:100%}

  .desc__item {
    display: grid;
  }


}