/* Start:/local/templates/stavr/style/style.css?1646045148484163*/
/* ul, li@charset "UTF-8"; */
/*! normalize.css v8.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 iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-outer.ms-touch {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}

.tns-slider {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  -o-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.loaded {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -o-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-hdx {
  overflow-x: hidden;
}

.tns-hdy {
  overflow-y: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
}

._margin_no {
  margin: 0;
}

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

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.base-configuration ul, .technical-information ul, .seo-text ul, .slick-slide ul, .text__element ul{
  padding-left: 20px;
}
.index-slider .slick-slide ul{
  padding-left: 0;
}
.base-configuration li, .technical-information li, .seo-text li, .slick-slide li, .text__element li{
  list-style-type: initial;
}

p {
  margin: 0;
}

a, a:hover {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: #242323;
}

a:focus, a:active {
  color: inherit;
}

button {
  background: none;
  outline: none;
  border: none;
  padding: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

input:focus {
  outline: none;
}

._hide,
._hidden {
  display: none;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Thin.ttf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Medium.ttf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Semibold.ttf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Heavy.ttf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Lato';
  src: url("/local/templates/stavr/style/../fonts/Lato-Black.ttf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #868e96;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #868e96;
}

code,
kbd,
pre,
samp {
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}

a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #212529;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

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

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

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

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

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

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

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody {
  border-top: 2px solid #e9ecef;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #e9ecef;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e9ecef;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #dddfe2;
}

.table-hover .table-secondary:hover {
  background-color: #cfd2d6;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #cfd2d6;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm.table-bordered {
    border: 0;
  }
}

@media (max-width: 767px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md.table-bordered {
    border: 0;
  }

  .finishing-options .parametrs {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
}
}

@media (max-width: 991px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg.table-bordered {
    border: 0;
  }
}

@media (max-width: 1199px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl.table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive.table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #868e96;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #868e96;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #868e96;
  opacity: 1;
}

.form-control::placeholder {
  color: #868e96;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(1.75rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  line-height: 1;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.col-form-legend {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  font-size: 1rem;
}

.form-control-plaintext {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .form-control-plaintext.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .form-control-plaintext.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}

.form-check.disabled .form-check-label {
  color: #868e96;
}

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
}

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}

.form-check-inline {
  display: inline-block;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-label {
  vertical-align: middle;
}

.valid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
  background-color: rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
  color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
  background-color: rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
  color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  /*&:not([disabled]):not(.disabled):active,
  &:not([disabled]):not(.disabled).active {
    background-image: none;
    @include box-shadow($input-btn-focus-box-shadow, $btn-active-box-shadow);
  }*/
}

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

.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}

.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #868e96;
  border-color: #868e96;
}

.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #666e76;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
  color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #111;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #111;
  background-color: #d39e00;
  border-color: #c69500;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

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

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
  color: #111;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #111;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #111;
  background-color: #dae0e5;
  border-color: #d3d9df;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border-color: #868e96;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #868e96;
  background-color: transparent;
}

.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #868e96;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}
tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #868e96;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #868e96;
  white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn + .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}

.input-group-btn:first-child > .btn + .btn {
  margin-left: 0;
}

.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}

.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: 0;
}

.input-group-btn:not(:first-child) > .btn:first-child,
.input-group-btn:not(:first-child) > .btn-group:first-child {
  margin-left: -1px;
}

.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}

.custom-control {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 1rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-indicator {
  background-color: #e9ecef;
}

.custom-control-input:disabled ~ .custom-control-description {
  color: #868e96;
}

.custom-control-indicator {
  position: absolute;
  top: 0rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #007bff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}

.custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(1.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: none;
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple] {
  height: auto;
  background-image: none;
}

.custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(1.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(1.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
  -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff;
}

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(1.75rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-control:lang(en):empty::after {
  content: "Choose file...";
}

.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: calc(1.75rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-control:lang(en)::before {
  content: "Browse";
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

.nav-link.disabled {
  color: #868e96;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}

.nav-tabs .nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group .card:only-child .card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group .card:only-child .card-img-bottom {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #868e96;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #868e96;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus, .page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #868e96;
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #6c757d;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #111;
  background-color: #ffc107;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #111;
  background-color: #f8f9fa;
}

.badge-light[href]:focus, .badge-light[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2;
}

.alert-secondary hr {
  border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
  color: #2e3133;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #007bff;
}

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:focus, .list-group-item:hover {
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #868e96;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

a.list-group-item-primary,
button.list-group-item-primary {
  color: #004085;
}

a.list-group-item-primary:focus, a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
  color: #004085;
  background-color: #9fcdff;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #464a4e;
  background-color: #dddfe2;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
  color: #464a4e;
}

a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
  color: #464a4e;
  background-color: #cfd2d6;
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
  color: #fff;
  background-color: #464a4e;
  border-color: #464a4e;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #155724;
}

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #155724;
  background-color: #b1dfbb;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #0c5460;
}

a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #0c5460;
  background-color: #abdde5;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #856404;
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #856404;
  background-color: #ffe8a1;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #721c24;
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #721c24;
  background-color: #f1b0b7;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

a.list-group-item-light,
button.list-group-item-light {
  color: #818182;
}

a.list-group-item-light:focus, a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover {
  color: #818182;
  background-color: #ececf6;
}

a.list-group-item-light.active,
button.list-group-item-light.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

a.list-group-item-dark,
button.list-group-item-dark {
  color: #1b1e21;
}

a.list-group-item-dark:focus, a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

button.close {
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none;
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 15px;
  margin: -15px -15px -15px auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
}

.tooltip .arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
  padding: 5px 0;
}

.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 5px;
}

.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
}

.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 5px 0;
}

.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 5px;
}

.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
}

.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow::before {
  content: "";
  border-width: 0.8rem;
}

.popover .arrow::after {
  content: "";
  border-width: 0.8rem;
}

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.8rem;
}

.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-bottom-width: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: -0.8rem;
  margin-left: -0.8rem;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: calc((0.8rem - 1px) * -1);
  margin-left: -0.8rem;
  border-top-color: #fff;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.8rem;
}

.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
  left: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  margin-top: -0.8rem;
  border-left-width: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
  left: -0.8rem;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: calc((0.8rem - 1px) * -1);
  border-right-color: #fff;
}

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.8rem;
}

.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  margin-left: -0.8rem;
  border-top-width: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: -0.8rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: calc((0.8rem - 1px) * -1);
  border-bottom-color: #fff;
}

.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.8rem;
}

.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
  right: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  margin-top: -0.8rem;
  border-right-width: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
  right: -0.8rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: calc((0.8rem - 1px) * -1);
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #868e96 !important;
}

a.bg-secondary:focus, a.bg-secondary:hover {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:focus, a.bg-light:hover {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:focus, a.bg-dark:hover {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #e9ecef !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #868e96 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

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

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

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

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

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.d-print-block {
  display: none !important;
}

@media print {
  .d-print-block {
    display: block !important;
  }
}

.d-print-inline {
  display: none !important;
}

@media print {
  .d-print-inline {
    display: inline !important;
  }
}

.d-print-inline-block {
  display: none !important;
}

@media print {
  .d-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
  clip-path: none;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #0062cc !important;
}

.text-secondary {
  color: #868e96 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

.text-muted {
  color: #868e96 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

html, body {
  min-height: 100vh;
}

body {
  font-family: 'Lato', sans-serif;
  color: #242323;
  font-weight: 400;
}

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

.header {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.b_circle {
  fill: #e42c2c;
}

.basket .b_circle {
  display: none;
}

.basket.items .b4 {
  display: none;
}

.basket.items .b_circle {
  display: block;
}

.basket:hover .a4,
.basket:hover .b4 {
  fill: #47A5D0;
}

.basket.active .a4,
.basket.active .b4 {
  fill: #47A5D0;
}

.a5 {
  fill: #47a5d0;
}

.active .a5 {
  fill: #0d179c;
}

.a7 {
  fill: #47a5d0;
}

.active .a7 {
  fill: #0d179c;
}

.handle__table .handle {
  -webkit-animation-name: handleTable;
  animation-name: handleTable;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  margin-left: 0;
}

@-webkit-keyframes handleTable {
  0% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes handleTable {
  0% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

.handle__list .handle {
  -webkit-animation-name: handleList;
  animation-name: handleList;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  margin-left: 30px;
}

@-webkit-keyframes handleList {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 30px;
  }
}

@keyframes handleList {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 30px;
  }
}

.navigation__left .a8 {
  fill: #0D179C;
}

.b8 {
  fill: #fff;
}

.navigation__right .a9 {
  fill: #0D179C;
}

.b9 {
  fill: #fff;
}

.switch__sw {
  cursor: pointer;
  display: block;
  position: relative;
  width: 61px;
  padding: 5px;
  padding-top: 6px;
  border-radius: 25px;
}

.switch__sw .handle {
  display: block;
  background: white;
  height: 21px;
  width: 21px;
  border-radius: 50%;
}

.switch__sw.handle__list {
  background: -webkit-gradient(linear, right top, left top, from(#0d179c), color-stop(30%, #0d179c), to(#47a5d0));
  background: -webkit-linear-gradient(right, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
  background: -o-linear-gradient(right, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
  background: linear-gradient(to left, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
}

.switch__sw.handle__table {
  background: -webkit-gradient(linear, left top, right top, from(#0d179c), color-stop(30%, #0d179c), to(#47a5d0));
  background: -webkit-linear-gradient(left, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
  background: -o-linear-gradient(left, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
  background: linear-gradient(to right, #0d179c 0%, #0d179c 30%, #47a5d0 100%);
}

.master-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: auto;
}

.master-static,
.master-active {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  height: 100vh;
}

.print {
  cursor: pointer;
}

.print:hover .a1,
.to-share:hover .a2 {
  fill: #47A5D0;
}

.print.active .a1,
.to-share.active .a2 {
  fill: #47A5D0;
}

.print svg {
  width: 39px;
}

.to-share {
  cursor: pointer;
  width: 36px;
}

.favorites {
  cursor: pointer;
  width: 24px;
}

.basket {
  cursor: pointer;
  width: 33px;
}

.switch {
  width: 132px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.switch__table,
.switch__list {
  cursor: pointer;
  width: 27px;
}

.switch__sw {
  cursor: pointer;
  width: 62px;
}

.navigation__left,
.navigation__right {
  cursor: pointer;
  width: 56px;
}

.navigation {
  width: 142px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.prices {
  width: 373px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 0;
}

.price,
.coast {
/*   -ms-flex-preferred-size: 50%; */
/*   flex-basis: 50%; */
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border-radius: 0;
  border: 0;
  
  
  
  
}

.price {
  cursor: pointer;
  color: #242323;
  background: -webkit-gradient(linear, left bottom, right top, from(#FFCB21), color-stop(45%, #FDCC47), color-stop(85%, #FEFFFF), to(#FEFFFF));
  background: -webkit-linear-gradient(bottom left, #FFCB21 0%, #FDCC47 45%, #FEFFFF 85%, #FEFFFF 100%);
  background: -o-linear-gradient(bottom left, #FFCB21 0%, #FDCC47 45%, #FEFFFF 85%, #FEFFFF 100%);
  background: linear-gradient(to top right, #FFCB21 0%, #FDCC47 45%, #FEFFFF 85%, #FEFFFF 100%);
  font-size: 20px;



text-transform: unset;
font-weight: 300;
font-size: 19px;
width: 70%;
}


.coast {
  cursor: pointer;
  color: #FFFFFF;
  background: -webkit-linear-gradient(186deg, #0D179C 0%, #1C94CB 100%);
  background: -o-linear-gradient(186deg, #0D179C 0%, #1C94CB 100%);
  background: linear-gradient(264deg, #0D179C 0%, #1C94CB 100%);
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  position: absolute;
  right: 0;
  width: 30%;
}

.coast  a{
color: #FFFFFF;
}

.prices:hover .coast {
  position: absolute;
  -webkit-animation-name: coastHover;
  animation-name: coastHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  width: 100%;
  right: 0;
}

@-webkit-keyframes coastHover {
  0% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes coastHover {
  0% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

.btn.call {
  cursor: pointer;
  height: 75px;
  width: 300px;
  color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 20px;
  background: -webkit-linear-gradient(164deg, #0D179C 0%, #1C94CB 48%, #1C94CB 52%, #63CEFF 75%, #3192BF 100%);
  background: -o-linear-gradient(164deg, #0D179C 0%, #1C94CB 48%, #1C94CB 52%, #63CEFF 75%, #3192BF 100%);
  background: linear-gradient(286deg, #0D179C 0%, #1C94CB 48%, #1C94CB 52%, #63CEFF 75%, #3192BF 100%);
  background-size: 650px;
  background-position-x: 300px;
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
}

.btn.call:not(:hover) {
  -webkit-animation-name: btnCallDisHover;
  animation-name: btnCallDisHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}

.btn.call:hover {
  -webkit-animation-name: btnCallHover;
  animation-name: btnCallHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  background-position-x: 640px;
}

.btn.call.active {
  -webkit-animation: none;
  animation: none;
  background-position-x: 640px;
}

@-webkit-keyframes btnCallHover {
  0% {
    background-position-x: 300px;
  }
  100% {
    background-position-x: 640px;
  }
}

@keyframes btnCallHover {
  0% {
    background-position-x: 300px;
  }
  100% {
    background-position-x: 640px;
  }
}

@-webkit-keyframes btnCallDisHover {
  0% {
    background-position-x: 640px;
  }
  100% {
    background-position-x: 300px;
  }
}

@keyframes btnCallDisHover {
  0% {
    background-position-x: 640px;
  }
  100% {
    background-position-x: 300px;
  }
}

.btn.more {
  cursor: pointer;
  border-radius: 0;
  position: relative;
  width: 373px;
  height: 85px;
  overflow: hidden;
  background: -webkit-linear-gradient(174deg, #3B83A4 0%, #63CEFF 50%, #3192BF 100%);
  background: -o-linear-gradient(174deg, #3B83A4 0%, #63CEFF 50%, #3192BF 100%);
  background: linear-gradient(276deg, #3B83A4 0%, #63CEFF 50%, #3192BF 100%);
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  font-size: 23px;
  border: 0;
}

.more__hover {
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 373px;
  height: 85px;
  overflow: hidden;
  background: -webkit-linear-gradient(189deg, #2FB3F0 0%, #1C94CB 100%);
  background: -o-linear-gradient(189deg, #2FB3F0 0%, #1C94CB 100%);
  background: linear-gradient(261deg, #2FB3F0 0%, #1C94CB 100%);
  border: 0;
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.btn.more .circle {
  position: absolute;
  width: 241px;
  height: 375px;
  border-radius: 50%;
  background: -webkit-linear-gradient(184deg, #1286BB 0%, #1D97CF 50%, #2FB3F0 100%);
  background: -o-linear-gradient(184deg, #1286BB 0%, #1D97CF 50%, #2FB3F0 100%);
  background: linear-gradient(266deg, #1286BB 0%, #1D97CF 50%, #2FB3F0 100%);
  top: -245px;
  left: -60px;
  z-index: 0;
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.btn.more .circle__hover {
  position: absolute;
  width: 241px;
  height: 375px;
  border-radius: 50%;
  background: -webkit-linear-gradient(166deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  background: -o-linear-gradient(166deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  background: linear-gradient(284deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  top: -245px;
  left: -60px;
  z-index: 0;
  -webkit-animation-name: btnMoreDisHover;
  animation-name: btnMoreDisHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 0;
}

.btn.more:hover .more__hover {
  -webkit-animation-name: btnMoreDisHover;
  animation-name: btnMoreDisHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 0;
}

.btn.more:hover .circle__hover {
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.btn.more:hover .circle {
  -webkit-animation-name: btnMoreDisHover;
  animation-name: btnMoreDisHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 0;
}

.btn.more.active .more__hover {
  -webkit-animation: none;
  animation: none;
  opacity: 0;
}

.btn.more.active .circle__hover {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}

.btn.more.active .circle {
  -webkit-animation: none;
  animation: none;
  opacity: 0;
}

@-webkit-keyframes btnMoreHover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes btnMoreDisHover {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

.favorites:hover .a3 {
  fill: #47A5D0;
}

.favorites.active .a3 {
  fill: #FDD770;
}

.btn.more span {
  position: relative;
}

.basket {
  cursor: pointer;
}

.basket.items {
  position: relative;
}

.basket .item__number {
  display: none;
}

.basket.items .item__number {
  display: block;
  position: absolute;
  bottom: 6px;
  right: 7px;
  font-size: 12px;
  font-weight: 700;
  color: white;
}

.basket-more span.item__number {
  right: 4px!important;
}

.coast {
  overflow: hidden;
}

.coast .more__hover {
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: -webkit-linear-gradient(189deg, #2FB3F0 0%, #1C94CB 100%);
  background: -o-linear-gradient(189deg, #2FB3F0 0%, #1C94CB 100%);
  background: linear-gradient(261deg, #2FB3F0 0%, #1C94CB 100%);
  border: 0;
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 0;
}

.coast .circle__hover {
  position: absolute;
  width: 342px;
  height: 234px;
  border-radius: 50%;
  background: -webkit-linear-gradient(166deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  background: -o-linear-gradient(166deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  background: linear-gradient(284deg, #174C64 0%, #1D97CF 30%, #3192BF 60%, #3192BF 100%);
  top: -165px;
  left: -140px;
  z-index: 0;
  -webkit-animation-name: btnMoreDisHover;
  animation-name: btnMoreDisHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 0;
}

.coast span {
  position: relative;
  z-index: 1;
}

.prices:hover .coast .more__hover {
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.prices:hover .coast .circle__hover {
  -webkit-animation-name: btnMoreHover;
  animation-name: btnMoreHover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.prices.active .coast {
  width: 100%;
}

.prices.active .coast:hover {
  -webkit-animation: none;
  animation: none;
}

.prices.active .coast .more__hover {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}

.prices.active .coast .circle__hover {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}

main.contents__index {
  overflow-y: hidden;
  overflow-x: scroll;
}

.btn:focus, .btn.focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

:focus {
  outline: none !important;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background-repeat: no-repeat;
  background-size: cover;
}


@media (min-width: 700px) {

	body {
	  background-image: url("/local/templates/stavr/style/../images/n/background.webp");
	}
}


.menu__icon {
  fill: #fff;
}

.header__logo__768 {
  display: none;
}

.close,
.open_menu,
.call__item {
  display: none;
}

.horizontal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 125px;
  padding-right: 200px;
  height: 100px;
  width: 100vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);
  background-color: white;
  z-index: 2;
}

.menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 590px;
}

.menu-top li,
.menu-top li a {
  font-size: 14px;
  text-transform: uppercase;
  color: #242323;
}

.menu-top li:hover a {
  color: #0D179C;
}

.menu-top li:hover,
.menu-top li:hover span {
  color: #0D179C;
}

.pannier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: -150px;
}

.pannier .basket {
  margin-right: 35px;
}

.vertical {
  position: fixed;
  width: 100px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 370px;
  z-index: 2;
}

.vertical:before {
  content: "";
  position: fixed;
  width: 100px;
  z-index: -10;
  bottom: 0;
  height: calc(100vh - 105px);
  -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
}

.vertical-dis-hover {
  -webkit-animation-name: verticalBeforedis;
  animation-name: verticalBeforedis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes verticalBeforedis {
  0% {
    width: 270px;
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
  }
  100% {
    width: 100px;
    -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
  }
}

@keyframes verticalBeforedis {
  0% {
    width: 270px;
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
  }
  100% {
    width: 100px;
    -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
  }
}

.vertical.vertical-hover:before {
  width: 270px;
  -webkit-animation-name: verticalBefore;
  animation-name: verticalBefore;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
}

@-webkit-keyframes verticalBefore {
  0% {
    width: 100px;
    -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
  }
  100% {
    width: 270px;
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
  }
}

@keyframes verticalBefore {
  0% {
    width: 100px;
    -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
  }
  100% {
    width: 270px;
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
  }
}

.menu-left__container {
  height: 420px;
  overflow: hidden;
  width: 70px;
  margin: auto;
  margin-left: 32px;
  margin-top: 40px;
}

.vertical-hover .menu-left__container {
  width: 250px;
}

.menu-left {
  width: 36px;
}

.menu-left__still li {
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-left a {
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.icons-menu {
  width: 36px;
}

.container__logo {
  position: fixed;
  top: 0;
  left: 0;
  width: 101px;
}

.to-top__a8 {
  fill: transparent;
}

.to-top__b8 {
  fill: white;
}

svg.to-top {
  width: 46px;
  height: 46px;
  position: fixed;
  bottom: 24px;
  left: 27px;
  border: 1px solid white;
  border-radius: 50%;
  transform: rotate(90deg);
  cursor: pointer;
}

.contents__index .to-top {
  transform: rotate(0);
}

.vertical-dis-hover .container__logo {
  -webkit-animation-name: containerLogodis;
  animation-name: containerLogodis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes containerLogodis {
  0% {
    width: 255px;
  }
  100% {
    width: 101px;
  }
}

@keyframes containerLogodis {
  0% {
    width: 255px;
  }
  100% {
    width: 101px;
  }
}

.background__logo {
  position: relative;
}

.gray-fon,
.blue-fon,
.white-fon {
  position: absolute;
  right: 0;
}

.gray-fon {
  width: 242px;
  height: 306px;
}

.white-fon {
  width: 272px;
  height: 326px;
  right: -19px;
  top: -70px;
}

.blue-fon {
  width: 140px;
  top: -15px;
}

.vertical-dis-hover .blue-fon {
  -webkit-animation-name: blueFondis;
  animation-name: blueFondis;
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
}

@-webkit-keyframes blueFondis {
  0% {
    top: -125px;
  }
  100% {
    top: -15px;
  }
}

@keyframes blueFondis {
  0% {
    top: -125px;
  }
  100% {
    top: -15px;
  }
}

.logo-img {
  position: relative;
  width: 85px;
  margin: auto;
  margin-top: 10px;
}

.vertical-dis-hover .logo-img {
  -webkit-animation-name: logoImgdis;
  animation-name: logoImgdis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes logoImgdis {
  0% {
    width: 120px;
    margin-top: 22px;
  }
  100% {
    width: 85px;
    margin-top: 10px;
  }
}

@keyframes logoImgdis {
  0% {
    width: 120px;
    margin-top: 22px;
  }
  100% {
    width: 85px;
    margin-top: 10px;
  }
}

.container__logo img {
  width: 100%;
}

.menu-left span {
  font-size: 16px;
  color: white;
  width: 140px;
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: -10;
}

.vertical-dis-hover .menu-left span {
  -webkit-animation-name: menuAdis;
  animation-name: menuAdis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes menuAdis {
  0% {
    left: 85px;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes menuAdis {
  0% {
    left: 85px;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

.menu-left__still li {
  position: relative;
  cursor: pointer;
}

.menu-left a {
  position: relative;
  cursor: pointer;
}

.menu-left li:hover span {
  color: #FFCB21;
}

.menu-left li:hover .menu__icon {
  fill: #FFCB21;
}

.menu-left .menu-left__top ul,
.menu-left .menu-left__bottom ul {
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu-left .menu-left__bottom ul {
  height: 370px;
}

.menu-left__still {
  margin-top: 22px;
  margin-bottom: 32px;
}

.vertical .blue1-big-fon {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100px;
  height: 100vh;
  background-color: #0D179C;
}

.blue2-big-fon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100px;
  height: 100vh;
  background-color: #2aa3db;
  z-index: -11;
}

.vertical-dis-hover .blue2-big-fon {
  -webkit-animation-name: blue2bigFondis;
  animation-name: blue2bigFondis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes blue2bigFondis {
  0% {
    width: 270px;
  }
  100% {
    width: 100px;
  }
}

@keyframes blue2bigFondis {
  0% {
    width: 270px;
  }
  100% {
    width: 100px;
  }
}

.vertical.vertical-hover .blue2-big-fon {
  -webkit-animation-name: blue2bigFon;
  animation-name: blue2bigFon;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  width: 270px;
}

@-webkit-keyframes blue2bigFon {
  0% {
    width: 100px;
  }
  100% {
    width: 270px;
  }
}

@keyframes blue2bigFon {
  0% {
    width: 100px;
  }
  100% {
    width: 270px;
  }
}

.vertical.vertical-hover .container__logo {
  -webkit-animation-name: containerLogo;
  animation-name: containerLogo;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  width: 255px;
}

@-webkit-keyframes containerLogo {
  0% {
    width: 101px;
  }
  100% {
    width: 255px;
  }
}

@keyframes containerLogo {
  0% {
    width: 101px;
  }
  100% {
    width: 255px;
  }
}

.vertical.vertical-hover .blue-fon {
  -webkit-animation-name: blueFon;
  animation-name: blueFon;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  top: -125px;
}

@-webkit-keyframes blueFon {
  0% {
    top: -15px;
  }
  100% {
    top: -125px;
  }
}

@keyframes blueFon {
  0% {
    top: -15px;
  }
  100% {
    top: -125px;
  }
}

.vertical.vertical-hover .logo-img {
  -webkit-animation-name: logoImg;
  animation-name: logoImg;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  width: 120px;
  margin-top: 22px;
}

@-webkit-keyframes logoImg {
  0% {
    width: 85px;
    margin-top: 10px;
  }
  100% {
    width: 120px;
    margin-top: 22px;
  }
}

@keyframes logoImg {
  0% {
    width: 85px;
    margin-top: 10px;
  }
  100% {
    width: 120px;
    margin-top: 22px;
  }
}

.vertical.vertical-hover .menu-left span {
  left: 85px;
  opacity: 1;
  -webkit-animation-name: menuA;
  animation-name: menuA;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}

@-webkit-keyframes menuA {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 85px;
    opacity: 1;
  }
}

@keyframes menuA {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 85px;
    opacity: 1;
  }
}

.vertical.vertical-hover .menu-left__still li {
  width: 250px;
}

.vertical.vertical-hover .menu-left a {
  width: 250px;
}

.menu-left-logo {
  opacity: 0;
}

.vertical-dis-hover .menu-left-logo {
  -webkit-animation-name: menu-left-logodis;
  animation-name: menu-left-logodis;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes menu-left-logodis {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes menu-left-logodis {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.vertical.vertical-hover .menu-left-logo {
  opacity: 1;
  -webkit-animation-name: menu-left-logo;
  animation-name: menu-left-logo;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}

@-webkit-keyframes menu-left-logo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes menu-left-logo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.menu-left__top.disactive {
  margin-top: -400px;
  -webkit-animation-name: menu-left__top1;
  animation-name: menu-left__top1;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes menu-left__top1 {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -400px;
  }
}

@keyframes menu-left__top1 {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -400px;
  }
}

.menu-left__top.active {
  margin-top: 0;
  -webkit-animation-name: menu-left__top;
  animation-name: menu-left__top;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes menu-left__top {
  0% {
    margin-top: -400px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes menu-left__top {
  0% {
    margin-top: -400px;
  }
  100% {
    margin-top: 0;
  }
}

.menu-left .menu-left__top ul {
  height: 380px;
}

.header .favorites.active .a3 {
  fill: url(#a3);
}

.agreement a {
  color: #B2B2B2;
}

.footer {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 300px;
  margin-top: 150px;
}

.footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: .94;
  z-index: -1;
  width: 100%;
  height: 300px;  
/*   background-image: url("/local/templates/stavr/style/../images/n/new_bottom-min.png"); */
  background-image: url("/local/templates/stavr/style/../images/n/new_bottom-min.webp");
  background-repeat: repeat; 
  
}

.footer__menu {
  padding-left: 190px;
  padding-right: 118px;
  padding-top: 22px;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 230px;
}

.footer__logo-img {
  width: 138px;
}

.footer__logo-img img {
  width: 100%;
  height: auto;
}

.request-offer {
  line-height: 23px;
}

.footer__menu__contacts {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 7px;
  margin-bottom: 5px;
}

.email {
  margin-bottom: 5px;
}

.tel {
  font-size: 24px;
}

.adres {
  font-size: 14px;
  width: 80%;
}

.footer__menu__center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 725px;
}

.footer__menu__center a {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 18px;
  display: inline-block;
}

.footer__menu__center a:hover {
  color: #0D179C;
}

.agreement {
  position: absolute;
  bottom: 15px;
  left: 0;
  font-size: 14px;
  line-height: 17px;
  color: #B2B2B2;
  cursor: pointer;
}

.footer__copyright {
  width: 100%;
  background-color: #242323;
  height: 70px;
  padding-left: 190px;
  padding-right: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.copyright ,
.copyright a{
  color: white;
  font-size: 14px;
  font-weight: 400;
}

.social {
  margin-left: 100px;
  margin-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
}

.vk {
  width: 32px;
}

.vk1 {
  fill: #fff;
}

.vk:hover .vk1,
.contents__index .footer__copyright .vk:hover .vk1 {
  fill: #5181b8;
}

.fb {
  width: 20px;
}

.fb1 {
  fill: #fff;
}

.fb:hover .fb1,
.contents__index .footer__copyright .fb:hover .fb1 {
  fill: #3b5998;
}

.inst {
  width: 20px;
}

.inst1 {
  fill: #fff;
}

.inst:hover .inst1,
.contents__index .footer__copyright .inst:hover .inst1 {
  fill: #feda75;
}

.y-tube {
  width: 17px;
}

.y-tube1 {
  fill: #fff;
}

.y-tube:hover .y-tube1,
.contents__index .footer__copyright .y-tube:hover .y-tube1 {
  fill: #e62117;
}

.modal-form__file label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -ms-flex-pack: end;
}

input.file_upload {
  display: none;
}

.modal-form__file label img {
  margin-left: 12px;
  width: 24px;
}

#offer .offer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#offer .modal__container {
  width: 530px;
  margin: auto;
}

#offer textarea {
  height: 175px;
  width: 236px;
  padding: 10px;
  padding-top: 5px;
  margin-top: 0;
}

#offer .error__cont:after {
  content: none;
}

#offer .input__cont {
  margin-bottom: 30px;
}

#offer p {
  width: 63%;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

#thanks {
  height: 365px;
}

#thanks .container__thanks {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#thanks .container__thanks .modal__title {
  margin-bottom: 0;
}

.container {
  max-width: 1530px;
  padding: 0;
  padding-top: 175px;
}

.breadcrumbs p,
.breadcrumbs a {
  font-size: 12px;
  line-height: 15px;
  color: #757575;
  font-weight: 400;
}

.breadcrumbs p {
  margin-bottom: 15px;
  width: 80%;
}

.background__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 95px;
  min-height: 115px;
  height: auto;
  background-size: auto;
  background-image: url("/local/templates/stavr/style/../images/background__title.png");
  background-repeat: repeat-y;
  margin-bottom: 50px;
}

.background__title h1 {
  font-size: 56px;
  line-height: 67px;
  color: #242323;
  font-weight: 800;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.16);
}

.sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}

.sorting ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sorting li {
  margin-left: 85px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  color: #B2B2B2;
}

.sorting li:hover {
  border-bottom: 1px solid #242323;
  color: #242323;
}

.sorting .item__active {
  color: #0D179C;
}

.sorting .item__active:hover {
  border-bottom: 1px solid transparent;
}

.catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.catalog__item {
  margin-right: 7%;
  width: 430px;
  height: 533px;
  margin-bottom: 95px;
/*   background-image: url("/local/templates/stavr/style/../images/catalog.png"); */
  background-image: url("/local/templates/stavr/style/../images/n/catalog.webp");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.catalog__item:nth-child(3n) {
    margin-right: 0;
}

.catalog__item h4 {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.catalog__item .h4__background {
  background-color: rgba(255, 255, 255, 0.6);
  min-height: 111px;
  padding-left: 50px;
  padding-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.catalog__hover .h4__background {
  -webkit-animation-name: h4-catalog-hover;
  animation-name: h4-catalog-hover;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  margin-top: 0;
}

@-webkit-keyframes h4-catalog-hover {
  0% {
    margin-top: 422px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes h4-catalog-hover {
  0% {
    margin-top: 422px;
  }
  100% {
    margin-top: 0;
  }
}

.catalog__dishover .h4__background {
  -webkit-animation-name: h4-catalog-dishover;
  animation-name: h4-catalog-dishover;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  margin-top: 422px;
}

@-webkit-keyframes h4-catalog-dishover {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 422px;
  }
}

@keyframes h4-catalog-dishover {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 422px;
  }
}

.catalog__item p {
  background-color: rgba(0, 0, 0, 0.3);
  padding-left: 50px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
  color: white;
  font-weight: 300;
}

.catalog__item .btn.more {
  height: 96px;
  width: 100%;
}

.catalog__item .more__hover {
  height: 96px;
  width: 100%;
}

.seo-text h2 {
  font-size: 48px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 50px;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.16);
}

.seo-text h3 {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 50px;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.16);
}

.seo-text p,.seo-text li, .seo-text  {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
  width: 100%;
}

.seo-text img {
  height: 640px;
  margin-bottom: 70px;
}

.seo-text {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;*/
  align-items: center;
  margin: auto;
  margin-top: 60px;
  width: 75%;
}

.catalog .catalog__container,
.catalog__active .catalog__item button,
.catalog__active .catalog__item p {
  display: none;
}

.catalog__container.catalog__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sorting ul li a {
  cursor: pointer;
  color: #B2B2B2;
}

.star {
  fill: #C7C7C7;
  fill-rule: evenodd;
}

.active .star {
  fill: #fdd770;
}

.quality svg {
  width: 34px;
  margin-right: -5px;
}

.subcatalog__item {
  width: 373px;
  height: 430px;
  margin-bottom: 15px;
/*   background-image: url(/local/templates/stavr/style/../images/subcatalog.png); */
  background-image: url(/local/templates/stavr/style/../images/n/subcatalog.webp);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.quality__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.subcatalog__item .h4__background {
  height: 110px;
  background-color: rgba(255, 255, 255, 0.6);
  min-height: 111px;
  padding-left: 30px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}




.subcatalog__items,
.catalog__item
{
/* animation-duration: .5s; */
 transition: 0.3s;
}

.subcatalog__items:hover,
.catalog__item:hover
{
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 30%);
}


.subcatalog__items h4 {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}

.subcatalog__items h5 {
  font-size: 14px;
  text-transform: uppercase;
  color: #0D179C;
  font-weight: 800;
  line-height: 15px;
  margin: 0;
}

.sorting .item__active a {
  color: #0D179C;
}

li.select__item a {
  color: #656565;
  font-size: 18px;
}

.basket__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.basket__cont .basket {
  margin-right: 10px;
}

.subcatalog__items {
  margin-bottom: 98px;
  margin-right: 13%;
}

.subcatalog__items:nth-child(3n) {
  margin-right: 0;
}

.subcatalog__item__hover .h4__background {
  -webkit-animation-name: subcatalog__item__hover;
  animation-name: subcatalog__item__hover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  margin-top: 0;
}

@-webkit-keyframes subcatalog__item__hover {
  0% {
    margin-top: 319px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes subcatalog__item__hover {
  0% {
    margin-top: 319px;
  }
  100% {
    margin-top: 0;
  }
}

.subcatalog__item__dishover .h4__background {
  -webkit-animation-name: subcatalog__item__dishover;
  animation-name: subcatalog__item__dishover;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  margin-top: 319px;
}

@-webkit-keyframes subcatalog__item__dishover {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 319px;
  }
}

@keyframes subcatalog__item__dishover {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 319px;
  }
}

.subcatalog__item p {
  background-color: rgba(0, 0, 0, 0.3);
  padding-left: 36px;
  padding-right: 23px;
  font-size: 16px;
  line-height: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
  color: white;
  font-weight: 400;
  height: 243px;
}

.subcatalog__item .btn.more {
  height: 75px;
}

.sorting__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 45px;
}

.sorting__container .sorting {
  margin: 0;
}

.sorting__container .sorting li {
  margin-left: 50px;
}

.number_of_goods label {
  color: #656565;
  font-size: 18px;
  margin-right: 20px;
}

.number_of_goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.select__gap {
  position: relative;
}

.select__gap:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 19px;
  top: 0;
  right: -26px;
  background-size: 37px;
  background-repeat: no-repeat;
  background-position: -10px 0px;
  background-image: url(/local/templates/stavr/style/../images/arrow_btm.png);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.select__gap {
  position: relative;
  font-size: 18px;
  color: #656565;
}

.select__gap.on:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.select {
  position: relative;
  cursor: pointer;
}

.select__list {
  position: absolute;
  width: 52px;
  background: white;
  margin-left: -5px;
}

li.select__item {
  margin-bottom: 10px;
  margin-top: 10px;
  color: #656565;
  font-size: 18px;
  margin-left: 5px;
}

li.select__item:hover {
  color: #0D179C;
}

.arrow {
  fill: #B2B2B2;
}

.pagination a:hover .arrow {
  fill: #0d179c;
}

.modern-page-previous svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination svg {
  width: 14px;
}

.modern-page-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 250px;
}

.modern-page-navigation a {
  font-size: 16px;
  color: #737373;
}

.modern-page-navigation a:hover {
  color: #0D179C;
}

.modern-page-current {
  font-size: 18px;
  border-bottom: 1px solid #242323;
}

.modern-page-previous,
.modern-page-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination.pagination-bottom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination-bottom svg {
  width: 18px;
}

.pagination-bottom .modern-page-navigation a {
  font-size: 26px;
}

.pagination-bottom .modern-page-current {
  font-size: 31px;
}

.pagination-bottom .modern-page-navigation {
  width: 315px;
}

.may_be_interested_slider .subcatalog__items,
.viewed_products_slider .subcatalog__items {
  width: 374px;
  margin: 0;
}

.may_be_interested_slider.slick-initialized.slick-slider,
.viewed_products_slider.slick-initialized.slick-slider {
  width: 90%;
  margin: auto;
}

.may_be_interested {
  margin-top: 80px;
}

.viewed_products {
  margin-top: 130px;
  margin-bottom: 100px;
}

.slider_title {
  font-size: 26px;
  line-height: 69px;
  font-weight: 800;
  text-shadow: 3px 4px rgba(0, 0, 0, 0.16);
}

.may_be_interested .slick-prev, .may_be_interested .slick-next,
.viewed_products .slick-prev, .viewed_products .slick-next {
  width: 56px !important;
  height: 100px !important;
  top: calc(50% - 28px);
}

.may_be_interested .slick-prev:before, .may_be_interested .slick-next:before,
.viewed_products .slick-prev:before, .viewed_products .slick-next:before {
  width: 56px !important;
  height: 100px !important;
  background-size: 56px 100px;
}

.may_be_interested .slick-prev,
.viewed_products .slick-prev {
  left: -90px !important;
}

.subcatalog__item p,
.subcatalog__item button {
  display: none;
}

.checkbox:hover + .checkbox-custom {
  border: 1px solid #0D179C;
}

.popup__modal {
  max-width: 600px !important;
  width: 600px;
  padding-top: 21px !important;
  padding-bottom: 24px !important;
  background-image: url("/local/templates/stavr/style/../images/background_modal.png") !important;
  background-position: center !important;
  overflow: initial !important;
  cursor: default !important;
}

.popup__modal .modal__title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  margin-bottom: 40px;
}

.popup__modal .modal__container {
  width: 320px;
  margin: auto;
}

.popup__modal .mandatory {
  position: relative;
}

.popup__modal .mandatory:before {
  content: '*';
  position: absolute;
  right: -10px;
  top: -5px;
  font-size: 22px;
  color: #9D0101;
  font-weight: 800;
}

.popup__modal .input__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
  position: relative;
}

.popup__modal label {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.005em;
  max-width: 100px;
}

.popup__modal .modal-form__file label {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.popup__modal input[type="number"],
.popup__modal input[type="tel"],
.popup__modal input[type="text"] {
  width: 196px;
  border: 0;
  border-bottom: 1px solid #9E9E9E;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  background-color: transparent;
}

#offer input[type="number"], 
#offer input[type="tel"], 
#offer input[type="text"] {
    width: 190px;
    margin-left: 15px;
}

.popup__modal input[type="number"]:focus,
.popup__modal input[type="tel"]:focus,
.popup__modal input[type="text"]:focus {
  border-bottom: 1px solid #0D179C;
}

.popup__modal input[type="number"]:hover,
.popup__modal input[type="tel"]:hover,
.popup__modal input[type="text"]:hover {
  border-bottom: 1px solid #3D3D3D;
}

.popup__modal textarea {
  height: 105px;
  width: 100%;
  margin-top: 10px;
  border-color: #707070;
  color: rgba(0, 0, 0, 0.4);
}

.popup__modal p {
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  letter-spacing: 0.079em;
  line-height: 16px;
}

.popup__modal p a {
  border-bottom: 1px solid;
}

.popup__modal button.btn.more {
  width: 130px;
  height: 35px;
  font-size: 12px;
  margin-left: calc(50% - 65px);
}

.popup__modal button.btn.more .circle,
.popup__modal button.btn.more .circle__hover {
  left: -150px;
}

.popup__modal .fancybox-button svg path {
  fill: white;
}

.popup__modal .fancybox-close-small {
  padding: 0 !important;
  width: 84px;
  height: 84px;
  right: -80px !important;
  top: -80px !important;
}

.popup__modal .captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup__modal .captcha label {
  margin-left: 12px;
  font-weight: 400;
}

.popup__modal .error {
  background-color: rgba(157, 1, 1, 0.58) !important;
}

.popup__modal .error__cont:after {
  content: "ОШИБКА В ФОРМЕ";
  position: absolute;
  right: -80px;
  top: 33%;
  font-size: 7px;
  font-weight: 800;
}

.availability1 {
  fill: #2eb1ee;
}

.description {
  position: relative;
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.name-doors h1 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.code-doors p {
  font-size: 20px;
  font-weight: 800;
  color: #0D179C;
  margin-bottom: 48px;
  text-transform: uppercase;
}

.base-configuration p.title {
  font-size: 21px;
  font-weight: 800;
  line-height: 25px;
  margin-bottom: 12px;
}

.base-configuration p {
  font-size: 16px;
  line-height: 32px;
}

.info-left,
.info-right {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.product-description {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.availability svg {
  width: 28px;
  height: 21px;
  margin-right: 8px;
}

.availability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
}

.info-right .quality__container {
  margin-bottom: 40px;
}

.description .basket__cont {
  width: 135px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.slider-nav.slick-initialized.slick-slider.slick-dotted {
  width: 320px;
}

.slider-nav .slick-slide img {
  display: block;
  width: 100%;
}

.slick-initialized .slick-slide {
  display: block;
  margin-right: 18px;
}

.slider-for.slick-initialized.slick-slider {
  height: 470px;
}

.slider {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 306px;
  margin-left: 55px;
  margin-right: 144px;
}

.slider-for .slick-slide img {
  width: 306px !important;
  height: 448px !important;
}

.slider-for .slick-slide.slick-current.slick-active img {
  width: 306px !important;
  height: 448px !important;
}

.info-right {
  margin-left: 100px;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.availability p {
  font-size: 18px;
  font-weight: 800;
}

.slick-prev, .slick-next {
  width: 34px !important;
  height: 60px !important;
}

.slick-prev {
  left: -45px !important;
}

.slick-next:before {
  content: "" !important;
  background-image: url(/local/templates/stavr/style/../images/arrow2.svg);
  background-repeat: no-repeat;
  background-size: 34px 60px;
  width: 34px !important;
  height: 60px !important;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-next:hover:before {
  background-image: url(/local/templates/stavr/style/../images/arrow2hover.svg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-description__1024 .slick-next:before {
  right: 0;
}

.product-description__1024  .slick-next {
    right: -45px;
}

.slick-prev:before {
  content: "" !important;
  background-image: url(/local/templates/stavr/style/../images/arrow2.svg);
  background-repeat: no-repeat;
  background-size: 34px 60px;
  width: 34px !important;
  height: 60px !important;
  position: absolute;
  right: 0;
  top: 0;
}

.slick-prev:hover:before {
  background-image: url(/local/templates/stavr/style/../images/arrow2hover.svg);
}

.description__icons__hover {
  display: none;
}

.description__icons {
  position: relative;
  margin-right: 14px;
}

.icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 27px;
  margin-bottom: 80px;
}

.description__icons img {
  width: 39px;
  height: 39px;
}

.description__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.btn.more.add {
  width: 180px;
  height: 49px;
  margin-right: 12px;
  padding-left: 65px;
  padding-top: 8px;
  
  line-height: 20px;
}

.btn.more.add span {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  display: block;
  width: 92px;
  
  
  width: 76px;
}

.btn.more.add svg {
  width: 25px;
  height: 28px;
  position: absolute;
  top: 10px;
  left: 13px;
}

.btn.more.add .more__hover {
  width: 180px;
  height: 50px;
}

.btn.more.add .circle,
.btn.more.add .circle__hover {
  top: -315px;
  left: -90px;
}

.add1 {
  fill: white;
}

.description__icons:hover .description__icons__hover {
  display: block;
  position: absolute;
  max-width: 290px;
  width: max-content;
  bottom: 60px;
  left: 50%;
  padding: 20px;
  background: -webkit-linear-gradient(203deg, #FFFC94 0%, #FFFFF2 100%);
  background: -o-linear-gradient(203deg, #FFFC94 0%, #FFFFF2 100%);
  background: linear-gradient(247deg, #FFFC94 0%, #FFFFF2 100%);
  font-size: 14px;
  line-height: 18px;
  -webkit-box-shadow: -10px 10px 10px 0px #9a9a9a;
  box-shadow: -10px 10px 10px 0px #9a9a9a;
  -webkit-animation-name: description__icons__hover;
  animation-name: description__icons__hover;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}

.description__icons:hover .description__icons__hover:before {
  content: '';
  -webkit-animation-name: description__icons__hover;
  animation-name: description__icons__hover;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
  border: 20px solid transparent;
  border-left: 20px solid #FFFFF2;
  border-top: 20px solid #FFFFF2;
  position: absolute;
  left: 0;
  bottom: -20px;
}

@-webkit-keyframes description__icons__hover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.back_to_subcatalog .menu__icon {
  fill: #0D179C;
}

.back_to_subcatalog {
  width: 44px;
}

.navigation_to_catalog .navigation__left,
.navigation_to_catalog .navigation__right {
  width: 42px;
}

.navigation_to_catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 220px;
  position: absolute;
  top: 140px;
  right: 0;
}

.container.container__max {
  position: relative;
}

.back_to_subcatalog:hover svg .menu__icon {
  fill: #47A5D0;
}

.constructor___menu ul {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 135px;
}

.icons__constr {
  width: 30px;
}

.constructor {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.constructor___menu {
  margin-left: 40px;
  width: 23%;
}

.constructor___menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 20px;
}

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

.constructor___menu .basket__cont {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 150px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.constructor___menu li p {
  font-family: 'Lato';
  font-size: 21px;
  margin-left: 24px;
  color: #3D3D3D;
  opacity: 0.6;
}

.constructor___menu li:hover p {
  color: #0D179C;
  opacity: 1;
}

.icons__constr {
  opacity: 0.6;
}

.constructor___menu li:hover .icons__constr {
  opacity: 1;
}

.active .icons__constr {
  opacity: 1;
}

.constructor___menu .active p {
  opacity: 1;
  border-bottom: 1px solid black;
}

.active .icons__constr__a ,.actives .icons__constr__a {
  fill: #ffcb21;
}

.active .icons__constr__b, .actives .icons__constr__b {
  fill: #ffcb21;
}

.icons__constr__a {
  fill: url(#icons__constr__a);
}

.icons__constr__b {
  fill: url(#icons__constr__a);
}

.constructor .name-doors h2 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 20px;
}

.main-settings {
  display: none;
  height: auto;
  overflow: unset;
  margin-right: 100px;
  padding-right: 35px;
  margin-top: 130px;
  padding-left: 150px;
}

.main-settings.active-menu {
  display: block;
}

.param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  padding-left: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.param:last-child {
  margin-bottom: 0;
}

.param-text {
  width: 350px;
}

.param-text .param-title {
  font-size: 20px;
  font-family: 'Lato';
  font-weight: 800;
  margin-bottom: 20px;
  position: relative;
}

.param-text .param-title span {
  font-weight: 400;
}

.param-title:before {
  content: "";
  width: 22px;
  border-bottom: 2px solid black;
  height: 0;
  position: absolute;
  top: 50%;
  left: -49px;
}

.param-text p {
  font-size: 16px;
  line-height: 30px;
}

.param-image {
  width: 180px;
  height: 180px;
  min-width: 180px;
  margin-left: 75px;
  margin-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid black;
}

.param-image img,
.pop-up__image img {
  height: 100%;
}

.pop-up__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.parametrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.parametrs.klass_param {
    min-width: 455px;
}

.finishing-options .parametrs {
  -ms-flex-preferred-size: 454px;
  flex-basis: 454px;
}

.fittings-options {
  min-width: 1000px;
}

.setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 31px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.setting svg {
  width: 31px;
  cursor: pointer;
}

.hover-param .setting p {
  color: #0D179C;
}

.hover-param .param-title:before {
  width: 43px;
  left: 0;
  -webkit-animation-name: param-title-before;
  animation-name: param-title-before;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.unhover-param .param-title:before {
  width: 22px;
  left: -49px;
  -webkit-animation-name: unparam-title-before;
  animation-name: unparam-title-before;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.active.param .param-title:before {
  width: 43px;
  left: 0;
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes unparam-title-before {
  0% {
    width: 43px;
    left: 0;
  }
  100% {
    width: 22px;
    left: -49px;
  }
}

@keyframes unparam-title-before {
  0% {
    width: 43px;
    left: 0;
  }
  100% {
    width: 22px;
    left: -49px;
  }
}

@-webkit-keyframes param-title-before {
  0% {
    width: 22px;
    left: -49px;
  }
  100% {
    width: 43px;
    left: 0;
  }
}

@keyframes param-title-before {
  0% {
    width: 22px;
    left: -49px;
  }
  100% {
    width: 43px;
    left: 0;
  }
}

.hover-param .param-title {
  padding-left: 55px;
  -webkit-animation-name: param-title;
  animation-name: param-title;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes param-title {
  0% {
    padding-left: 0;
  }
  100% {
    padding-left: 55px;
  }
}

@keyframes param-title {
  0% {
    padding-left: 0;
  }
  100% {
    padding-left: 55px;
  }
}

.unhover-param .param-title {
  padding-left: 0;
  -webkit-animation-name: unparam-title;
  animation-name: unparam-title;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes unparam-title {
  0% {
    padding-left: 55px;
  }
  100% {
    padding-left: 0;
  }
}

@keyframes unparam-title {
  0% {
    padding-left: 55px;
  }
  100% {
    padding-left: 0;
  }
}

.active.param .param-title {
  padding-left: 55px;
  -webkit-animation: none;
  animation: none;
}

.setting:hover svg {
  -webkit-animation-name: setting-svg;
  animation-name: setting-svg;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes setting-svg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}

@keyframes setting-svg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}

::-webkit-scrollbar {
  width: 15px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  width: 20px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  border: 1px solid #FFFFFF;
}

::-webkit-scrollbar-thumb {
  height: 31px;
  width: 12px;
  background-color: #0D179C;
  border-radius: 3px;
  border: 3px solid #FFFFFF;
}

::-webkit-scrollbar-corner {
  background-color: #FFFFFF;
}

::-webkit-resizer {
  background-color: #FFFFFF;
}

.hover-param .param-image,
.active.param .param-image {
  border: 1px solid #0D179C;
}

.active.param {
  margin-left: -200px;
  animation-name: activeParam;
  animation-duration: 1s;
}

.param {
  animation-name: disActiveParam;
  animation-duration: 1s;
}

@keyframes activeParam {
  0% {
      margin-left: 0;
  }

  100% {
      margin-left: -200px;
  }
}

@keyframes disActiveParam {
  0% {
      margin-left: -200px;
  }

  100% {
      margin-left: 0;
  }
}

.pop-up {
  animation-name: popUp;
  animation-duration: 1s;
  width: 439px;
  height: 675px;
  display: block;
  /*position: absolute;
  right: -40px;
  top: 90px;*/
  position: fixed;
  right: 150px;
  top: 160px;
  z-index: 999999999;
  background-color: #FFFEDC;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
}

.pop-up__close {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
}

@keyframes popUp {
  0% {
    right: -450px;
  }

  100% {
    right: 150px;
  }
}

@keyframes popUpClose {
  0% {
    right: 150px;
  }

  100% {
    right: -450px;
  }
}

.popClose {
  animation-name: popUpClose;
  animation-duration: 1s;
  right: -450px;
  display: block;
}

.pop-up-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.pop-up .close {
  display: block;
  position: absolute;
  width: 23px;
  right: 21px;
  top: 5px;
  opacity: 1;
  cursor: pointer;
}

.pop-up .close .cls-1 {
  fill: #3E438E;
}

.pop-up__title {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  margin: auto;
  margin-top: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #B2B2B2;
  width: 70%;
}

.pop-up__image {
  width: 109px;
  height: 109px;
  border: 1px solid transparent;
}

.pop-up__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 28px;
  cursor: pointer;
}

.options {
  height: 522px;
  margin: auto;
  margin-top: 45px;
  width: 91%;
  overflow: auto;
  padding-right: 50px;
}

.pop-up__text h4 {
  font-size: 17px;
}

.pop-up__text {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

.pop-up__option:hover .pop-up__text p {
  color: #3E438E;
}

.pop-up__option:hover .pop-up__image {
  border: 1px solid #3E438E;
}

.dop-options_input__container {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  margin-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.dop-options_input__container label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dop-options_input input {
  width: 70px;
  margin-right: 3px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid;
}

.dop-options_input {
  font-size: 18px;
}

.dop-options__param__text {
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  margin-right: 10px;
}

.param.dop-options__param {
  margin-bottom: 66px;
}

.dop-options__param .param-text {
  width: 310px;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.param-text__description p {
  width: 440px;
  line-height: 25px;
}

.dop-options {
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
}

.dop-options__param .param-title {
  margin-bottom: 0;
}

.param-checkbox {
  width: 31px;
}

.text-politic {
  font-size: 20px;
  line-height: 29px;
  width: 100%;
  margin-bottom: 44px;
  color: #0D179C;
}

.finishing-options__param .param-checkbox svg {
  height: 23px;
  width: 13px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.finishing-options__param .param-checkbox.bottom svg {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.finishing-options__param.hover-param .param-title {
  color: #0D179C;
}

.finishing-options__param.hover-param .param-checkbox svg .param-checkbox1 {
  fill: #0D179C;
}

.param-text__description_opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

p.name_opt {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

.finishing-options {
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
}

.finishing-options .param-text__description {
  width: 440px;
}

.finishing-options__param {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.finishing-options__param .parametrs {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
}

.finishing-options__param .radio__container {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.radio__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  margin-top: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.palette {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.palette.check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.palette svg {
  width: 56px;
  height: 56px;
}

.palette p {
  color: #B7B7B7;
  color: black;
  font-size: 18px;
}

.radio__container .param-text label span {
  font-size: 20px;
  margin-left: 45px;
}

.radio__option .param-text__description {
  width: 540px;
  line-height: 21px;
  margin-top: 15px;
}

.radio__option .param-text__description p {
  width: 540px;
  line-height: 21px;
}

.finishing-options__param .param-text,
.finishing-options__param .param-checkbox {
  cursor: pointer;
}

.btn.more.view-photo {
  width: 182px;
  height: 49px;
  padding-top: 5px;
  line-height: 14px;
  margin-right: 70px;
}

.view-photo .more__hover {
  width: 182px;
  height: 49px;
}

.btn.more.view-photo .circle,
.btn.more.view-photo .circle__hover {
  top: -300px;
  left: -90px;
}

.btn.more.view-photo span {
  font-size: 14px;
  font-weight: 300;
}

.fittings-options .param-checkbox {
  margin-left: 10px;
}

.technical-information {
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
}

.technical-information p {
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 50px;
}

.technical-information img {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}

.technical-information table {
  width: 100%;
  border: 1px solid;
  margin-bottom: 50px;
  border-collapse: collapse;
}

.technical-information table td {
  border: 1px solid;
  padding: 5px 15px;
}

.technical-information table td:last-child {
  text-align: center;
}

.check_top {
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid;
  margin: auto;
}

.check_checked {
  position: absolute;
  width: 11px;
  height: 11px;
  background-color: black;
  top: 2px;
  left: 2px;
}

.main-settings.certificates.active-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: -80px;
}

.certificates-container {
  -ms-flex-preferred-size: 47%;
  flex-basis: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.certificates-container h4 {
  font-size: 21px;
  font-weight: 800;
}

.certificates-container img {
  height: 278px;
}

.description__btn.description__scroll {
  -webkit-animation-name: description__scroll;
  animation-name: description__scroll;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  bottom: -140px;
}

@-webkit-keyframes description__scroll {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -140px;
  }
}

@keyframes description__scroll {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -140px;
  }
}

.description__btn.description__upscroll {
  -webkit-animation-name: description__upscroll;
  animation-name: description__upscroll;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  bottom: 0;
}

@-webkit-keyframes description__upscroll {
  0% {
    bottom: -140px;
  }
  100% {
    bottom: 0;
  }
}

@keyframes description__upscroll {
  0% {
    bottom: -140px;
  }
  100% {
    bottom: 0;
  }
}

.constructor___menu .name-doors,
.constructor___menu .code-doors {
  opacity: 0;
  text-transform: uppercase;
}

.constructor___menu .name-scroll {
  -webkit-animation-name: name-scroll;
  animation-name: name-scroll;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  opacity: 1;
}

@-webkit-keyframes name-scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes name-scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.constructor___menu .name-upscroll {
  -webkit-animation-name: name-upscroll;
  animation-name: name-upscroll;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  opacity: 0;
}

@-webkit-keyframes name-upscroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes name-upscroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.param-checkbox {
  position: relative;
}

.checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  opacity: 0;
  z-index: 1;
}

.checkbox-custom {
  cursor: pointer;
  position: relative;
  width: 27px;
  height: 27px;
  border: 1px solid #B2B2B2;
  border-radius: 0;
  display: inline-block;
}

.checkbox:checked + .checkbox-custom {
  border: 1px solid #0A51B5;
}

.checkbox:checked + .checkbox-custom::before {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 25px;
  background-image: url(/local/templates/stavr/style/../images/tick-sign1.svg);
  background-repeat: no-repeat;
  background-size: 30px 25px;
}

.radio__container .param-text label .radio-custom {
  margin: 0;
}

.radio__container .param-text label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  z-index: 1;
  width: 25px;
  height: 25px;
}

.radio-custom {
  cursor: pointer;
  width: 25px;
  height: 25px;
  border: 1px solid #242323;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

.radio:checked + .radio-custom {
  border: 2px solid #0D179C;
}

.radio:checked + .radio-custom::before {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  background: #FFCB21;
  top: 2px;
  left: 2px;
  border-radius: 50%;
}

.radio__option:hover .param-text {
  color: #0D179C;
}

.radio__option:hover .param-text__description {
  color: #6A6FB2;
}

.radio__container .param-text label {
  position: relative;
}

.ajax_preload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ajax_preload .setting svg {
  -webkit-animation-name: setting-svg;
  animation-name: setting-svg;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.palette.check {
  position: relative;
  cursor: pointer;
    padding-right: 15px;
    margin-right: 50px;
    width: 130px;
    max-width: 130px;
}

.palette.check:before {
  content: '';
  position: absolute;
  width: 45px;
  height: 60px;
  background-image: url(/local/templates/stavr/style/../images/kist.svg);
  background-size: cover;
  top: -35px;
  right: 20px;
  animation-name: kst1;
  animation-duration: 500ms;
  opacity: 0;
  transform: rotate(15deg);
}

.palette.check:hover:before {
  animation-name: kst;
  animation-duration: 4s;
  opacity: 1;
}

.palette.check:hover p {
  color: #0D179C;
}

.palette.check svg {
  animation-name: palitr1;
  animation-duration: 500ms;
}

.palette.check:hover svg {
  animation-name: palitr;
  animation-duration: 4s;
  opacity: 1;
  transform: rotate(-94deg);
}

@keyframes kst1 {
  0% {
    top: -35px;
    right: 20px;
    opacity: 1;
  }
  100% {
    top: -60px;
    right: 0;
    opacity: 0;
  }
}

@keyframes palitr1 {
  0% {
    transform: rotate(-94deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes kst {
  0% {
    top: -60px;
    right: 0;
    opacity: 0;
  }
  25% {
    top: -35px;
    right: 20px;
    opacity: 1;
  }
  40% {
    top: -60px;
    right: 0;
  }
  55% {
    top: -35px;
    right: 20px;
  }
  70% {
    top: -60px;
    right: 0;
  }
  85% {
    top: -35px;
    right: 20px;
  }
}

@keyframes palitr {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-94deg);
  }
  40% {
    transform: rotate(-110deg);
  }
  55% {
    transform: rotate(-94deg);
  }
  70% {
    transform: rotate(-110deg);
  }
  85% {
    transform: rotate(-94deg);
  }
}

.applications {
  position: relative;
}

.inform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 270px;
  position: absolute;
  top: -135px;
  right: 0;
}

.inform p {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.inform span {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  text-align: right;
}

p.note:before {
  content: '*';
  position: absolute;
  left: 50%;
  font-size: 36px;
  top: -10px;
  color: #E42C2C;
  font-weight: 800;
}

.full-note {
  padding: 17px 80px;
  background-color: #FFCB21;
  margin-bottom: 50px;
}

.full-note p {
  color: #0D179C;
  font-weight: 700;
  position: relative;
}

.full-note p:first-child:before {
  content: '*';
  position: absolute;
  left: -15px;
  font-size: 36px;
  top: -15px;
  color: #E42C2C;
  font-weight: 800;
}

.applications__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.applications__table__title,
.applications__table__position,
.parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.applications__table__title {
  font-size: 12px;
  font-weight: 800;
}

.table__number {
  width: 110px;
}

.table__name {
  width: 190px;
}

.table__param {
  width: 845px;
}

.table__price {
  width: 130px;
}

.table__amount {
  width: 105px;
}

.table__end__price {
  width: 150px;
}

.table__description-title {
  width: 260px;
}

.applications__table table td {
  border: 1px solid #707070;
  padding: 20px;
}

.applications__table table {
  width: 100%;
  border-collapse: collapse;
}

td.table__number,
td.table__name,
.table__price,
.table__amount,
.table__end__price {
  text-align: center;
}

.title td {
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

p.result {
  color: #0D179C;
}

.table__amount__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

svg.delete {
  position: absolute;
  width: 32px;
  top: 40px;
  left: calc(50% - 16px);
}

p.minus,
p.plus {
  width: 10px;
  color: #707070;
  font-weight: 900;
}

.applications__table .position-end td {
  border: none;
}

.add__delivery,
.add__installation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
    margin-top: 15px;
}

.inform.inform__bottom {
  position: initial;
}

.add__delivery p,
.add__installation p {
  margin-left: 15px;
}

.projects__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}

.projects__filter .close {
  display: none;
}

.projects__filter .projects__filter__btn {
  display: none;
}

.projects__filter p {
  font-size: 16px;
  font-weight: 800;
  margin-right: 30px;
  letter-spacing: 0.005em;
  min-width: 140px;
}

.projects__filter .projects__filter__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.projects__filter .param-checkbox {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 30px;
  margin-bottom: 12px;
}

.projects__filter span.check__title {
  margin-left: 8px;
}

.projects__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.projects__container .slick-initialized .slick-slide {
  margin-right: 0;
}

.projects__container .timeline__cont {
  position: -webkit-sticky;
  position: sticky;
  top: 15em;
  bottom: 15em;
  height: 550px;
  min-width: 50px;
}

.projects__container .timeline {
  position: relative;
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.projects__container .timeline p {
  cursor: pointer;
  background-color: white;
  line-height: 24px;
  font-size: 21px;
}

.projects__container .timeline p:hover {
  color: #0D179C;
  font-weight: 800;
}

.projects__container .timeline .active {
  color: #0D179C;
}

.projects__container .timeline .line {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #707070;
  z-index: -1;
}

.projects__container .timeline .line__block {
  position: absolute;
  width: 10px;
  height: 35px;
  border: 1px solid #707070;
  background-color: white;
  z-index: -1;
  top: 25px;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}

.projects__container .projects__element__container {
  margin-left: 78px;
}

.projects__container .projects__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 105px;
}

.projects__container .projects__element .favorites {
  width: 26px;
  margin-right: -20px;
}

.projects__container .projects__element .projects__element__text__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 85px;
}

.projects__container .projects__element .projects__element__text__container h4 {
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 10px;
  font-weight: 800;
}

.projects__container .projects__element .projects__element__text__container p {
  line-height: 25px;
}

.projects__container .projects__element .projects__element__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.projects__container .projects__element .projects__element__navigation button.btn.more {
  width: 300px;
  margin: 0;
}

.projects__container .projects__element .projects__element__slider__top {
  width: 756px;
  height: 489px;
}

.projects__container .projects__element .projects__element__slider__top .slider__element {
  height: 418px;
  background-color: black;
}

.projects__container .projects__element .slider__element iframe {
  height: 100%;
  width: 100%;
}

.projects__container .projects__element .slider__element img {
  height: 100%;
  width: auto;
  margin: auto;
}

.projects__container .projects__element .projects__element__slider__bottom {
  width: 756px;
  height: 71px;
  margin-top: -71px;
  background-color: #000;
  padding: 10px;
}

.projects__container .projects__element .projects__element__slider__bottom .slider__element {
  height: 50px;
  opacity: 0.6;
}

.projects__container .projects__element .projects__element__slider__bottom .slick-center {
  opacity: 1;
}

.projects__element__text.slick-initialized.slick-slider {
  width: 561px;
}

.slider__element__svg {
  width: 100%;
  height: 100%;
}

.slider__element__hover {
  fill: black;
}

.slider__element__svg:hover .slider__element__hover {
  fill: #D8362A;
}

.favorites__container {
  position: relative;
}

.favorites__container .tabs {
  position: absolute;
  top: -70px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.favorites__container .tabs h4 {
  font-weight: 800;
  font-size: 27px;
  color: #B2B2B2;
  margin-left: 80px;
  cursor: pointer;
}

.favorites__container .tabs h4:hover {
  color: #242323;
}

.favorites__container .tabs .active__tab {
  color: #0d179c;
}

.favorites__container .projects__element__container {
  margin-left: 0 !important;
}

.favorites__container .tabs__container {
  height: 0;
}

.favorites__container .active__block {
  height: auto;
}

.favorites__container .pagination-top {
  display: none;
}

main {
  overflow: hidden;
}

@media (max-width: 1919px) {
  .favorites__container .tabs {
    top: -100px;
  }
  .favorites__container .tabs h4 {
    font-size: 20px;
    margin-left: 60px;
  }
  .description__icons__hover p {
    font-size: 12px;
}
}

@media (max-width: 1365px) {
  .favorites__container .tabs {
    top: -80px;
  }
  .favorites__container .tabs h4 {
    font-size: 16px;
    margin-left: 25px;
  }
  .favorites__container .catalog__container {
    width: 88%;
  }
  .projects__element__container2 {
    width: 100%;
}
}

@media (max-width: 1023px) {
  .favorites__container .tabs {
    top: -70px;
  }
  .favorites__container .pagination-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .favorites__container .pagination.pagination-bottom {
    margin-top: -50px;
  }
  .favorites__container .catalog__container {
    width: 103%;
  }

  .menu__icon__b  {
    fill: #2FB3F0!important;
  }
}

@media (max-width: 767px) {

  .constructor___menu .active p {
    border-bottom: none;
  }
  .favorites__container .tabs {
    position: initial;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  .favorites__container .tabs h4 {
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 0;
  }
  .favorites__container .pagination.pagination-bottom {
    margin-top: 0;
  }

  .pop-up__option:hover .pop-up__image {
    border: 3px solid #3E438E;
  }

  .breadcrumbs p {
    width: 100%;
  }
}

.turnkey-solutions__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 66px;
}

.turnkey-solutions__switch p {
  font-size: 20px;
  font-weight: 800;
  color: #0D179C;
  margin-right: 25px;
  text-transform: uppercase;
}

.turnkey-solutions__table .turnkey-solutions__title {
  display: none;
}

.turnkey-solutions__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 132px;
}

.turnkey-solutions__element .element_left {
  -ms-flex-preferred-size: 754px;
  flex-basis: 754px;
}

.turnkey-solutions__element .element_left h2 {
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.turnkey-solutions__element .element_left h3 {
  font-size: 29px;
  font-weight: 700;
  line-height: 47px;
  color: #0C1693;
  background: -webkit-gradient(linear, left top, right top, from(#FFCB21), color-stop(70%, transparent), to(transparent));
  background: -webkit-linear-gradient(left, #FFCB21 0%, transparent 70%, transparent 100%);
  background: -o-linear-gradient(left, #FFCB21 0%, transparent 70%, transparent 100%);
  background: linear-gradient(to right, #FFCB21 0%, transparent 70%, transparent 100%);
}

.turnkey-solutions__element .element_left p {
  line-height: 25px;
  margin-bottom: 76px;
}

.turnkey-solutions__element .element_left span.sp_text {
  opacity: 0.6;
  text-transform: lowercase;
}

.turnkey-solutions__element .element_right {
  width: 754px;
}

.turnkey-solutions__element .element_right img {
  width: 100%;
  height: auto;
  margin: auto;
}

.turnkey-solutions__list {
  margin-bottom: 50px;
}

.turnkey-solutions__list h2.turnkey-solutions__title {
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.turnkey-solutions__list .turnkey-solutions__element {
  margin-bottom: 15px;
}

.turnkey-solutions__list .element_left {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.turnkey-solutions__list .element_left h2, .turnkey-solutions__list .element_left p, .turnkey-solutions__list .element_left span {
  display: none;
}

.turnkey-solutions__list .element_right {
  display: none;
}

.card__slider__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.card__slider__container .turnkey-solutions__slider-text {
  width: 610px;
}

.card__slider__container .turnkey-solutions__slider-text .txt__cont h4 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 30px;
}

.card__slider__container .turnkey-solutions__slider-text .txt__cont p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 50px;
}

.card__slider__container .turnkey-solutions__slider-image {
  width: 736px;
}

.card__slider__container .turnkey-solutions__slider-image .img__cont img {
  width: 100%;
  height: auto;
  margin: auto;
}

.card__slider__container .turnkey-solutions__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 130px;
  position: absolute;
  bottom: 0;
  left: 475px;
}

.offer {
  width: 100vw;
  margin-left: -12%;
  margin-top: 155px;
  margin-bottom: 90px;
  padding-left: 300px;
  padding-right: 300px;
  padding-top: 35px;
  padding-bottom: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: -webkit-linear-gradient(right, #fdde8a 0%, #FEF9EC 100%);
  background: -o-linear-gradient(right, #fdde8a 0%, #FEF9EC 100%);
  background: -webkit-gradient(linear, right top, left top, from(#fdde8a), to(#FEF9EC));
  background: linear-gradient(to left, #fdde8a 0%, #FEF9EC 100%);
}

.offer div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.offer h4 {
  font-size: 21px;
  font-weight: 800;
  line-height: 25px;
  margin-right: 20px;
  margin-left: 40px;
  margin-bottom: -4px;
}

.offer button.btn.more {
  min-width: 300px;
  height: 74px;
  font-size: 19px;
}

.offer svg {
  min-width: 84px;
  height: 84px;
}

.background__title.background__title__min {
  height: 75px;
  background-size: contain;
  padding-left: 130px;
}

.background__title.background__title__min h2 {
  font-size: 36px;
  font-weight: 800;
}

.portfolio__projects__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portfolio__projects__elements a {
  margin-right: 10%;
}

.portfolio__projects__elements a:last-child {
  margin-right: 0;
}

.portfolio__projects__element {
  width: 412px;
  text-align: center;
  margin-bottom: 40px;
}

.portfolio__projects__element img {
  height: 250px;
}

.portfolio__projects__element h4 {
  width: 80%;
  margin: auto;
  font-weight: 800;
  font-size: 22px;
  line-height: 27px;
  margin-top: 4px;
}

.portfolio__objects {
  margin-top: 100px;
  position: relative;
}

.turnkey-solutions-card__switch {
  position: absolute;
  right: 0;
  top: 25px;
}

.portfolio__objects__element {
  width: 750px;
  background-color: white;
  padding-top: 11px;
  margin-bottom: 44px;
}

.portfolio__objects__element h4 {
  color: #0D179C;
  font-size: 27px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
}

.portfolio__objects__element .doors__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.portfolio__objects__element .slider__photo {
  max-width: 363px;
  width: 363px;
  height: 419px;
}

.portfolio__objects__element .slider__photo .element__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-right: 0;
}

.portfolio__objects__element .slider__photo .element__photo img {
  width: auto;
  height: 419px;
  margin: auto;
}

.portfolio__objects__element .slider__photo .element__photo button.btn.more {
  opacity: 0;
  position: absolute;
  width: 363px;
  height: 74px;
  font-size: 27px;
}

.portfolio__objects__element .slider__photo .element__photo:hover img {
  -webkit-animation-name: element__photo__img;
  animation-name: element__photo__img;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-filter: brightness(75%);
  filter: brightness(75%);
}

.portfolio__objects__element .slider__photo .element__photo:hover button.btn.more {
  -webkit-animation-name: element__photo__btn;
  animation-name: element__photo__btn;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  opacity: 1;
}

.portfolio__objects__element .text__container {
  max-width: 363px;
}

.portfolio__objects__element .text__container .slick-list, .portfolio__objects__element .text__container .slick-track {
  height: 100%;
}

.portfolio__objects__element .text__container .element__text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 0;
}

.portfolio__objects__element .text__container .element__text h5 {
  font-size: 19px;
  line-height: 22px;
  font-weight: 800;
  width: 80%;
}

.portfolio__objects__element .text__container .element__text h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 25px;
  color: #0D179C;
  font-weight: 800;
}

.portfolio__objects__element .text__container .element__text p {
  font-size: 12px;
  line-height: 15px;
}

.portfolio__objects__element .text__container .element__text .quality__container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 36px;
  opacity: 1;
}

.portfolio__objects__element .text__container .element__text .prices {
  width: 326px;
}

.portfolio__objects__element .portfolio__objects__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 105px;
  position: absolute;
  bottom: 60px;
  right: 256px;
  opacity: 1;
}

.portfolio__objects__element .portfolio__objects__navigation .navigation__left, .portfolio__objects__element .portfolio__objects__navigation .navigation__right {
  width: 44px;
}

/*.portfolio__objects__element:hover .text__container .element__text .quality__container {*/
  /*-webkit-animation-name: element__photo__btn;*/
  /*animation-name: element__photo__btn;*/
  /*-webkit-animation-duration: 250ms;*/
  /*animation-duration: 250ms;*/
  /*opacity: 1;*/
/*}*/

/*.portfolio__objects__element:hover .portfolio__objects__navigation {*/
  /*-webkit-animation-name: element__photo__btn;*/
  /*animation-name: element__photo__btn;*/
  /*-webkit-animation-duration: 250ms;*/
  /*animation-duration: 250ms;*/
  /*opacity: 1;*/
/*}*/

@-webkit-keyframes element__photo__img {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    -webkit-filter: brightness(75%);
    filter: brightness(75%);
  }
}

@keyframes element__photo__img {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  100% {
    -webkit-filter: brightness(75%);
    filter: brightness(75%);
  }
}

@-webkit-keyframes element__photo__btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.portfolio__objects__elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.portfolio__objects__elements.portfolio__list {
  display: block;
}

.doors__container__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-top: 27px;
  margin-top: -27px;
  padding-right: 200px;
  margin-right: -200px;
  padding-left: 200px;
  margin-left: -200px;
}

.doors__container__list .name__doors {
  -ms-flex-preferred-size: 456px;
  flex-basis: 456px;
}

.doors__container__list .name__doors h5 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 25px;
}

.doors__container__list .name__doors h6 {
  color: #0D179C;
  font-size: 12px;
  font-weight: 800;
}

.doors__container__list .purpose {
  -ms-flex-preferred-size: 445px;
  flex-basis: 445px;
  font-size: 18px;
  line-height: 22px;
}

.doors__container__list .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.doors__container__list .prices {
  width: 150px;
  margin-right: 35px;
  height: 40px;
  cursor: default;
}

.doors__container__list .prices .price {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  height: 40px;
}

.doors__container__list:hover {
  background-color: #E7EDFF;
}

.doors__container__list:hover h5:hover {
  font-weight: 700;
}

div.portfolio {
  max-width: 882px !important;
  width: 882px !important;
  height: 433px !important;
}

.portfolio .modal__container {
  width: auto;
  margin: auto;
}

.slider__modal {
  width: 794px;
  height: 388px;
}

.slider__modal .element_portfolio__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 794px;
}

.slider__modal .element_portfolio__photo {
  width: 524px;
  height: 388px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
}

.slider__modal .element_portfolio__text {
  width: 260px;
  height: 300px;
  overflow: auto;
}

.slider__modal .element_portfolio__text p {
  color: #707070;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 30px;
  margin-top: 0;
  letter-spacing: 0;
}

.slider__modal__navigation {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: 21px;
  right: 15px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.slider__modal__navigation .portfolio__navigation {
  width: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.slider__modal__navigation .portfolio__navigation .navigation__left,
.slider__modal__navigation .portfolio__navigation .navigation__right {
  width: 40px;
}

ul.slick-dots .slick-active {
  color: #0C1693;
}

.seminars__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 37px;
}

.seminars__top__photo {
  -ms-flex-preferred-size: 776px;
  flex-basis: 776px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.seminars__top__photo img {
  width: auto;
  height: 430px;
}

.seminars__top__text {
  width: 646px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seminars__top__text h2 {
  font-size: 35px;
  line-height: 42px;
  margin-bottom: 35px;
  font-weight: 800;
  text-align: center;
}

.seminars__top__text button.btn.more {
  width: 280px;
  margin: auto;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.005em;
  height: 73px;
}

.seminars__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.seminar {
  width: 495px;
  height: 570px;
  background-color: white;
  -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.16);
  margin-right: 15px;
  margin-bottom: 52px;
  padding: 15px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.seminar:nth-child(3n) {
  margin-right: 0;
}

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

.seminar h4 {
  font-size: 22px;
  font-weight: 800;
  width: 80%;
  margin: auto;
  margin-bottom: 25px;
}

.seminar img {
  width: auto;
  max-width: 452px;
  height: 250px;
  margin: auto;
  margin-bottom: 20px;
}

.seminar p {
  text-align: left;
  width: 100%;
}

.seminar .seminar__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.seminar .seminar__bottom p:nth-child(1) {
  display: none;
  opacity: 0.6;
}

.seminar .seminar__bottom p.date {
  text-align: right;
  margin-right: 7px;
}

.seminar:hover p:nth-child(1) {
  display: block;
}

.seminars__bottom button.btn.more {
  margin-left: calc(100% - 380px);
  width: 290px;
  height: 73px;
  font-size: 19px;
}

.seminars__bottom h2 {
  margin-top: 100px;
  margin-bottom: 60px;
  margin-left: 120px;
  font-size: 35px;
  font-weight: 800;
}

.news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
}

.news__element .news-img {
  background-size: cover;
}

.news__element h4 {
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

.news__element .detailed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news__element .detailed svg {
  height: 17px;
}

.news__element:hover {
  color: white;
  background-color: transparent;
}

.news__big {
  width: 740px;
  height: 560px;
  margin-right: 25px;
  margin-bottom: 52px;
}

.news__big .news-img {
  width: 464px;
  height: 100%;
}

.news__big .news-text-container {
  width: 276px;
  padding: 22px 30px 21px 18px;
  position: relative;
  overflow: hidden;
}

.news__big .news-text-container:before {
  content: "";
  width: 276px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFC421;
}

.news__big p.date {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 31px;
}

.news__big p.news-descript {
  line-height: 24px;
  margin-bottom: 25px;
  min-height: 360px;
}

.news__big h4 {
  margin-bottom: 11px;
}

.news__big .hover {
  width: 276px;
  height: 560px;
  position: absolute;
  background-color: #0D179C;
  top: 0;
  left: 0;
  z-index: -1;
}

.news__big .hover .hover__circle_1 {
  width: 400px;
  height: 500px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2F76F0), to(#0D179C));
  background: -webkit-linear-gradient(top, #2F76F0 0%, #0D179C 100%);
  background: -o-linear-gradient(top, #2F76F0 0%, #0D179C 100%);
  background: linear-gradient(180deg, #2F76F0 0%, #0D179C 100%);
  border-radius: 100%;
  position: absolute;
  top: -85px;
  left: -60px;
}

.news__big .detailed {
  position: absolute;
  width: 85%;
  bottom: 15px;
}

.news__small {
  width: 510px;
  height: 265px;
  margin-bottom: 50px;
}

.news__small .news-img {
  width: 265px;
  height: 100%;
}

.news__small .news-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 245px;
  padding: 23px 38px 30px 23px;
  position: relative;
  overflow: hidden;
}

.news__small .news-text-container:before {
  content: "";
  width: 6px;
  height: 265px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FFC421;
}

.news__small p.date {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 75px;
}

.news__small p.news-descript {
  display: none;
}

.news__small h4 {
  margin-bottom: 54px;
}

.news__small .hover {
  background-color: #1A23A2;
  width: 245px;
  height: 265px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.news__small .hover .hover__circle_1 {
  position: absolute;
  width: 378px;
  height: 378px;
  background-color: #0D179C;
  border-radius: 100%;
  top: -85px;
  left: -155px;
}

.news__small .hover .hover__circle_2 {
  position: absolute;
  width: 314px;
  height: 314px;
  border-radius: 100%;
  background: -webkit-linear-gradient(142deg, #0D179C 15%, #29BDFF 100%);
  background: -o-linear-gradient(142deg, #0D179C 15%, #29BDFF 100%);
  background: linear-gradient(308deg, #0D179C 15%, #29BDFF 100%);
  top: -70px;
  left: -185px;
}

.news button.btn.more,
.projects__element__container2 button.btn.more {
  width: 300px;
  height: 73px;
  margin-left: calc(100% - 300px);
  font-size: 19px;
}

.news-img__320 {
  display: none;
}

.piece-of-news__cont {
  position: relative;
}

.piece-of-news__navigation {
  margin-bottom: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.piece-of-news__navigation a {
  font-size: 16px;
  line-height: 19px;
  font-weight: 800;
}

.piece-of-news__navigation .absolute__top {
  position: absolute;
  top: 175px;
  right: 0;
}

.piece-of-news__container {
  /*display: flex;
  justify-content: space-between;*/
  position: relative;
}

.piece-of-news__container__photo {
  width: 750px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.piece-of-news__container__photo .piece-of-news__photo {
  width: 100%;
  min-height: 565px;
  height: 565px;
  background-size: cover;
}

.piece-of-news__container__text {
  width: 650px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.piece-of-news__container__text .text__element {
  min-height: 565px;
}

.piece-of-news__container__text .text__element p {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 75px;
}

.piece-of-news__container__text .text__element h3 {
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 30px;
  font-weight: 800;
}

.piece-of-news__photo {
  position: -webkit-sticky;
  position: sticky;
  top: 10em;
}

.main__sticky {
  overflow: visible;
}

.animate {
  -webkit-animation-name: animate;
  animation-name: animate;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

.photo__element__768 {
  display: none;
}

.piece-of-news__navigation a:hover {
  color: #0d179c;
}

.blue__title h1 {
  color: #0D179C;
}

.doors__img {
  background-image: url("/local/templates/stavr/style/../images/about-us.png");
  width: 100%;
  height: 870px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 120px;
  left: 0;
  z-index: -1;
}

.top_background {
  margin-bottom: 500px;
}

.top_background p {
  font-size: 20px;
  line-height: 35px;
  margin-left: 100px;
  width: 58%;
}

.about-us h2 {
  color: #0D179C;
  text-shadow: 3px 4px rgba(0, 0, 0, 0.16);
  font-size: 56px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 150px;
  margin-top: 150px;
  margin-left: 100px;
}

.certificates__container {
  margin-left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.certificate {
  width: 292px;
  margin-right: 230px;
  text-align: center;
  margin-bottom: 50px;
}

.vacancies__descript ul,
.vacancies__descript li  {
  list-style-type: initial;
}

.certificate h5 {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 9px;
  width: 100%;
  text-align: center;
}

.certificate img {
  height: 237px;
  width: auto;
  margin: auto;
}

.certificate:nth-child(3n) {
  margin-right: 0;
}

.licenses__container {
  margin-left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.license {
  width: 536px;
  margin-bottom: 52px;
}

.license img {
  width: 168px;
  float: left;
  margin-right: 16px;
}

.license h5 {
  font-size: 16px;
  font-weight: 800;
  width: 89%;
}

.license p {
  font-size: 14px;
  line-height: 17px;
}

.vacancies__container {
  margin-left: 250px;
  margin-bottom: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vacancies__list {
  width: 260px;
  margin-right: 16px;
}

.vacancies__list p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 14px;
  position: relative;
  cursor: pointer;
}

.vacancies__list p:hover {
  color: #0d179c;
}

.vacancies__list p:before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #363434;
  position: absolute;
  top: calc(50% - 2px);
  left: -32px;
  -webkit-animation-name: unanimation__vacancies;
  animation-name: unanimation__vacancies;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

.vacancies__list p:hover:before {
  background-color: #0d179c;
  width: 32px;
  left: -48px;
  -webkit-animation-name: animation__vacancies;
  animation-name: animation__vacancies;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

.vacancies__list p.active {
  padding-left: 40px;
  font-weight: 800;
}

.vacancies__list p.active:before {
  width: 32px;
  left: -16px;
  -webkit-animation-name: animation__vacancies__act;
  animation-name: animation__vacancies__act;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes animation__vacancies__act {
  0% {
    width: 16px;
    left: -32px;
  }
  100% {
    width: 32px;
    left: -16px;
  }
}

@keyframes animation__vacancies__act {
  0% {
    width: 16px;
    left: -32px;
  }
  100% {
    width: 32px;
    left: -16px;
  }
}

@-webkit-keyframes animation__vacancies {
  0% {
    width: 16px;
    left: -32px;
  }
  100% {
    width: 32px;
    left: -48px;
  }
}

@keyframes animation__vacancies {
  0% {
    width: 16px;
    left: -32px;
  }
  100% {
    width: 32px;
    left: -48px;
  }
}

@-webkit-keyframes unanimation__vacancies {
  0% {
    width: 32px;
    left: -48px;
  }
  100% {
    width: 16px;
    left: -32px;
  }
}

@keyframes unanimation__vacancies {
  0% {
    width: 32px;
    left: -48px;
  }
  100% {
    width: 16px;
    left: -32px;
  }
}

.vacancies__block {
  width: 812px;
  background-color: white;
  -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  padding: 19px 76px 23px 92px;
}

.vacancies__block h5 {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 20px;
}

.vacancies__block .vacancies__descript {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.vacancies__block .vacancies__descript p {
  text-align: left;
  width: 552px;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}

.vacancies__block p.title {
  font-weight: 800;
  width: 100px;
  text-align: left;
}

.vacancies__block button.btn.call {
  width: 200px;
  height: 50px;
  font-size: 12px;
}

.partners__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 150px;
}

.partners__block {
  width: 430px;
  height: 340px;
  position: relative;
  overflow: hidden;
}

.partners__block img {
  width: 430px;
  height: 340px;
  opacity: 0.6;
}

.partners__block p {
  width: 100%;
  line-height: 67px;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 0;
  -webkit-animation-name: btn__anim;
  animation-name: btn__anim;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

.partners__block button.btn.more {
  position: absolute;
  width: 430px;
  height: 67px;
  bottom: -67px;
  -webkit-animation-name: btn__anim__un;
  animation-name: btn__anim__un;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

.partners__block button.btn.more .more__hover {
  width: 430px;
}

.partners__block button.btn.more .circle,
.partners__block button.btn.more .circle__hover {
  left: -30px;
}

.partners__block:hover img {
  opacity: 1;
}

.partners__block:hover button.btn.more {
  -webkit-animation-name: btn__anim;
  animation-name: btn__anim;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
  bottom: 0;
}

.partners__block:hover p {
  bottom: -67px;
  -webkit-animation-name: btn__anim__un;
  animation-name: btn__anim__un;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}

@-webkit-keyframes btn__anim {
  0% {
    bottom: -67px;
  }
  100% {
    bottom: 0;
  }
}

@keyframes btn__anim {
  0% {
    bottom: -67px;
  }
  100% {
    bottom: 0;
  }
}

@-webkit-keyframes btn__anim__un {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -67px;
  }
}

@keyframes btn__anim__un {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -67px;
  }
}

.customer__slider {
  margin-left: 150px;
}

.customer__slider img {
  margin: auto;
  width: 263px;
}

.sales-geography {
  position: relative;
}

.maps {
  margin-top: -160px;
}

svg.maps__backgrpund {
  height: 50px;
  margin-left: -400px;
}

.city text {
  opacity: 0;
}

.city:hover text{
  opacity: 1;
  /*fill: #FFCB21;*/
  fill:#0D179C;
}

.city.city__noHover text {
  opacity: 1;
}

.city:hover circle {
  /*fill: #FFCB21;*/
  fill:#0D179C;
}

.partners__slider-text {
  width: 760px;
}

.partners__slider-text .slick-track,
.partners__slider-text .slick-list.draggable {
  height: 100%;
}

.partners__slider-text .slick-initialized .slick-slide {
  margin-right: 0;
}

.partners__slider-text .txt__cont {
  padding-bottom: 80px;
}

.partners__slider-text .txt__cont h4 {
  font-size: 22px;
  line-height: 48px;
  color: #0C1693;
  font-weight: 800;
  padding-left: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#FFCB21), color-stop(70%, transparent), to(transparent));
  background: -webkit-linear-gradient(left, #FFCB21 0%, transparent 70%, transparent 100%);
  background: -o-linear-gradient(left, #FFCB21 0%, transparent 70%, transparent 100%);
  background: linear-gradient(to right, #FFCB21 0%, transparent 70%, transparent 100%);
}

.partners__slider-text .txt__cont p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
}

.partners__slider-text .txt__cont button.btn.more {
  width: 300px;
  font-size: 19px;
  height: 74px;
  margin-left: calc(50% - 150px);
  position: absolute;
  bottom: 0;
}

.partners__slider-image {
  width: 760px;
}

.partners__slider-image.slick-initialized .slick-slide {
  margin-right: 0;
}

.partners__slider-image.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.partners__slider-image img {
  width: 100%;
  height: auto;
}

.partners__slider-image .btn.more {
  display: none;
}

.partners__navigations {
  display: none;
}

.partners__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 130px;
  position: absolute;
  bottom: 0;
  left: 630px;
}

ul.slick-dots {
  position: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: 24px;
  margin: 0;
  margin-right: 65px;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 40px;
}

div#map {
  width: 100vw;
  height: 919px;
}

.communications {
  margin-left: -13%;
  margin-right: -13%;
  position: relative;
  margin-bottom: 150px;
}

.communications__top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 357px 25px 323px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
}

.communications__top .communications__top__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.communications__top .communications__top__text div {
  width: 255px;
}

.communications__top .communications__top__text a, .communications__top .communications__top__text p {
  font-size: 18px;
  font-weight: 800;
  display: block;
  color: #3D3D3D;
  margin-bottom: 13px;
}

.communications__top .communications__top__text a:hover {
  color: #0d179c;
}

.communications__top .communications__top__text p.title {
  font-size: 24px;
  font-weight: 800;
  color: #3D3D3D;
  margin-bottom: 20px;
}

.communications__top button.btn.more {
  width: 300px;
  height: 74px;
  font-size: 19px;
}

.communications__bottom {
  position: absolute;
  bottom: 0;
  min-height: 250px;
  width: 100%;
  left: 0;
  padding: 34px 357px 14px 323px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.6);
}

.communications__bottom .communications__bottom__left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.communications__bottom .communications__bottom__left .communications__bottom__text {
  width: 610px;
}

.communications__bottom .communications__bottom__left p.title {
  font-weight: 800;
}

.communications__bottom .communications__bottom__left a {
  color: #3D3D3D;
  opacity: 0.6;
  display: block;
  margin-top: 12px;
}

.communications__bottom .communications__bottom__left a:hover {
  opacity: 1;
}

.error__background {
  width: 90%;
  height: 100%;
}

.error__background h5 {
  text-align: right;
  font-size: 136px;
  font-weight: 800;
  opacity: 0.05;
}

.error__background h2 {
  font-size: 681px;
  font-weight: 800;
  text-align: right;
  opacity: 0.05;
  line-height: 550px;
}

.error__background p {
  font-size: 74px;
  text-align: right;
  font-weight: 800;
  opacity: 0.05;
}

.error__top {
  position: absolute;
  left: 0;
  top: 500px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.error__top h4 {
  font-weight: 800;
  font-size: 70px;
  text-transform: uppercase;
}

.error__top .error__top__href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1000px;
  margin-top: 130px;
}

.error__top .error__top__href a {
  font-size: 34px;
  text-transform: uppercase;
}

@media (max-width: 1919px) {

    .icons {
        margin-bottom: 50px;
    }
  .error__background h5 {
    font-size: 90px;
  }
  .error__background p {
    font-size: 50px;
  }
  .error__background h2 {
    font-size: 485px;
    line-height: 380px;
  }
  .error__top {
    top: 300px;
  }
  .error__top h4 {
    font-size: 39px;
  }
  .error__top .error__top__href {
    width: 550px;
    margin-top: 100px;
  }
  .error__top .error__top__href a {
    font-size: 19px;
  }

  .palette.check {
    width: 92px;
    max-width: 92px;
  }

  .palette.check:before {
    width: 30px;
    height: 45px;
    top: -25px;
    right: 20px;
  }

  .palette.check:hover svg {
    transform: rotate(-95deg);
}

  @keyframes kst1 {
  0% {
    top: -25px;
    right: 20px;
    opacity: 1;
  }
  100% {
    top: -40px;
    right: 10px;
    opacity: 0;
  }
}

@keyframes palitr1 {
  0% {
    transform: rotate(-95deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes kst {
  0% {
    top: -40px;
    right: 10px;
    opacity: 0;
  }
  25% {
    top: -25px;
    right: 20px;
    opacity: 1;
  }
  40% {
    top: -40px;
    right: 10px;
  }
  55% {
    top: -25px;
    right: 20px;
  }
  70% {
    top: -40px;
    right: 10px;
  }
  85% {
    top: -25px;
    right: 20px;
  }
}

@keyframes palitr {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-95deg);
  }
  40% {
    transform: rotate(-110deg);
  }
  55% {
    transform: rotate(-95deg);
  }
  70% {
    transform: rotate(-110deg);
  }
  85% {
    transform: rotate(-95deg);
  }
}


}

@media (max-width: 1365px) {
  .error__background {
    width: 101%;
  }
  .error__background h2 {
    font-size: 447px;
    line-height: 380px;
  }

  .palette.check:before {
    content: none;
  }

  .index-sales-geography h2 {
    opacity: 1;
  }

  .basket.items .item__number {
    bottom: 4px;
  }
}

@media (max-width: 1023px) {
  .error__background {
    width: 112%;
  }
  .error__background h2 {
    font-size: 319px;
    line-height: 383px;
  }
  .error__background p {
    font-size: 43px;
  }
}

@media (max-width: 767px) {
  .error__background {
    width: 100%;
  }
  .error__background h5 {
    font-size: 60px;
  }
  .error__background h2 {
    font-size: 174px;
    line-height: 209px;
  }
  .error__background p {
    font-size: 20px;
    margin-top: 90px;
  }
  .error__top {
    top: 209px;
  }
  .error__top h4 {
    font-size: 20px;
  }
  .error__top .error__top__href {
    width: 100%;
    margin-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .error__top .error__top__href a {
    font-size: 14px;
    margin-bottom: 25px;
  }
}

.installation {
  margin-top: 30px;
}

.installation .card__slider__container {
  padding-left: 130px;
  padding-right: 100px;
}

.installation .partners__slider-text {
  width: 630px;
}

.installation .partners__slider-text .txt__cont button.btn.more {
  width: 300px;
  font-size: 19px;
  height: 74px;
  margin-left: 0;
  position: absolute;
  bottom: 0;
}

.installation .partners__slider-text .txt__cont p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  color: #707070;
}

.installation .partners__slider-image {
  width: 654px;
}

.installation .installation__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 33px;
}

.installation .installation__title svg {
  width: 71px;
}

.installation .installation__title h1 {
  width: 50%;
  margin-left: 29px;
  font-size: 25px;
  font-weight: 800;
  line-height: 32px;
}

.installation h2 {
  margin-top: 120px;
  margin-bottom: 60px;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 800;
}

.all_services {
  margin-left: 130px;
}

.service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 120px;
}

.service svg {
  width: 144px;
  margin-right: 98px;
}

.service div {
  width: 80%;
}

.service h5 {
  font-size: 21px;
  font-weight: 800;
  margin-bottom: 20px;
}

.service p {
  color: #707070;
  line-height: 30px;
}

.img__cont iframe {
  width: 100%;
  height: 490px;
}

.home__page {
  margin-top: 100px;
  margin-left: 286px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 286px) !important;
  height: calc(100vh - 180px);
  max-height: calc(100vh - 180px);
  overflow-y: hidden;
}

/*
#bx-panel, #bx-panel div {
  width: 100vw !important;
  position: fixed !important;
}

#bx-panel.bx-panel-folded #bx-panel-userinfo {
  position: fixed !important;
  z-index: 9;
}


#bx-panel-userinfo {
  z-index: 99;
}


#bx-panel-site-toolbar #bx-panel-switcher {
  width: 160px !important;
  z-index: 999;
}*/
.container__hor {
  width: 14770px;
}

main.contents__index {
  max-height: 14770px;
}

.index-slider {
  width: 1615px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.photo-slider img {
    width: 100%;
}

.text-slider {
  width: 700px;
  height: 796px;
}

.text-slider .slick-list,
.text-slider .slick-track {
  height: 100%;
}

.text-slider .text-element {
  background-color: #F3F3F3;
  padding-top: 35px;
  padding-left: 53px;
  padding-right: 85px;
  padding-bottom: 165px;
  position: relative;
  margin-right: 0;
}

.text-slider .text-element:before {
  content: "";
  background-image: url(/local/templates/stavr/style/../images/index-background.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -1;
}

.text-slider .text-element:after {
  content: "";
  background-image: url(/local/templates/stavr/style/../images/index-background2.svg);
  position: absolute;
  bottom: 0;
  left: 52px;
  width: 459px;
  height: 158px;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
}

.text-slider .text-element h2 {
  font-size: 60px;
  font-weight: 800;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  margin-bottom: 46px;
}

.text-slider .text-element p {
  font-size: 21px;
  line-height: 43px;
}

.text-slider .text-element .text-element__navigation {
  position: absolute;
  bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-slider .text-element .text-element__navigation .navigation__left, .text-slider .text-element .text-element__navigation .navigation__right {
  width: 41px;
}

.text-slider .text-element .text-element__navigation .index__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 110px;
  margin-left: 130px;
}

.text-slider .text-element .text-element__navigation button.btn.more {
  width: 300px;
  height: 74px;
  font-size: 19px;
}

.current-offers__catalog.catalog.catalog__active.catalog__container,
.index-articles__container.news__container {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

html {
  scrollbar-color: #0d179c white;
  scrollbar-width: thin;
}

.index__html {
  overflow-y: hidden;
  width: 14770px;
  /*scrollbar-width: none;*/
}

.bx-firefox.index__html {
  overflow: -moz-hidden-unscrollable;
}

.index-backgr {
  position: absolute;
  top: -15px;
  left: 1792px;
  width: 12980px;
  height: 100%;
  background-image: url(/local/templates/stavr/style/../images/index-back.png);
  background-repeat: no-repeat;
  z-index: -1;
  background-size: 14630px 1016px;
}

.photo-slider {
  width: 907px;
}

.contents__index .footer__menu {
  display: none;
}

.contents__index .footer:before {
  content: none;
}

.contents__index .footer {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 80px;
  margin-top: 0;
}

.contents__index .footer__copyright {
  background-color: #FFFFFF;
  height: 80px;
  padding-left: 343px;
  position: fixed;
  bottom: 0;
  left: 0;
}

.contents__index .footer__copyright .copyright,
.contents__index .footer__copyright .copyright a,

{
  color: #242323;
}

.contents__index .footer__copyright .vk1 {
  fill: #C6C6C6;
}

.contents__index .footer__copyright .fb1 {
  fill: #C6C6C6;
}

.contents__index .footer__copyright .inst1 {
  fill: #C6C6C6;
}

.contents__index .footer__copyright .inst circle {
  fill: white;
}

.contents__index .footer__copyright .y-tube1 {
  fill: #C6C6C6;
}

.index-about-us {
  padding-left: 110px;
  padding-top: 102px;
  position: relative;
  width: 830px;
  margin-right: 216px;
}

.index-about-us h2 {
  font-size: 55px;
  font-weight: 800;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  margin-bottom: 57px;
}

.index-about-us p {
  font-size: 21px;
  line-height: 43px;
  width: 600px;
  margin-bottom: 89px;
}

.index-about-us button.btn.more {
  width: 300px;
  height: 74px;
  font-size: 19px;
}

.index-about-us img {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 829px;
  height: 85px;
}

.index-sales-geography {
  padding-top: 34px;
  margin-right: 482px;
}

.index-sales-geography h2 {
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  font-size: 60px;
  color: #0D179C;
  font-weight: 800;
  text-transform: uppercase;
  margin-left: 200px;
  opacity: 0;
  -webkit-animation-name: geography-fade-out;
  animation-name: geography-fade-out;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}

.index-sales-geography svg.maps {
  width: 1486px;
  margin-top: -80px;
}

.index-sales-geography .city {
  -webkit-animation-name: geography-fade-out;
  animation-name: geography-fade-out;
  /*opacity: 0;*/
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
}

.index-sales-geography .city.fade-in {
  -webkit-animation-name: geography-fade-in;
  animation-name: geography-fade-in;
  opacity: 1;
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
}

.index-current-offers {
  padding-top: 34px;
  position: relative;
  margin-right: 167px;
}

.index-current-offers img.current-offers__img {
  width: 280px;
  height: 60px;
  position: absolute;
  left: 973px;
  top: 40px;
}

.index-current-offers h2 {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 33px;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
}

.index-current-offers a.catalog__item {
  margin-bottom: 0;
  margin-right: 54px;
}

.index-current-offers a.catalog__item:nth-child(2n) {
  margin-top: 62px;
}

.index-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 233px;
}

.index-catalog__left {
  width: 802px;
  margin-right: 81px;
  padding-top: 20px;
}

.index-catalog__left h2 {
  font-size: 60px;
  line-height: 82px;
  font-weight: 800;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  margin-bottom: 42px;
}

.index-catalog__left p {
  font-size: 21px;
  line-height: 43px;
  margin-bottom: 70px;
  width: 600px;
}

.index-catalog__left button.btn.more {
  width: 352px;
  height: 62px;
  font-size: 16px;
}

.index-catalog__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-catalog__right img.catalog_back {
  width: 565px;
  height: 794px;
  margin-left: 185px;
}

.index-catalog__right img.catalog_photo {
  width: 743px;
  height: 555px;
  position: absolute;
}

.index-advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 459px;
}

.index-advantages__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 40px;
}

.index-advantages__left p {
  font-size: 21px;
  line-height: 36px;
  width: 472px;
  text-align: center;
  margin-bottom: 60px;
}

.index-advantages__left h2 {
  font-size: 60px;
  width: 356px;
  text-align: center;
  font-weight: 800;
  margin-bottom: 24px;
  margin-top: 72px;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
}

.index-advantages__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1225px;
  margin-top: 35px;
}

.index-advantages__right .advantages__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.index-advantages__right .advantages__element img {
  height: 114px;
  margin-bottom: 40px;
}

.index-advantages__right .advantages__element p {
  font-size: 21px;
  line-height: 36px;
}

.index-advantages__right .advantages__element.advantages__element_1 {
  width: 295px;
  margin-right: 157px;
}

.index-advantages__right .advantages__element.advantages__element_2 {
  width: 345px;
  margin-right: 100px;
}

.index-advantages__right .advantages__element.advantages__element_3 {
  width: 320px;
}

.index-advantages__right .advantages__element.advantages__element_4 {
  width: 391px;
  margin-right: 76px;
}

.index-advantages__right .advantages__element.advantages__element_5 {
  width: 366px;
  margin-right: 65px;
}

.index-advantages__right .advantages__element.advantages__element_6 {
  width: 320px;
}

.index-articles {
  padding-top: 33px;
  position: relative;
  margin-right: 275px;
}

.index-articles:last-child {
  margin-right: 138px;
}

.index-articles h2 {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 20px;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  text-transform: uppercase;
}

.index-articles img.current-offers__img {
  position: absolute;
  top: 40px;
  width: 280px;
  height: 60px;
  left: 647px;
}

.index-articles .all {
  display: block;
  color: #0d179c;
  font-size: 21px;
  margin-bottom: 26px;
}

.index-articles .news__small {
  margin-bottom: 30px;
  margin-right: 100px;
}

.index-articles.index-news img.current-offers__img {
  left: 385px;
}

.index-clients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-clients__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 40px;
}

.index-clients__left h2 {
  font-size: 60px;
  font-weight: 800;
  line-height: 82px;
  text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
  text-transform: uppercase;
  margin-top: 106px;
  margin-bottom: 90px;
  width: 336px;
  text-align: center;
}

.index-clients__left .index-clients__line {
  width: 361px;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 30px;
}

.index-clients__left p {
  font-size: 21px;
  line-height: 36px;
  margin-bottom: 126px;
  text-align: center;
}

.index-clients__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-clients__photo_big {
  margin-right: 25px;
  width: 368px;
}

.index-clients__photo_big .big__element {
  display: none;
  position: relative;
  overflow: hidden;
}

.big__element {
  height: 736px;
  width: 370px;
}

.index-clients__photo_big .big__element img {
  height: 100%;
}

.index-clients__photo_big .active__big__element {
  display: block;
}

.index-clients__photo_big .text_block {
  position: absolute;
  bottom: 0;
  color: white;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  padding-left: 25px;
  padding-right: 30px;
  padding-bottom: 70px;
  padding-top: 50px;
}

.index-clients__photo_big .text_block h3 {
  font-size: 48px;
  margin-bottom: 85px;
}

.index-clients__photo_big .text_block p {
  font-size: 16px;
  line-height: 24px;
}

.index-clients__photo_small {
  width: 615px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 120px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 764px;
}

.index-clients__photo_small .small__element {
  margin-bottom: 20px;
  width: 295px;
  height: 164px;
}

.index-clients__photo_small .small__element img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.index-clients__photo_small .active__small__element img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.photo-slider .text-element__navigation {
  display: none;
}

.index-articles__container__right .small {
  display: none;
}

.index-catalog__left .catalog_photo {
  display: none;
}

.index-sales-geography h2.fade-in {
  -webkit-animation-name: geography-fade-in;
  animation-name: geography-fade-in;
  margin-left: 55px;
  opacity: 1;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes geography-fade-in {
  0% {
    margin-left: 200px;
    opacity: 0;
  }
  100% {
    margin-left: 55px;
    opacity: 1;
  }
}

@keyframes geography-fade-in {
  0% {
    margin-left: 200px;
    opacity: 0;
  }
  100% {
    margin-left: 55px;
    opacity: 1;
  }
}

@-webkit-keyframes geography-fade-out {
  0% {
    margin-left: 55px;
    opacity: 1;
  }
  100% {
    margin-left: 200px;
    opacity: 0;
  }
}

@keyframes geography-fade-out {
  0% {
    margin-left: 55px;
    opacity: 1;
  }
  100% {
    margin-left: 200px;
    opacity: 0;
  }
}

@-webkit-keyframes city__in {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes city__in {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes city__out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

.print-card {
  display: none;
}

/*правки*/
.index-slider{
  overflow: hidden;
}
.index-slider .text-slider{
  z-index: 1;
}
.index-slider .text-slider .slick-list, .index-slider .text-slider .slick-track{
  height: 98.5%;
  overflow: inherit;
}
.icons-menu svg {
  width: 100%;
}
.footer__copyright2 {
  color: white;
  font-size: 14px;
  font-weight: 400;
  width: 500px;
  line-height: 17px;
}
.footer__copyright{
  justify-content: space-between;
}
.contents__index .footer__copyright2 {
  color: #242323;
}
/**/










@media print {
  body {
    font-family: 'Lato';
    margin-top: 80px;
  }

  .wrapper {
    display: block;
  }
  h1, h2, h3, p {
    color: #3E3E3E;
  }
  .container__no-print,
  .header,
  .footer {
    display: none;
  }
  .container + .print-card .print-card__top {
    position: absolute;
    top: 0;
  }
  .container__no-print + .print-card .print-card__top {
    position: fixed;
    top: 0;
  }
  .print-card {
    display: block;
  }
  .print-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .print-card__logo {
    height: 35px;
    width: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .print-card__logo img:first-child {
    height: 35px;
  }
  .print-card__logo img:last-child {
    width: 75px;
  }
  .print-card__date {
    font-size: 16px;
    height: 25px;
  }
  .print-card__text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
  .print-card__text-block__name {
    width: 250px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: 800;
  }
  .print-card__text-block__text {
    width: 550px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
  }
  .print-card__text-block__text .blue {
    color: #0d179c;
  }
  .print-card__descript {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -40px;
  }
  .print-card__descript__icons {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .print-card__descript__icons img {
    width: 34px;
    margin-right: 20px;
  }
  .print-card__descript__icons p {
    font-size: 12px;
  }
  .print-card__descript__name {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 800;
    page-break-inside: avoid;
  }

  .print-card__param {
    page-break-inside: avoid;
    padding-top: 60px;
  }
  .print-card__param p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .print-card__param p span {
    font-weight: 800;
  }
  .print-card__param p.print-card__param__title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 800;
  }
  .print-card__param p.print-card__param__title2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 800;
  }
  .print-card__param p.print-card__param__title2 span {
    font-weight: normal;
  }
  .breadcrumbs {
    display: none;
  }
  .inform {
    position: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
    top: 0 !important;
  }
  .inform p {
    font-size: 10px !important;
    width: 20% !important;
  }
  .inform span {
    -ms-flex-preferred-size: 45px;
    flex-basis: 45px;
  }
  .container {
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    padding-top: 0 !important;
  }
  .full-note {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
  }
  .full-note p {
    font-size: 12px !important;
  }
  .background__title {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .applications {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .applications__table td {
    padding: 5px !important;
    font-size: 10px !important;
    width: auto !important;
    line-height: normal !important;
    border: 1px solid black !important;
  }
  .applications__table td svg.delete,
  .applications__table td .minus,
  .applications__table td .plus {
    display: none;
  }
  .applications__table .position-end td {
    border: 1px solid white !important;
    border-bottom: 1px solid black !important;
  }
  .applications__table .position-end:last-child td {
    border: 1px solid white !important;
  }
  .table__amount__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navigation__button div:not(.inform),
  .navigation__button a {
    display: none;
  }
  p.note:before {
    content: none;
  }
  .applications__table .position-end {
    page-break-after: always;
  }

  /*версия для печати 2.0*/

  .print-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .quality {
      margin-bottom: 20px;
  }

  .base-configuration p {
    margin-right: 30px;
    font-size: 18px!important;
    line-height: 24px!important;
    font-weight: 800;
}
.base-configuration .print-card__text-block__text p {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 16px!important;
}

.print-card__text-block.base-configuration {
    page-break-inside: avoid;
    padding-top: 60px;
    border: none;
}

.print-image img {
    width: 230px;
}

table {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

td {
    border: 1px solid;
}

.check_checked {
    position: inherit!important;
    width: 11px!important;
    height: 11px!important;
    top: 0!important;
    left: 0!important;
    border: 5px solid!important;
}

.check_top {
    border: none!important;
}
}

@media (max-width: 1919px) {
  .vertical {
    width: 65px;
    padding-top: 240px;
  }
  .vertical:before {
    width: 65px;
    height: calc(100vh - 66px);
  }
  .vertical .blue1-big-fon {
    width: 65px;
  }
  .logo-img {
    width: 55px;
    margin-top: 7px;
  }
  .menu-left li {
    width: 30px;
  }
  .container__logo {
    width: 65px;
  }

  svg.to-top {
    width: 30px;
    height: 30px;
    bottom: 16px;
    left: 18px;
  }
  .white-fon {
    width: 180px;
    height: 234px;
    right: -13px;
    top: -8px;
  }
  .blue-fon {
    width: 107px;
    right: -0.5px;
  }
  .gray-fon {
    width: 159px;
    top: 20px;
  }
  .blue2-big-fon {
    width: 65px;
  }
  .menu-left__container {
    height: 290px;
    width: 50px;
    margin-left: 20px;
  }
  .vertical-hover .menu-left__container {
    width: 250px;
  }
  .menu-left .menu-left__top ul {
    height: 260px;
  }
  .menu-left .menu-left__bottom ul {
    height: 255px;
  }
  .menu-left__still {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .menu-left__top.disactive {
    margin-top: -270px;
  }
  .icons-menu {
    width: 25px;
  }
  @-webkit-keyframes menu-left__top1 {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -270px;
    }
  }
  @keyframes menu-left__top1 {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -270px;
    }
  }
  @-webkit-keyframes menu-left__top {
    0% {
      margin-top: -270px;
    }
    100% {
      margin-top: 0;
    }
  }
  @keyframes menu-left__top {
    0% {
      margin-top: -270px;
    }
    100% {
      margin-top: 0;
    }
  }
  .vertical.vertical-hover .container__logo {
    width: 180px;
  }
  .vertical.vertical-hover .blue2-big-fon {
    width: 200px;
  }
  .vertical.vertical-hover:before {
    width: 200px;
  }
  .vertical.vertical-hover .menu-left li {
    width: 180px;
  }
  .menu-left span {
    font-size: 14px;
  }
  .vertical.vertical-hover .menu-left span {
    left: 60px;
    font-size: 14px;
  }
  .vertical.vertical-hover .logo-img {
    width: 100px;
    margin-top: 16px;
    margin-right: 30px;
  }
  @-webkit-keyframes verticalBeforedis {
    0% {
      width: 200px;
      -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    }
    100% {
      width: 65px;
      -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    }
  }
  @keyframes verticalBeforedis {
    0% {
      width: 200px;
      -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    }
    100% {
      width: 65px;
      -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    }
  }
  @-webkit-keyframes verticalBefore {
    0% {
      width: 65px;
      -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    }
    100% {
      width: 200px;
      -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    }
  }
  @keyframes verticalBefore {
    0% {
      width: 65px;
      -webkit-box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 10px 0 5px rgba(0, 0, 0, 0.16);
    }
    100% {
      width: 200px;
      -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
      box-shadow: 5px 0 5px rgba(0, 0, 0, 0.16);
    }
  }
  @-webkit-keyframes containerLogodis {
    0% {
      width: 180px;
    }
    100% {
      width: 65px;
    }
  }
  @keyframes containerLogodis {
    0% {
      width: 180px;
    }
    100% {
      width: 65px;
    }
  }
  @-webkit-keyframes containerLogo {
    0% {
      width: 65px;
    }
    100% {
      width: 180px;
    }
  }
  @keyframes containerLogo {
    0% {
      width: 65px;
    }
    100% {
      width: 180px;
    }
  }
  @-webkit-keyframes logoImg {
    0% {
      width: 55px;
      margin-top: 7px;
    }
    100% {
      width: 100px;
      margin-top: 16px;
    }
  }
  @keyframes logoImg {
    0% {
      width: 55px;
      margin-top: 7px;
    }
    100% {
      width: 100px;
      margin-top: 16px;
    }
  }
  @-webkit-keyframes logoImgdis {
    0% {
      width: 100px;
      margin-top: 16px;
    }
    100% {
      width: 55px;
      margin-top: 7px;
    }
  }
  @keyframes logoImgdis {
    0% {
      width: 100px;
      margin-top: 16px;
    }
    100% {
      width: 55px;
      margin-top: 7px;
    }
  }
  @-webkit-keyframes menuA {
    0% {
      left: 0;
      opacity: 1;
    }
    100% {
      left: 60px;
      opacity: 1;
    }
  }
  @keyframes menuA {
    0% {
      left: 0;
      opacity: 1;
    }
    100% {
      left: 60px;
      opacity: 1;
    }
  }
  @-webkit-keyframes menuAdis {
    0% {
      left: 60px;
      opacity: 1;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }
  @keyframes menuAdis {
    0% {
      left: 60px;
      opacity: 1;
    }
    100% {
      left: 0;
      opacity: 1;
    }
  }
  @-webkit-keyframes blue2bigFondis {
    0% {
      width: 200px;
    }
    100% {
      width: 65px;
    }
  }
  @keyframes blue2bigFondis {
    0% {
      width: 200px;
    }
    100% {
      width: 65px;
    }
  }
  @-webkit-keyframes blue2bigFon {
    0% {
      width: 65px;
    }
    100% {
      width: 200px;
    }
  }
  @keyframes blue2bigFon {
    0% {
      width: 65px;
    }
    100% {
      width: 200px;
    }
  }
  .horizontal {
    padding-left: 70px;
    padding-right: 60px;
    height: 66px;
  }
  .btn.call {
    width: 210px;
    height: 46px;
    font-size: 14px;
  }
  .basket,
  .favorites {
    width: 20px;
  }
  .pannier {
    margin-right: -70px;
    margin-top: 5px;
  }
  .menu-top {
    width: 550px;
  }

  .basket.items .item__number {
    bottom: 3px;
    right: 4px;
    font-size: 10px;
  }

  .subcatalog__items {
    margin-right: 11%;
  }

  .basket-more span.item__number {
    right: 1px!important;
  }
}

@media (max-width: 1919px) {
  .footer {
    margin-top: 80px;
  }
  .footer__menu {
    padding-left: 123px;
    padding-right: 133px;
    padding-top: 20px;
  }
  .footer__menu__center {
    width: 535px;
  }
  .btn.call.request-offer {
    width: 226px;
    height: 55px;
  }
  .contacts {
    margin-top: 11px;
    margin-bottom: 15px;
  }
  .email {
    margin-bottom: 13px;
  }
  .adres {
    font-size: 11px;
    width: 60%;
  }
  .tel {
    font-size: 24px;
    line-height: 29px;
  }
  .footer__menu__center a {
    margin-bottom: 19px;
  }
  .agreement {
    bottom: 20px;
  }
  .footer__copyright {
    padding-left: 123px;
  }
  .footer__menu__contacts {
    width: 226px;
  }
}

@media (max-width: 1919px) {
  .container {
    max-width: 1100px;
    padding: 0;
    padding-top: 115px;
  }
  .background__title {
    padding-left: 93px;
    margin-bottom: 40px;
    height: auto;
  }
  .background__title h1 {
    font-size: 48px;
    line-height: 57px;
    text-shadow: 3px 4px rgba(0, 0, 0, 0.16);
  }
  .sorting {
    margin-bottom: 40px;
  }
  .sorting li {
    margin-left: 35px;
    font-size: 14px;
    line-height: 20px;
  }
  .catalog__item {
    width: 309px;
    height: 387px;
    margin-bottom: 55px;
  }
  .catalog__item .h4__background {
    min-height: 79px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .catalog__item h4 {
    font-size: 20px;
    line-height: 30px;
  }
  .catalog__item p {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
  }
  .catalog__item .btn.more {
    height: 69px;
    width: 100%;
    font-size: 20px;
    line-height: 23px;
  }
  .seo-text img {
    height: 400px;
  }
}

@media (max-width: 1919px) {
  .number_of_goods label {
    font-size: 14px;
    margin-right: 7px;
  }
  .select__gap {
    font-size: 16px;
  }
  .select__gap:before {
    width: 14px;
    height: 12px;
    top: 3px;
    right: -18px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: -3px 0px;
  }
  li.select__item {
    font-size: 16px;
  }

  li.select__item a {
    font-size: 16px;
  }
  .subcatalog__item {
    width: 275px;
    height: 318px;
    margin-bottom: 11px;
  }
  .subcatalog__item .h4__background {
    height: 63px;
    min-height: 63px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .subcatalog__item__hover .h4__background {
    margin-top: 0;
  }
  @-webkit-keyframes subcatalog__item__hover {
    0% {
      margin-top: 255px;
    }
    100% {
      margin-top: 0;
    }
  }
  @keyframes subcatalog__item__hover {
    0% {
      margin-top: 255px;
    }
    100% {
      margin-top: 0;
    }
  }
  .subcatalog__item__dishover .h4__background {
    margin-top: 255px;
  }
  @-webkit-keyframes subcatalog__item__dishover {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: 255px;
    }
  }
  @keyframes subcatalog__item__dishover {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: 255px;
    }
  }
  .subcatalog__items h4 {
    font-size: 12px;
    margin: 0;
  }
  .subcatalog__items h5 {
    font-size: 12px;
  }
  .quality svg {
    width: 25px;
  }
  .prices {
    width: 275px;
    height: 35px;
  }
  .price, .coast {
    height: 35px;
  }
  .coast span {
    font-size: 12px;
  }
  .subcatalog__item p {
    padding-left: 25px;
    padding-right: 18px;
    font-size: 14px;
    line-height: 16px;
    padding-top: 30px;
    padding-bottom: 20px;
    height: 199px;
  }
  .subcatalog__item .btn.more {
    height: 56px;
    width: 100%;
    font-size: 20px;
  }
  .modern-page-navigation {
    width: 180px;
    margin-right: -100px;
  }
  .modern-page-navigation a {
    font-size: 14px;
  }
  .modern-page-current {
    font-size: 16px;
  }
  .pagination svg {
    width: 10px;
  }
  .sorting__container .sorting li {
    margin-left: 23px;
  }
  .pagination-bottom .modern-page-navigation {
    width: 226px;
    margin-right: 0;
  }
  .pagination-bottom svg {
    width: 13px;
  }
  .pagination-bottom .modern-page-navigation a {
    font-size: 20px;
  }
  .pagination-bottom .modern-page-current {
    font-size: 23px;
  }
  .may_be_interested_slider .subcatalog__items, .viewed_products_slider .subcatalog__items {
    width: 275px;
    margin: 0;
  }
  .may_be_interested .slick-prev, .may_be_interested .slick-next,
  .viewed_products .slick-prev, .viewed_products .slick-next {
    width: 40px !important;
    height: 72px !important;
    top: calc(50% - 20px);
  }
  .may_be_interested .slick-prev:before, .may_be_interested .slick-next:before, .viewed_products .slick-prev:before, .viewed_products .slick-next:before {
    width: 40px !important;
    height: 72px !important;
    background-size: 40px 72px;
  }
  .may_be_interested .slick-prev, .viewed_products .slick-prev {
    left: -70px !important;
  }
  .may_be_interested .slick-next,
  .viewed_products .slick-next {
    right: -15px;
  }
}

@media (max-width: 1919px) {
  .slider {
    margin-left: 15px;
    width: 220px;
    margin-right: 60px;
  }
  .slider-for .slick-slide.slick-current.slick-active img {
    width: 220px !important;
    height: 321px !important;
  }
  .slider-for .slick-slide img {
    width: 220px !important;
    height: 321px !important;
  }
  .slider-for.slick-initialized.slick-slider {
    height: 340px;
  }
  .slider-nav.slick-initialized.slick-slider.slick-dotted {
    width: 233px;
  }
  .slick-prev, .slick-next {
    width: 25px !important;
    height: 45px !important;
  }
  .slick-prev:before,
  .slick-next:before {
    background-size: 25px 45px;
    width: 25px !important;
    height: 45px !important;
  }
  .code-doors p {
    margin-bottom: 8px;
  }
  .code-doors.name-scroll p {
    margin-bottom: 20px;
  }
  .base-configuration p.title {
    margin-bottom: 3px;
  }
  .base-configuration p {
    font-size: 14px;
    line-height: 18px;
  }
  .info-right {
    margin-left: 0;
  }
  .description {
    width: 70%;
  }
  .to-share {
    width: 25px;
  }
  .print svg {
    width: 28px;
    height: 27px;
  }
  .description .basket__cont {
    width: 97px;
  }
  .info-right .quality__container {
    margin-bottom: 25px;
  }
  .availability {
    margin-bottom: 45px;
  }
  .description__icons img {
    width: 27px;
    height: 27px;
  }
  .description__icons {
    position: relative;
    margin-right: 11px;
  }
  .btn.more.add {
    width: 128px;
    height: 35px;
    margin-right: 8px;
    padding-left: 35px;
    padding-top: 7px;
  }
  .btn.more.add svg {
    width: 17px;
    height: 21px;
    position: absolute;
    top: 8px;
    left: 8px;
  }
  .btn.more.add span {
    font-size: 12px;
    font-size: 14px;
  }
  .btn.more.add .more__hover {
    width: 128px;
    height: 35px;
  }
  .btn.more.add .circle, .btn.more.add .circle__hover {
    top: -315px;
    left: -125px;
  }
  .navigation_to_catalog {
    top: 105px;
  }
  .product-description {
    margin-top: 63px;
  }
  .navigation_to_catalog {
    top: 90px;
    right: -11%;
    width: 135px;
  }
  .navigation_to_catalog .navigation__left,
  .navigation_to_catalog .navigation__right {
    width: 28px;
  }
  .back_to_subcatalog {
    width: 29px;
  }
}

@media (max-width: 1919px) {
  .icons__constr {
    width: 21px;
  }
  .constructor___menu li p {
    font-size: 16px;
    margin-left: 17px;
  }
  .constructor___menu ul {
    height: auto;
    margin-bottom: 50px;
  }
  .main-settings {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    height: auto;
    margin-right: 0;
    padding-left: 110px;
    margin-top: 85px;
  }
  .param-text .param-title {
    font-size: 16px;
  }
  .param-text p {
    font-size: 12px;
    line-height: 25px;
  }
  .param-image {
    width: 113px;
    height: 113px;
  min-width: 113px;
    margin-left: 70px;
  }
  .setting {
    width: 22px;
  }
  .setting svg {
    width: 22px;
  }
  .setting p {
    font-size: 14px;
  }
  .param-text {
    width: 262px;
  }
  .active.param {
    margin-left: -120px;
  }
  .pop-up {
    width: 310px;
    height: 475px;/*
    position: absolute;
    right: -50px;
    top: 65px;*/
    position: fixed;
    right: 100px;
    top: 115px;
    background-color: #FFFEDC;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
  }

  @keyframes activeParam {
  0% {
      margin-left: 0;
  }

  100% {
      margin-left: -120px;
  }
}

@keyframes disActiveParam {
  0% {
      margin-left: -120px;
  }

  100% {
      margin-left: 0;
  }
}

@keyframes popUp {
  0% {
    right: -450px;
  }

  100% {
    right: 100px;
  }
}

@keyframes popUpClose {
  0% {
    right: 100px;
  }

  100% {
    right: -450px;
  }
}

.popClose {
  animation-name: popUpClose;
  animation-duration: 1s;
  right: -450px;
  display: block;
}
  .param-title:before {
    width: 16px;
    left: -32px;
  }
  .active.param .param-title:before {
    width: 31px;
    left: 0;
    -webkit-animation: none;
    animation: none;
  }
  .hover-param .param-title:before {
    width: 31px;
    left: 0;
  }
  .unhover-param .param-title:before {
    width: 16px;
    left: -32px;
  }
  .hover-param .param-title {
    padding-left: 34px;
  }
  .active.param .param-title {
    padding-left: 34px;
  }
  @-webkit-keyframes unparam-title-before {
    0% {
      width: 31px;
      left: 0;
    }
    100% {
      width: 16px;
      left: -32px;
    }
  }
  @keyframes unparam-title-before {
    0% {
      width: 31px;
      left: 0;
    }
    100% {
      width: 16px;
      left: -32px;
    }
  }
  @-webkit-keyframes param-title-before {
    0% {
      width: 16px;
      left: -32px;
    }
    100% {
      width: 31px;
      left: 0;
    }
  }
  @keyframes param-title-before {
    0% {
      width: 16px;
      left: -32px;
    }
    100% {
      width: 31px;
      left: 0;
    }
  }
  @-webkit-keyframes param-title {
    0% {
      padding-left: 0;
    }
    100% {
      padding-left: 34px;
    }
  }
  @keyframes param-title {
    0% {
      padding-left: 0;
    }
    100% {
      padding-left: 34px;
    }
  }
  @-webkit-keyframes unparam-title {
    0% {
      padding-left: 34px;
    }
    100% {
      padding-left: 0;
    }
  }
  @keyframes unparam-title {
    0% {
      padding-left: 34px;
    }
    100% {
      padding-left: 0;
    }
  }
  .pop-up__title {
    font-size: 16px;
    margin-top: 17px;
    padding-bottom: 5px;
  }
  .pop-up .close {
    width: 16px;
    right: 15px;
    top: -3px;
  }
  .pop-up__image {
    width: 77px;
    height: 77px;
  }
  .pop-up__text h4 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .pop-up__text p {
    font-size: 12px;
    line-height: 15px;
  }
  .options {
    height: 380px;
    margin-top: 30px;
    padding-right: 20px;
  }
  .pop-up__option {
    margin-bottom: 20px;
  }
  ::-webkit-scrollbar {
    width: 14px;
    height: 3px;
  }
  ::-webkit-scrollbar-track {
    background-color: #FFFFFF;
    width: 14px;
  }
  ::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
    border: 1px solid #FFFFFF;
  }
  ::-webkit-scrollbar-thumb {
    height: 31px;
    width: 8px;
    background-color: #0D179C;
    border-radius: 3px;
    border: 3px solid #FFFFFF;
  }
  ::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
  }
  ::-webkit-resizer {
    background-color: #FFFFFF;
  }
  .dop-options_input {
    font-size: 14px;
  }
  .param.dop-options__param {
    margin-bottom: 45px;
  }
  .dop-options__param__text {
    font-size: 16px;
  }
  .dop-options__param .param-text {
    width: 230px;
  }
  .param-text__description p {
    width: 330px;
    line-height: 25px;
    font-size: 12px;
  }
  .finishing-options .param-text__description {
    width: 330px;
  }
  .checkbox {
    width: 20px;
    height: 20px;
  }
  .checkbox-custom {
    width: 20px;
    height: 20px;
  }
  .checkbox:checked + .checkbox-custom::before {
    width: 23px;
    height: 20px;
    background-size: 23px 20px;
  }
  .param-checkbox {
    width: 20px;
  }
  .text-politic {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 27px;
  }
  .finishing-options__param .param-checkbox svg {
    height: 15px;
    width: 9px;
  }
  .palette svg {
    width: 37px;
    height: 37px;
  }
  .palette p {
    font-size: 12px;
  }
  .radio {
    width: 17px;
    height: 17px;
  }
  .radio-custom {
    width: 17px;
    height: 17px;
  }
  .radio:checked + .radio-custom::before {
    width: 11px;
    height: 11px;
    top: 1px;
    left: 1px;
  }
  .radio__container .param-text label span {
    font-size: 14px;
    margin-left: 30px;
  }
  .radio__option .param-text__description p {
    width: 350px;
    line-height: 21px;
    font-size: 12px;
  }
  .radio__option {
    margin-bottom: 50px;
    margin-top: 33px;
  }
  .view-photo .more__hover {
    width: 108px;
    height: 28px;
  }
  .btn.more.view-photo {
    width: 108px;
    height: 27px;
    padding-top: 0;
    padding-bottom: 9px;
    line-height: 9px;
    margin-right: 70px;
  }
  .btn.more.view-photo .circle, .btn.more.view-photo .circle__hover {
    left: -145px;
  }
  .btn.more.view-photo span {
    font-size: 9px;
    font-weight: 300;
    line-height: 0px;
  }
  .fittings-options .param-checkbox {
    margin-top: -13px;
  }
  .technical-information p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 30px;
  }
  .technical-information img {
    margin-bottom: 30px;
  }
  .technical-information table {
    font-size: 10px;
  }
  .check_top {
    width: 11px;
    height: 11px;
  }
  .check_checked {
    width: 7px;
    height: 7px;
    top: 1px;
    left: 1px;
  }
  .certificates-container h4 {
    font-size: 16px;
  }
  .certificates-container img {
    height: 184px;
  }
  .certificates-container {
    -ms-flex-preferred-size: 44%;
    flex-basis: 44%;
    margin-bottom: 30px;
  }
  .main-settings.certificates.active-menu {
    margin-right: 0;
  }
  .fittings-options {
    min-width: 770px;
  }
  .dop-options__param button.btn.more.view-photo {
    margin-right: 0;
  }
  .finishing-options .parametrs {
    -ms-flex-preferred-size: 445px;
    flex-basis: 445px;
  }

  .parametrs.klass_param {
    min-width: 352px;
  }


}

@media (max-width: 1919px) {
  .inform p {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .inform {
    width: 190px;
    top: -104px;
  }
  p.note:before {
    left: 53%;
    font-size: 20px;
    top: -5px;
  }
  .full-note p {
    font-size: 12px;
  }
  .full-note p:first-child:before {
    font-size: 20px;
    top: -10px;
    left: -10px;
  }
  .full-note {
    padding: 17px 57px;
    margin-bottom: 40px;
  }
  .table__number {
    width: 76px;
  }
  .table__name {
    width: 135px;
  }
  .table__description-title {
    width: 184px;
  }
  .table__price {
    width: 92px;
  }
  .table__amount {
    width: 75px;
  }
  .table__end__price {
    width: 105px;
  }
  .applications__table table td {
    padding: 15px;
    font-size: 12px;
  }
  .applications__table tr:not(.title) .table__name,
  .applications__table tr:not(.title) .table__number {
    font-size: 14px;
  }
  svg.delete {
    width: 24px;
    top: 30px;
    left: calc(50% - 12px);
  }
  .applications__table .title td {
    padding: 15px 0;
  }
  .add__delivery p, .add__installation p {
    font-size: 14px;
  }
}

@media (max-width: 1919px) {
  .projects__filter p {
    font-size: 12px;
    font-weight: 800;
    margin-right: 20px;
    letter-spacing: 0.005em;
    min-width: 100px;
  }
  .projects__filter span.check__title {
    margin-left: 8px;
    font-size: 12px;
  }
  .projects__filter .param-checkbox {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .projects__container .timeline__cont {
    height: 400px;
    min-width: 40px;
  }
  .projects__container .timeline {
    height: 400px;
  }
  .projects__container .timeline p {
    cursor: pointer;
    background-color: white;
    line-height: 18px;
    font-size: 16px;
  }
  .projects__container .projects__element__container {
    margin-left: 54px;
  }
  .projects__container .projects__element {
    margin-bottom: 87px;
  }
  .projects__container .projects__element .favorites {
    width: 19px;
    margin-right: -33px;
  }
  .projects__container .projects__element .projects__element__navigation button.btn.more {
    width: 183px;
    height: 48px;
    font-size: 16px;
    margin: 0;
  }
  .projects__container .projects__element .btn.more .circle,
  .projects__container .projects__element .btn.more .circle__hover {
    left: -110px;
  }
  .projects__container .projects__element .projects__element__text__container h4 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
    font-weight: 800;
  }
  .projects__container .projects__element .projects__element__text__container p {
    line-height: 16px;
    font-size: 14px;
  }
  .projects__container .projects__element .projects__element__text__container .navigation__left, .projects__container .projects__element .projects__element__text__container .navigation__right {
    width: 40px;
  }
  .projects__container .projects__element .projects__element__slider__top {
    width: 552px;
    height: 350px;
  }
  .projects__container .projects__element .projects__element__slider__top .slider__element {
    height: 350px;
  }
  .projects__container .projects__element .projects__element__slider__bottom {
    width: 552px;
    height: 52px;
    margin-top: -52px;
  }
  .projects__container .projects__element .projects__element__slider__bottom .slider__element {
    height: 37px;
  }
  .projects__container .projects__element .projects__element__text__container .navigation__right {
    margin-left: -30px;
  }
  .projects__element__text.slick-initialized.slick-slider {
    width: 368px;
  }
}

@media (max-width: 1919px) {
  .turnkey-solutions__switch {
    margin-bottom: 46px;
  }
  .turnkey-solutions__element {
    margin-bottom: 94px;
  }
  .turnkey-solutions__element .element_left {
    -ms-flex-preferred-size: 536px;
    flex-basis: 536px;
  }
  .turnkey-solutions__element .element_left h2 {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 22px;
  }
  .turnkey-solutions__element .element_left h3 {
    font-size: 21px;
    line-height: 34px;
  }
  .turnkey-solutions__element .element_left p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 40px;
  }
  .turnkey-solutions__element .element_left span.sp_text {
    font-size: 12px;
  }
  .turnkey-solutions__element .element_right {
    width: 536px;
  }
  .turnkey-solutions__list h2.turnkey-solutions__title {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 22px;
  }
  .turnkey-solutions__list .turnkey-solutions__element {
    margin-bottom: 7px;
  }
  .turnkey-solutions__list .element_left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 1919px) {
  .card__slider__container .turnkey-solutions__slider-image {
    width: 536px;
  }
  .card__slider__container .turnkey-solutions__slider-image .img__cont {
    margin-right: 0;
  }
  .card__slider__container .turnkey-solutions__slider-text {
    width: 444px;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont {
    margin-right: 0;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont p {
    margin-bottom: 15px;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .card__slider__container .turnkey-solutions__navigation {
    width: 96px;
    left: 346px;
  }
  .card__slider__container .turnkey-solutions__navigation .navigation__left,
  .card__slider__container .turnkey-solutions__navigation .navigation__right {
    width: 40px;
  }
  .background__title.background__title__min {
    height: 53px;
    background-size: contain;
    padding-left: 116px;
    margin-bottom: 30px;
  }
  .background__title.background__title__min h2 {
    font-size: 26px;
  }
  .portfolio__objects__element {
    width: 536px;
    margin-bottom: 45px;
  }
  .portfolio__objects__element h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .portfolio__objects__element .slider__photo {
    max-width: 260px;
  }
  .portfolio__objects__element .slider__photo .element__photo {
    margin-right: 0;
  }
  .portfolio__objects__element .slider__photo .element__photo button.btn.more {
    width: 260px;
    height: 53px;
    font-size: 20px;
  }
  .portfolio__objects__element .text__container {
    max-width: 260px;
  }
  .portfolio__objects__element .text__container .element__text h5 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 800;
    width: 80%;
  }
  .portfolio__objects__element .text__container .element__text h6 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 12px;
  }
  .portfolio__objects__element .text__container .element__text .prices {
    width: 234px;
    height: 30px;
  }
  .portfolio__objects__element .text__container .element__text .prices .price, .portfolio__objects__element .text__container .element__text .prices .coast {
    height: 30px;
    font-size: 14px;
  }
  .portfolio__objects__element .text__container .element__text .quality__container {
    margin-right: 25px;
  }
  .portfolio__objects__element .text__container .element__text .quality__container .basket {
    width: 21px;
  }
  .portfolio__objects__element .text__container .element__text .quality__container .favorites {
    width: 19px;
  }
  .portfolio__objects__element .portfolio__objects__navigation {
    width: 76px;
    bottom: 34px;
    right: 184px;
  }
  .portfolio__objects__element .portfolio__objects__navigation .navigation__left, .portfolio__objects__element .portfolio__objects__navigation .navigation__right {
    width: 32px;
  }
  .offer {
    margin-top: 81px;
    margin-bottom: 104px;
    padding-left: 215px;
    padding-right: 215px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  @media (min-width: 1500px) {
    .offer {
        margin-left: -22%;
    }
  }
  .offer h4 {
    font-size: 20px;
    line-height: 24px;
    margin-right: 30px;
    margin-left: 20px;
    margin-bottom: 0;
  }
  .offer button.btn.more {
    min-width: 200px;
    width: 200px;
    height: 52px;
    font-size: 12px;
  }
  .offer button.btn.more .circle__hover,
  .offer button.btn.more .circle {
    left: -105px;
  }
  .offer svg {
    min-width: 60px;
    height: 60px;
  }
  .portfolio__objects__element .slider__photo {
    height: 300px;
  }
  .portfolio__projects__element {
    width: 292px;
  }
  .portfolio__projects__element img {
    height: 171px;
  }
  .portfolio__projects__element h4 {
    font-size: 16px;
    line-height: 19px;
    margin-top: 4px;
  }
  .turnkey-solutions-card__switch {
    top: 13px;
  }
  .doors__container__list {
    margin-bottom: 15px;
    padding-top: 20px;
    margin-top: -20px;
  }
  .doors__container__list .name__doors {
    -ms-flex-preferred-size: 355px;
    flex-basis: 355px;
  }
  .doors__container__list .name__doors h5 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
  }
  .doors__container__list .name__doors h6 {
    margin-top: 0;
  }
  .doors__container__list .purpose {
    -ms-flex-preferred-size: 276px;
    flex-basis: 276px;
    font-size: 14px;
    line-height: 17px;
  }
  .doors__container__list .prices {
    width: 110px;
    margin-right: 25px;
    height: 30px;
  }
  .doors__container__list .prices .price {
    height: 30px;
    font-size: 15px;
  }
  .portfolio__objects__element .slider__photo .element__photo img {
    width: auto;
    height: 300px;
  }
}

@media (max-width: 1919px) {
  .seminars__top__photo {
    -ms-flex-preferred-size: 552px;
    flex-basis: 552px;
  }
  .seminars__top__photo img {
    height: 306px;
  }
  .seminars__top__text {
    width: 460px;
  }
  .seminars__top__text h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
  }
  .seminars__top__text p {
    font-size: 14px;
    line-height: 17px;
  }
  .seminars__top__text button.btn.more {
    width: 200px;
    margin-top: 5px;
    font-size: 12px;
    height: 52px;
  }
  .seminars__top__text button.btn.more .circle,
  .seminars__top__text button.btn.more .circle__hover {
    left: -105px;
  }
  .seminars__bottom h2 {
    margin-top: 123px;
    margin-bottom: 60px;
    margin-left: 75px;
    font-size: 25px;
    font-weight: 800;
  }
  .seminars__bottom button.btn.more {
    margin-left: calc(100% - 285px);
    width: 202px;
    height: 50px;
    font-size: 14px;
  }
  .seminars__bottom button.btn.more .circle,
  .seminars__bottom button.btn.more .circle__hover {
    left: -105px;
  }
  .seminar {
    width: 352px;
    height: 406px;
    margin-right: 14px;
    margin-bottom: 37px;
    padding: 10px 15px 13px 15px;
  }
  .seminar h4 {
    font-size: 16px;
    width: 76%;
    margin-bottom: 19px;
  }
  .seminar img {
    max-width: 332px;
    height: 177px;
    margin-bottom: 14px;
  }
  .seminar p {
    font-size: 12px;
    line-height: 15px;
  }
  .seminar .seminar__bottom p.date {
    margin-right: 0;
  }
}

@media (max-width: 1919px) {
  .news__big {
    width: 533px;
    height: 402px;
    margin-right: 17px;
    margin-bottom: 55px;
  }
  .news__big .news-text-container {
    width: 230px;
    padding: 16px 11px 15px 13px;
  }
  .news__big .news-text-container:before {
    width: 198px;
    height: 4px;
  }
  .news__big .news-img {
    width: 335px;
  }
  .news__big p.news-descript {
    line-height: 18px;
    margin-bottom: 25px;
    min-height: 200px;
  }
  .news__big .detailed p {
    font-weight: 600;
  }
  .news__big .hover {
    width: 218px;
    height: 402px;
  }
  .news__big .hover .hover__circle_1 {
    width: 315px;
    top: -200px;
  }
  .news__small {
    width: 365px;
    height: 191px;
    margin-bottom: 36px;
  }
  .news__small .news-img {
    width: 191px;
  }
  .news__small .news-text-container {
    width: 173px;
    padding: 16px;
  }
  .news__small .news-text-container:before {
    width: 4px;
    height: 191px;
  }
  .news__small p.date {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 25px;
  }
  .news__small h4 {
    margin-bottom: 25px;
  }
  .news button.btn.more,
.projects__element__container2 button.btn.more {
    width: 202px;
    height: 50px;
    margin-left: calc(100% - 202px);
    font-size: 14px;
  }
  .news button.btn.more .circle,
  .news button.btn.more .circle__hover,
  .projects__element__container2 button.btn.more .circle,
  .projects__element__container2 button.btn.more .circle__hover {
    left: -120px;
  }
}

@media (max-width: 1919px) {
  .piece-of-news__container__text .text__element {
    min-height: 401px;
  }
  .piece-of-news__container__photo {
    width: 533px;
  }
  .piece-of-news__container__photo .piece-of-news__photo {
    width: 100%;
    min-height: 401px;
    height: 401px;
    background-size: cover;
  }
  .piece-of-news__container__text {
    width: 460px;
  }
  .piece-of-news__container__text .text__element p {
    margin-bottom: 50px;
  }
  .piece-of-news__navigation .absolute__top {
    position: absolute;
    top: 124px;
    right: 0;
    font-size: 12px;
  }
  .piece-of-news__navigation {
    margin-bottom: 100px;
  }
  .piece-of-news__navigation a {
    font-size: 12px;
  }
}

@media (max-width: 1919px) {
  .top_background {
    margin-bottom: 150px;
  }
  .top_background p {
    line-height: 30px;
    margin-left: 0;
    width: 59%;
  }
  .doors__img {
    height: 650px;
    top: 70px;
  }
  .about-us h2 {
    font-size: 25px;
    margin-bottom: 50px;
    margin-top: 100px;
    margin-left: 0;
  }
  .maps {
    margin-top: -50px;
  }
  svg.maps__backgrpund {
    height: 40px;
    margin-left: -300px;
  }
  .customer__slider {
    margin-left: 80px;
  }
  .customer__slider img {
    margin: auto;
    width: 200px;
  }
  .certificates__container {
    margin-left: 20px;
  }
  .certificate {
    margin-right: 90px;
  }
  .licenses__container {
    margin-left: 0;
  }
  .vacancies__container {
    margin-left: 0;
    margin-bottom: 155px;
  }
  .partners__block {
    width: 352px;
    height: 278px;
  }
  .partners__block p {
    line-height: 55px;
  }
  .partners__block button.btn.more {
    width: 352px;
    height: 55px;
  }
  .partners__block img {
    width: 352px;
    height: 278px;
  }
  .maps__cls-8, .maps__cls-9 {
    font-size: 12px !important;
  }
}

@media (max-width: 1919px) {
  ul.slick-dots {
    margin-bottom: 15px;
  }
  ul.slick-dots li {
    height: 17px;
    margin-right: 50px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 25px;
  }
  .partners__slider-text {
    width: 536px;
  }
  .partners__slider-text .txt__cont h4 {
    font-size: 16px;
    line-height: 34px;
    padding-left: 4px;
  }
  .partners__slider-text .txt__cont p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .partners__slider-text .txt__cont button.btn.more {
    width: 200px;
    font-size: 12px;
    height: 52px;
    margin-left: calc(50% - 100px);
  }
  .partners__slider-text .txt__cont button.btn.more .circle,
  .partners__slider-text .txt__cont button.btn.more .circle__hover {
    left: -100px;
  }
  .partners__slider-image {
    width: 536px;
  }
  .partners__navigation {
    left: 440px;
    width: 96px;
  }
  .partners__navigation .navigation__left, .partners__navigation .navigation__right {
    cursor: pointer;
    width: 40px;
  }
}

@media (max-width: 1919px) {
  .communications {
    margin-left: -12%;
    margin-right: -12%;
  }
  div#map {
    height: 597px;
  }
  .communications__top {
    padding: 3px 192px 30px 231px;
  }
  .communications__top .communications__top__text a,
  .communications__top .communications__top__text p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 7px;
  }
  .communications__top .communications__top__text p.title {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .communications__top .communications__top__text div {
    width: 223px;
  }
  .communications__top button.btn.more {
    width: 236px;
    height: 52px;
    font-size: 12px;
    margin-top: -25px;
  }
  .communications__bottom {
    min-height: 180px;
    padding: 25px 231px 7px 231px;
  }
  .communications__bottom .communications__bottom__left .communications__bottom__text {
    width: 444px;
  }
  .communications__bottom .communications__bottom__left a {
    color: #3D3D3D;
    opacity: 0.6;
    display: block;
    margin-top: 7px;
    font-size: 12px;
  }
  .communications__bottom .communications__bottom__left p {
    font-size: 12px;
    line-height: 15px;
  }
}

@media (max-width: 1919px) {
  .installation .card__slider__container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .installation .partners__slider-text {
    width: 384px;
  }
  .installation .partners__slider-image {
    width: 476px;
  }
  .installation .installation__title svg {
    width: 52px;
  }
  .installation .installation__title h1 {
    width: 80%;
  }
  .installation .installation__title {
    margin-bottom: 14px;
  }
  .installation .partners__slider-text .txt__cont {
    position: relative;
  }
  .installation .partners__slider-text .txt__cont p {
    font-size: 14px;
    line-height: 17px;
  }
  .installation .partners__slider-text .txt__cont button.btn.more {
    width: 200px;
    font-size: 12px;
    height: 52px;
    margin-left: calc(50% - 100px);
  }
  .installation .partners__navigation {
    left: 380px;
    width: 96px;
  }
  .all_services {
    margin-left: 60px;
  }
  .installation h2 {
    margin-top: 150px;
    margin-bottom: 40px;
    font-size: 16px;
  }
  .service svg {
    width: 105px;
    margin-right: 60px;
  }
  .service h5 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 15px;
  }
  .service p {
    line-height: 17px;
    font-size: 14px;
  }
  .service {
    margin-bottom: 80px;
  }
  .img__cont iframe {
    width: 100%;
    height: 357px;
  }
}

@media (max-width: 1919px) {
  .text-slider {
    width: 532px;
    height: 529px;
  }
  .text-slider .text-element {
    padding-top: 22px;
    padding-left: 34px;
    padding-right: 76px;
    padding-bottom: 56px;
  }

  .horizontal .basket {
    width: 23px;
  }

  .text-slider .text-element:after {
    bottom: -57px;
    left: 40px;
    width: 341px;
    height: 143px;
  }
  .text-slider .text-element:before {
    background-size: cover;
  }
  .text-slider .text-element h2 {
    font-size: 42px;
    margin-bottom: 26px;
    line-height: 62px;
  }
  .text-slider .text-element .text-element__navigation {
    bottom: 12px;
  }
  .text-slider .text-element .text-element__navigation .index__navigation {
    width: 92px;
    margin-left: 150px;
  }
  .text-slider .text-element .text-element__navigation button.btn.more {
    width: 170px;
    height: 42px;
    font-size: 11px;
  }
  .text-slider .text-element .text-element__navigation button.btn.more .circle,
  .text-slider .text-element .text-element__navigation button.btn.more .circle__hover {
    left: -155px;
  }
  .text-slider .text-element p {
    font-size: 16px;
    line-height: 30px;
  }
  main.contents__index {
    max-height: 10336px;
  }
  .index__html {
    width: 10336px;
  }
  .container__hor {
    width: 10336px;
  }
  .home__page {
    margin-top: 60px;
    margin-left: 214px;
    width: calc(100% - 214px)!important;
    height: calc(100vh - 117px);
    max-height: calc(100vh - 117px);
  }
  .contents__index .footer {
    height: 57px;
  }
  .contents__index .footer__copyright {
    height: 57px;
    padding-left: 247px;
  }
  .photo-slider {
    width: 620px;
  }
  .index-slider {
    width: 1152px;
  }
  .index-backgr {
    top: -10px;
    left: 1291px;
    width: 9045px;
    background-size: 10042px 692px;
  }
  .index-about-us {
    padding-left: 80px;
    padding-top: 67px;
    width: 489px;
    margin-right: 70px;
  }
  .index-about-us h2 {
    font-size: 42px;
    margin-bottom: 60px;
  }
  .index-about-us p {
    font-size: 16px;
    line-height: 30px;
    width: 409px;
    margin-bottom: 40px;
  }
  .index-about-us button.btn.more {
    width: 170px;
    height: 42px;
    font-size: 11px;
  }
  .index-about-us button.btn.more .circle,
  .index-about-us button.btn.more .circle__hover {
    left: -155px;
  }
  .index-about-us img {
    bottom: 5px;
    width: auto;
    height: 38px;
  }
  .index-sales-geography {
    padding-top: 21px;
    margin-right: 340px;
  }
  .index-sales-geography h2 {
    font-size: 42px;
    margin-left: 34px;
  }
  .index-sales-geography svg.maps {
    width: 1030px;
    /*width: 77.4vw;*/
    margin-top: -65px;
  }
  .index-backgr{
    width: 9200px;
  }
  /*.container__hor {*/
    /*width: 10500px;*/
  /*}*/
  /*main.contents__index {*/
    /*max-height: 10500px;*/
  /*}*/
  /*.index__html {*/
    /*width: 10500px;*/
  /*}*/


  .index-current-offers {
    padding-top: 21px;
    margin-right: 234px;
  }
  .index-current-offers h2 {
    font-size: 42px;
    margin-bottom: 37px;
  }
  .index-current-offers img.current-offers__img {
    width: 252px;
    height: 53px;
    position: absolute;
    left: 684px;
    top: 18px;
  }
  .index-current-offers a.catalog__item {
    margin-bottom: 0;
    margin-right: 28px;
  }
  .index-current-offers a.catalog__item:nth-child(2n) {
    margin-top: 36px;
  }
  .index-catalog__left {
    width: 523px;
    margin-right: 125px;
    padding-top: 0;
  }
  .index-catalog__left h2 {
    font-size: 42px;
    line-height: 62px;
    margin-bottom: 25px;
    margin-top: 21px;
  }
  .index-catalog__left p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 42px;
    width: 406px;
  }
  .index-catalog__left button.btn.more {
    width: 237px;
    height: 42px;
    font-size: 11px;
  }
  .index-catalog__right img.catalog_back {
    width: 390px;
    height: 528px;
    margin-left: 111px;
  }
  .index-catalog__right img.catalog_photo {
    width: 496px;
    height: 370px;
  }
  .index-catalog {
    margin-right: 308px;
  }
  .index-advantages__left {
    margin-right: 125px;
    margin-top: 17px;
  }
  .index-advantages__left h2 {
    font-size: 42px;
    line-height: 60px;
    width: 268px;
    margin-bottom: 37px;
    margin-top: 43px;
  }
  .index-advantages__left p {
    font-size: 14px;
    line-height: 18px;
    width: 268px;
    text-align: center;
    margin-bottom: 32px;
  }
  .index-advantages__left img {
    width: 247px;
  }
  .index-advantages__right {
    width: 688px;
    margin-top: 30px;
  }
  .index-advantages__right .advantages__element img {
    height: 84px;
    margin-bottom: 23px;
  }
  .index-advantages__right .advantages__element p {
    font-size: 14px;
    line-height: 20px;
  }
  .index-advantages__right .advantages__element.advantages__element_1 {
    width: 192px;
    margin-right: 56px;
  }
  .index-advantages__right .advantages__element.advantages__element_2 {
    width: 167px;
    margin-right: 80px;
  }
  .index-advantages__right .advantages__element.advantages__element_3 {
    width: 192px;
  }
  .index-advantages__right .advantages__element.advantages__element_4 {
    width: 192px;
    margin-right: 54px;
  }
  .index-advantages__right .advantages__element.advantages__element_5 {
    width: 192px;
    margin-right: 55px;
  }
  .index-advantages__right .advantages__element.advantages__element_6 {
    width: 192px;
  }
  .index-advantages {
    margin-right: 255px;
  }
  .index-articles {
    padding-top: 8px;
    margin-right: 202px;
  }
  .index-articles h2 {
    font-size: 42px;
    margin-bottom: 10px;
  }
  .index-articles .all {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .index-articles img.current-offers__img {
    top: 7px;
    width: 255px;
    height: 54px;
    left: 460px;
  }
  .index-news img.current-offers__img {
    left: 256px;
  }
  .index-clients__left img {
    width: 247px;
  }
  .index-clients__left h2 {
    font-size: 42px;
    font-weight: 800;
    line-height: 60px;
    margin-top: 75px;
    margin-bottom: 68px;
    width: 240px;
  }
  .index-clients__left .index-clients__line {
    width: 236px;
    margin-bottom: 16px;
  }
  .index-clients__left p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 71px;
    width: 240px;
  }
  .index-clients__left {
    margin-right: 72px;
  }
  .index-clients {
    padding-top: 7px;
  }
  .big__element {
    width: 264px;
    height: 527px;
  }
  .big__element img {
    width: 100%;
    height: 100%;
  }
  .index-clients__photo_big .text_block {
    padding-left: 21px;
    padding-right: 22px;
    padding-bottom: 50px;
    padding-top: 30px;
    width: 265px;
  }
  .index-clients__photo_big .text_block h3 {
    font-size: 34px;
    margin-bottom: 40px;
  }
  .index-clients__photo_big {
    margin-right: 40px;
    width: 264px;
  }
  .index-clients__photo_small .small__element {
    margin-bottom: 20px;
    width: 212px;
    height: 117px;
  }
  .index-clients__photo_small {
    width: 435px;
    height: 548px;
    margin-right: 13px;
  }
  .index-articles__container.news__container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  div#mCSB_1_container {
    width: 11520px !important;
  }
}

@media (max-width: 1365px) {
  .vertical {
    width: 105px;
    padding-top: 160px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .container__logo {
    width: 105px;
    -webkit-animation: none;
    animation: none;
  }
  svg.to-top {
    bottom: 20px;
    left: 38px;
  }
  .white-fon {
    width: 120px;
    height: 234px;
    right: -9px;
    top: -22px;
  }
  .blue-fon {
    display: none;
  }
  .gray-fon {
    width: 105px;
    top: 0;
  }
  .blue2-big-fon {
    display: none;
  }
  .vertical .blue1-big-fon {
    width: 105px;
    -webkit-animation: none;
    animation: none;
  }
  .vertical:before {
    width: 105px;
    height: calc(100vh - 60px);
    -webkit-box-shadow: 6px 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 6px 0 5px rgba(0, 0, 0, 0.16);
    -webkit-animation: none;
    animation: none;
  }
  .menu-left__container {
    height: 500px;
    width: 105px;
    margin: 0;
  }
  .menu-left {
    width: 100%;
  }
  .menu-left li {
    width: 90%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu-left span {
    font-size: 12px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 11;
    width: 100%;
    text-align: center;
    -webkit-animation: none;
    animation: none;
  }
  .menu-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .icons-menu {
    margin: auto;
  }
  .menu-left .menu-left__top ul {
    height: 450px;
  }
  .menu-left__top.disactive {
    margin-top: -470px;
  }
  .menu-left__still {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .menu-left .menu-left__bottom ul {
    height: 460px;
  }
  .menu-left-logo {
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
  .logo-img {
    width: 70px;
    margin-top: 12px;
    -webkit-animation: none;
    animation: none;
  }
  .horizontal {
    padding-left: 145px;
    padding-right: 24px;
    height: 60px;
  }
  .logo-text {
    display: none;
  }
  .pannier .basket {
    margin-right: 40px;
  }
  .btn.call {
    width: 202px;
    height: 50px;
  }
  .menu-top {
    width: 440px;
    width: 500px;
  }
  @-webkit-keyframes menu-left__top1 {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -470px;
    }
  }
  @keyframes menu-left__top1 {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -470px;
    }
  }
  .index-sales-geography .city {
    opacity: 1;
  }

  .index-sales-geography h2 {
    opacity: 1;
  }
}

@media (max-width: 1365px) {
  .footer {
    margin-top: 60px;
  }
  .footer__menu {
    padding-left: 133px;
    padding-right: 65px;
    padding-top: 31px;
  }
  .footer__menu__center {
    width: 360px;
  }
  .adres {
    width: 80%;
  }
  .agreement {
    bottom: 9px;
    width: 180px;
    left: 56px;
  }
}

@media (max-width: 1365px) {
  .container {
    max-width: 730px;
    padding: 0;
    padding-top: 90px;
  }
  .background__title h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .sotring__item {
    font-size: 14px;
    line-height: 17px;
  }
  .sorting li {
    font-size: 12px;
  }
  .catalog__item .h4__background {
    min-height: 83px;
  }
  .background__title h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .background__title {
    padding-left: 100px;
    height: auto;
    margin-bottom: 30px;
  }
  .sorting li {
    margin-left: 40px;
  }
  .catalog__item {
    width: 308px;
    height: 382px;
    margin-bottom: 46px;
    margin-right: 12%;
  }

  .catalog__item:nth-child(3n) {
    margin-right: 12%;
  }
  .catalog__item:nth-child(2n) {
    margin-right: 0;
  }

  .catalog__item .h4__background {
    min-height: 54px;
  }
  .catalog__item h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .seo-text h2 {
    font-size: 36px;
    margin-bottom: 30px;
  }
  .seo-text p {
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 40px;
    width: 100%;
  }
  .seo-text img {
    height: 306px;
  }
  .seo-text h3 {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .seo-text {
    width: 100%;
  }
}

@media (max-width: 1365px) {
  .number_of_goods {
    display: none;
  }
  .sorting__container .sorting li {
    margin-left: 25px;
  }
  .subcatalog__item {
    width: 238px;
    height: 274px;
    margin-bottom: 9px;
  }
  .subcatalog__item .h4__background {
    height: 66px;
    min-height: 66px;
    /*margin-top: 208px;*/
  }
  .subcatalog__item__hover .h4__background {
    -webkit-animation: none;
    animation: none;
  }
  .subcatalog__item__dishover .h4__background {
    -webkit-animation: none;
    animation: none;
  }
  .quality svg {
    width: 22px;
  }
  .price, .coast {
    height: 30px;
  }
  .price {
    font-size: 14px;
  }
  .prices {
    width: 238px;
    height: 30px;
  }
  .coast .circle__hover {
    left: -200px;
  }
  .subcatalog__items {
    margin-right: 15px;
  }
  .subcatalog__items:nth-child(3n) {
    margin-right: 15px;
  }
  .container.container__max .catalog__container {
    margin-right: -115px;
  }
  .sorting__container {
    margin-bottom: 30px;
  }
  .may_be_interested_slider .subcatalog__items, .viewed_products_slider .subcatalog__items {
    width: 238px;
    margin: 0;
  }
  .may_be_interested_slider.slick-initialized.slick-slider, .viewed_products_slider.slick-initialized.slick-slider {
    width: 105%;
    margin: auto;
    margin-left: 10px;
  }
  .may_be_interested .slick-prev, .may_be_interested .slick-next,
  .viewed_products .slick-prev, .viewed_products .slick-next {
    width: 25px !important;
    height: 45px !important;
    top: calc(50% - 13px);
  }
  .may_be_interested .slick-prev:before, .may_be_interested .slick-next:before, .viewed_products .slick-prev:before, .viewed_products .slick-next:before {
    width: 25px !important;
    height: 45px !important;
    background-size: 25px 45px;
  }
  .may_be_interested .slick-prev, .viewed_products .slick-prev {
    left: -40px !important;
  }
  .slider_title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 40px;
    text-shadow: none;
  }
  .viewed_products {
    margin-top: 70px;
  }
  .quality__container {
    margin-bottom: 0;
  }
  .may_be_interested .slick-next, .viewed_products .slick-next {
    right: -23px;
  }
}

@media (max-width: 1365px) {
  .constructor .name-doors h2 {
    font-size: 13px;
    line-height: 21px;
    font-weight: 800;
    margin-bottom: 8px;
  }
  .icons__constr {
    width: 18px;
  }
  .constructor___menu li p {
    font-size: 14px;
    margin-left: 15px;
  }
  .constructor___menu ul {
    height: auto;
    margin-bottom: 40px;
  }
  .main-settings {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    height: auto;
    margin-right: -70px;
    padding-left: 40px;
    margin-top: 85px;
  }
  .constructor___menu {
    margin-left: 0;
    width: 30%;
  }
  .param-text .param-title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .param-text p {
    font-size: 14px;
    line-height: 21px;
  }
  .param-image {
    width: 102px;
  min-width: 102px;
    height: 102px;
    margin-left: 20px;
    margin-right: 0;
  }
  .pop-up {
    /*right: -130px;*/
    right: 10px;
  }
  .active.param {
    margin-left: -90px;
  }


  @keyframes activeParam {
  0% {
      margin-left: 0;
  }

  100% {
      margin-left: -90px;
  }
}

@keyframes disActiveParam {
  0% {
      margin-left: -90px;
  }

  100% {
      margin-left: 0;
  }
}

@keyframes popUp {
  0% {
    right: -450px;
  }

  100% {
    right: 10px;
  }
}

@keyframes popUpClose {
  0% {
    right: 10px;
  }

  100% {
    right: -450px;
  }
}

.popClose {
  animation-name: popUpClose;
  animation-duration: 1s;
  right: -450px;
  display: block;
}
  .dop-options_input__container {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
  }
  .dop-options__param__text {
    font-size: 14px;
  }
  .param-text__description p {
    width: 265px;
    line-height: 25px;
    font-size: 14px;
  }
  .param.dop-options__param {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .dop-options__param .param-image {
    width: 77px;
    height: 77px;
  min-width: 77px;
    margin: 0;
    margin-right: 30px;
  }
  .dop-options__param .param-text .param-title {
    margin: 0;
  }
  .param.dop-options__param.finishing-options__param .param-text__description p {
    display: block;
  }
  .finishing-options .parametrs {
    -ms-flex-preferred-size: 390px;
    flex-basis: 390px;
  }
  .parametrs.klass_param {
    min-width: 330px;
    max-width: 330px;
}

  .fittings-options {
    min-width: 600px;
  }
  .main-settings.certificates.active-menu {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .text-politic {
    font-size: 12px;
    line-height: 17px;
    width: 100%;
    margin-bottom: 15px;
  }
  .palette svg {
    width: 32px;
    height: 32px;
  }
  .radio__option .param-text__description p {
    width: 330px;
    line-height: 21px;
    font-size: 14px;
  }
  .param.dop-options__param.finishing-options__param {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .btn.more.view-photo {
    margin-right: -15px;
  }
  .fittings-options .param-checkbox {
    margin-top: -9px;
    margin-left: 20px;
  }
  .technical-information table {
    font-size: 12px;
  }
  .technical-information p {
    font-size: 12px;
  }
  .certificates-container {
    -ms-flex-preferred-size: 62%;
    flex-basis: 62%;
    margin-bottom: 30px;
  }
  .main-settings.certificates.active-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1365px) {
  .slider {
    margin-left: 15px;
  }
  .name-doors h1 {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 21px;
  }
  .code-doors p {
    margin-bottom: 25px;
    font-size: 12px;
  }
  .base-configuration p.title {
    margin-bottom: 27px;
    font-size: 17px;
  }
  .base-configuration p {
    font-size: 12px;
    line-height: 22px;
  }
  .product-description {
    width: 113%;
  }
  .info-right .quality__container {
    margin-bottom: 14px;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .info-right .quality svg {
    width: 18px;
    margin-right: -5px;
  }
  .description .basket__cont {
    width: 135px;
    position: absolute;
    right: 0;
    top: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .availability svg {
    width: 20px;
    height: 15px;
    margin-right: 16px;
  }
  .availability p {
    font-size: 14px;
    font-weight: 800;
  }
  .availability {
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .info-right .base-configuration {
    margin-top: 70px;
  }
  .description__icons img {
    width: 19px;
    height: 19px;
  }
  .description {
    width: 65%;
  }
  .description__icons {
    margin-right: 8px;
  }
  .icons {
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .slider-for.slick-initialized.slick-slider {
    height: 360px;
  }
  .description__btn .prices {
    width: 238px;
    height: 35px;
  }
  .description__btn .price, .description__btn .coast {
    height: 35px;
  }
}

@media (max-width: 1365px) {
  .full-note {
    padding: 8px 40px;
    margin-bottom: 30px;
  }
  .table__number {
    width: 20px;
  }
  .table__name {
    width: 130px;
  }
  .table__description-title {
    width: 122px;
  }
  .table__price {
    width: 63px;
  }
  .table__amount {
    width: 67px;
  }
  .table__end__price {
    width: 93px;
  }
  .applications__table .title td {
    font-size: 10px;
    line-height: 16px;
  }
  .applications__table table td {
    font-size: 12px;
    padding: 8px;
    line-height: 20px;
  }
  .add__delivery p, .add__installation p {
    font-size: 12px;
    margin-left: 10px;
  }
  .navigation__button .print {
    position: absolute;
    bottom: -30px;
  }
  .navigation__button .to-share {
    position: absolute;
    bottom: -30px;
    left: 50px;
  }
  .inform {
    width: 165px;
    top: -110px;
  }
  p.note:before {
    left: 62%;
  }
}

@media (max-width: 1365px) {
  .projects__filter {
    margin-bottom: 0;
  }
  .projects__filter p {
    font-size: 9px;
    font-weight: 800;
    margin-right: 8px;
    letter-spacing: 0.005em;
    min-width: 75px;
  }
  .projects__filter .param-checkbox {
    margin-right: 13px;
    margin-bottom: 20px;
  }
  .projects__filter span.check__title {
    margin-left: 4px;
    font-size: 9px;
  }
  .projects__container .timeline__cont {
    height: 285px;
    min-width: 25px;
  }
  .projects__container .timeline {
    height: 285px;
  }
  .projects__container .timeline p {
    line-height: 12px;
    font-size: 10px;
  }
  .projects__container .projects__element__container {
    margin-left: 20px;
    width: 100%;
  }
  .projects__container .projects__element__container .projects__element {
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .projects__container .projects__element__container .projects__element .favorites {
    margin-right: 30px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container {
    margin-right: 0;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container h4 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .projects__element__navigation {
    margin-top: 20px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .navigation__left,
  .projects__container .projects__element__container .projects__element .projects__element__text__container .navigation__right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .navigation__left {
    margin-right: -190px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .projects__element__navigation button.btn.more {
    width: 131px;
    height: 34px;
    font-size: 12px;
    margin-left: -265px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .btn.more .circle,
  .projects__container .projects__element__container .projects__element .projects__element__text__container .btn.more .circle__hover {
    left: -145px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider {
    margin-bottom: 24px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top {
    width: 396px;
    height: 250px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top .slider__element {
    height: 250px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__bottom {
    width: 396px;
    height: 37px;
    margin-top: -37px;
    padding: 5px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__bottom .slider__element {
    height: 26px;
  }
  .projects__container .projects__element .projects__element__text__container .navigation__right {
    margin-left: 0;
  }
  .projects__element__text.slick-initialized.slick-slider {
    width: 100%;
  }
  .projects__element__text__container {
    width: 100%;
  }
}

@media (max-width: 1365px) {
  .switch {
    width: 123px;
  }
  .switch__sw {
    width: 58px;
  }
  .switch__sw .handle {
    height: 18px;
    width: 18px;
  }
  .switch__table, .switch__list {
    width: 25px;
  }
  .turnkey-solutions__switch p {
    font-size: 16px;
  }
  .turnkey-solutions__element {
    margin-bottom: 64px;
  }
  .turnkey-solutions__element .element_right {
    width: 360px;
  }
  .turnkey-solutions__element .element_left {
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px;
  }
  .turnkey-solutions__element .element_left h2 {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
  .turnkey-solutions__element .element_left h3 {
    font-size: 14px;
    line-height: 23px;
  }
  .turnkey-solutions__element .element_left p {
    margin-bottom: 20px;
  }
  .turnkey-solutions__element .element_left span.sp_text {
    font-size: 14px;
  }
  .turnkey-solutions__list {
    margin-bottom: 35px;
  }
  .turnkey-solutions__list .element_left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .turnkey-solutions__list h2.turnkey-solutions__title {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1365px) {
  .card__slider__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .card__slider__container .turnkey-solutions__slider-image {
    width: 354px;
    margin: auto;
    margin-bottom: 14px;
  }
  .card__slider__container .turnkey-solutions__slider-text {
    width: 100%;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont h4 {
    font-size: 16px;
    margin-bottom: 13px;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont p {
    font-size: 16px;
    line-height: 19px;
  }
  .card__slider__container .turnkey-solutions__navigation {
    width: 112px;
    left: 0;
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 43px;
  }
  .portfolio__objects {
    margin-top: 83px;
    margin-left: 20px;
  }
  .background__title.background__title__min {
    height: 35px;
    padding-left: 70px;
    margin-bottom: 20px;
  }
  .background__title.background__title__min h2 {
    font-size: 16px;
    margin: 0;
  }
  .portfolio__objects__element {
    width: 652px;
    margin-bottom: 40px;
  }
  .portfolio__objects__element h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .portfolio__objects__element .slider__photo {
    max-width: 233px;
  }
  .portfolio__objects__element .text__container {
    max-width: 383px;
  }
  .portfolio__objects__element .text__container .element__text h5 {
    width: 60%;
  }
  .portfolio__objects__element .text__container .element__text p {
    font-size: 14px;
    line-height: 17px;
  }
  .portfolio__objects__element .text__container .element__text .quality__container {
    margin-right: 0;
    opacity: 1;
  }
  .portfolio__objects__element .text__container .element__text .prices {
    width: 277px;
    height: 35px;
  }
  .portfolio__objects__element .text__container .element__text .prices .price, .portfolio__objects__element .text__container .element__text .prices .coast {
    height: 35px;
  }
  .portfolio__objects__element .text__container .element__text .element__text__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 55px;
  }
  .portfolio__objects__element .text__container .element__text .basket__cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 5px;
  }
  .portfolio__objects__element .portfolio__objects__navigation {
    width: 120px;
    bottom: 36px;
    right: 262px;
    opacity: 1;
  }
  .portfolio__objects__element .portfolio__objects__navigation .navigation__left, .portfolio__objects__element .portfolio__objects__navigation .navigation__right {
    width: 40px;
  }
  .portfolio__objects__element:hover .portfolio__objects__navigation,
  .portfolio__objects__element:hover .text__container .element__text .quality__container {
    -webkit-animation: none;
    animation: none;
  }
  .offer {
    margin-top: 104px;
    margin-bottom: 99px;
    padding-left: 154px;
    padding-right: 173px;
    padding-top: 18px;
    padding-bottom: 25px;
  }
  .offer h4 {
    font-size: 14px;
    line-height: 17px;
    margin-right: 25px;
    margin-left: 23px;
  }
  .offer button.btn.more {
    min-width: 148px;
    width: 148px;
    height: 39px;
    font-size: 8px;
  }
  .offer button.btn.more .circle__hover,
  .offer button.btn.more .circle {
    left: -135px;
  }
  .offer svg {
    min-width: 45px;
    height: 45px;
  }
  .portfolio__projects__element {
    width: 193px;
  }
  .portfolio__projects__element img {
    height: 117px;
  }
  .portfolio__projects__element h4 {
    font-size: 12px;
    line-height: 15px;
    margin-top: 0;
  }
  .turnkey-solutions-card__switch {
    top: 3px;
  }
  .doors__container__list .name__doors {
    -ms-flex-preferred-size: 279px;
    flex-basis: 279px;
  }
  .doors__container__list .purpose {
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    font-size: 12px;
    line-height: 15px;
  }
  .doors__container__list .prices {
    width: 130px;
    margin-right: 19px;
    height: 35px;
  }
  .doors__container__list .prices .price {
    height: 35px;
  }
  .doors__container__list .basket__cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .doors__container__list .basket__cont .basket {
    margin-right: 0;
    margin-left: 30px;
  }
  .doors__container__list:hover {
    background-color: transparent;
  }
  .doors__container__list:hover h5:hover {
    font-weight: 500;
  }
  .portfolio__objects__element .slider__photo {
    height: 270px;
  }
  .portfolio__objects__element .slider__photo .element__photo img {
    width: auto;
    height: 270px;
  }
}

@media (max-width: 1365px) {
  .seminars__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .seminars__top__photo {
    -ms-flex-preferred-size: 213px;
    flex-basis: 213px;
    margin-bottom: 23px;
  }
  .seminars__top__photo img {
    height: 213px;
  }
  .seminars__top__text {
    width: 651px;
    margin: auto;
  }
  .seminars__top__text p {
    margin-bottom: 40px;
  }
  .seminars__bottom h2 {
    margin-top: 80px;
    margin-bottom: 40px;
    margin-left: 45px;
  }
  .seminars__bottom button.btn.more {
    margin-left: calc(100% - 225px);
  }
  .seminar {
    margin-right: 13px;
  }
  .seminar .seminar__bottom p:nth-child(1) {
    display: block;
  }
}

@media (max-width: 1365px) {
  .news__big {
    width: 744px;
    height: 320px;
    margin-right: 0;
    margin-bottom: 36px;
  }
  .news__big .news-img {
    width: 372px;
  }
  .news__big .news-text-container {
    width: 372px;
    padding: 13px 15px 15px 19px;
  }
  .news__big .news-text-container:before {
    width: 372px;
    height: 3px;
  }
  .news__big p.news-descript {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 20px;
    min-height: 145px;
  }
  .news__container {
    margin-right: -50px;
  }
  .news__small {
    width: 390px;
  }
  .news__small .news-text-container {
    width: 200px;
  }
  .news__small p.date {
    margin-bottom: 35px;
  }
  .news__element:hover {
    color: black;
    background-color: white;
  }
}

@media (max-width: 1365px) {
  .piece-of-news__container__text {
    width: 372px;
  }
  .piece-of-news__container__photo {
    width: 374px;
    right: -55px;
  }
  .piece-of-news__container__photo .piece-of-news__photo {
    width: 100%;
    min-height: 289px;
    height: 289px;
    background-size: cover;
  }
  .piece-of-news__container__text .text__element {
    min-height: 289px;
  }
  .piece-of-news__container__text .text__element p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 36px;
  }
  .piece-of-news__container__text .text__element h3 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .piece-of-news__navigation {
    margin-bottom: 76px;
    margin-top: 66px;
  }
  .piece-of-news__navigation .absolute__top {
    display: none;
  }
  .piece-of-news .news__container a:last-child {
    display: none;
  }
}

@media (max-width: 1365px) {
  .top_background p {
    line-height: 30px;
    margin-left: 0;
    width: 80%;
    font-size: 16px;
  }
  .top_background {
    margin-bottom: 250px;
  }
  .doors__img {
    height: 725px;
    background-size: cover;
    background-position-x: -400px;
    top: 70px;
  }
  .about-us h2 {
    margin-left: 80px;
  }
  .certificate {
    width: 340px;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 42px;
  }
  .certificate:nth-child(3n) {
    margin-right: 30px;
  }
  .certificate:nth-child(2n) {
    margin-right: 0;
  }
  .license {
    width: 298px;
    margin-bottom: 80px;
  }
  .license img {
    width: 168px;
    float: none;
    margin: auto;
    margin-left: calc(50% - 84px);
  }
  .license h5 {
    width: 100%;
    margin-top: 17px;
  }
  .vacancies__list {
    width: 200px;
    margin-right: 33px;
  }
  .vacancies__list p {
    font-size: 14px;
    line-height: 17px;
  }
  .vacancies__list p.active {
    padding-left: 20px;
  }
  .vacancies__container {
    margin-left: 30px;
    margin-bottom: 155px;
    margin-right: -100px;
  }
  .vacancies__block {
    width: 539px;
    min-height: 372px;
    padding: 17px 55px 17px 20px;
  }
  .vacancies__block .vacancies__descript {
    margin-bottom: 20px;
  }
  .vacancies__block .vacancies__descript p {
    text-align: left;
    width: 398px;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .vacancies__block .vacancies__descript p.title {
    width: 70px;
    font-size: 10px;
  }
  .vacancies__block button.btn.call {
    width: 144px;
    height: 35px;
    font-size: 9px;
  }
  .partners__blocks {
    margin-right: -100px;
  }
  .partners__block {
    width: 264px;
    height: 209px;
  }
  .partners__block img {
    width: 264px;
    height: 209px;
  }
  .partners__block p {
    line-height: 40px;
  }
  .partners__block button.btn.more {
    width: 264px;
    height: 40px;
    font-size: 16px;
  }
  .partners__block button.btn.more .circle,
  .partners__block button.btn.more .circle__hover {
    left: -70px;
  }
}

@media (max-width: 1365px) {
  .partners__container .card__slider__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  ul.slick-dots li {
    height: 12px;
    margin-right: 25px;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 20px;
  }
  .partners__slider-text {
    width: 100%;
  }
  .partners__slider-text .txt__cont p {
    margin-bottom: 15px;
    width: 372px;
  }
  .partners__slider-text .txt__cont h4 {
    margin-bottom: 17px;
  }
  .partners__slider-text .txt__cont button.btn.more {
    height: 50px;
    margin-left: 0;
  }
  .partners__slider-image {
    width: 353px;
    position: absolute !important;
    right: -10px;
    top: 50px;
  }
  .partners__slider-image img {
    width: 100%;
    height: auto;
  }
  .partners__navigation {
    left: 275px;
  }
  .partners__slider-text .txt__cont {
    padding-bottom: 60px;
  }
}

@media (max-width: 1365px) {
  .communications {
    margin-left: -20%;
    margin-right: -20%;
    padding-top: 88px;
  }
  div#map {
    height: 528px;
  }
  .communications__top {
    padding: 11px 66px 21px 177px;
  }
  .communications__bottom {
    min-height: 200px;
    padding: 17px 103px 7px 172px;
  }
  .communications__bottom .communications__bottom__left .communications__bottom__text {
    width: 370px;
  }
}

@media (max-width: 1365px) {
  .installation .card__slider__container {
    padding-left: 0;
    padding-right: 60px;
  }
  .installation .partners__slider-image {
    width: 355px;
    top: 0;
    right: 40px;
  }
  .installation .partners__slider-text {
    width: 285px;
  }
  .installation .installation__title svg {
    width: 39px;
  }
  .installation .installation__title h1 {
    margin-left: 8px;
    font-size: 20px;
  }
  .installation .partners__slider-text .txt__cont p {
    font-size: 12px;
    line-height: 15px;
    width: 100%;
  }
  .installation .partners__slider-text .txt__cont button.btn.more {
    width: 150px;
    font-size: 12px;
    height: 40px;
    margin-left: 0;
  }
  .installation .partners__navigation {
    left: 190px;
    width: 96px;
  }
  .installation .partners__slider-text .txt__cont button.btn.more .circle, .installation .partners__slider-text .txt__cont button.btn.more .circle__hover {
    left: -140px;
  }
  .all_services {
    margin-left: 0;
  }
  .installation h2 {
    margin-top: 60px;
    margin-bottom: 34px;
    font-size: 11px;
  }
  .service svg {
    width: 80px;
    margin-right: 30px;
  }
  .service h5 {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
  }
  .service {
    margin-bottom: 50px;
  }
  .img__cont iframe {
    width: 100%;
    height: 266px;
  }
}

@media (max-width: 1365px) {
  .home__page {
    margin-left: 105px;
  }
  .index-slider {
    width: 920px;
    position: relative;
    margin-right: 200px;
  }
  .photo-slider {
    width: 920px;
    height: 100%;
  }
  .text-slider {
    width: 480px;
    height: 652px;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .text-slider .text-element {
    padding-top: 84px;
    padding-left: 34px;
    padding-right: 38px;
    padding-bottom: 100px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .text-slider .text-element:before,
  .text-slider .text-element:after {
    content: none;
  }
  .text-slider .text-element h2 {
    font-size: 36px;
    margin-bottom: 72px;
    line-height: 62px;
  }
  .text-slider .text-element p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 72px;
  }
  .text-slider .text-element .text-element__navigation {
    bottom: 55px;
  }
  .text-slider .text-element .text-element__navigation .index__navigation {
    width: 120px;
    margin-left: 120px;
  }
  .index-backgr {
    display: none;
    top: -35px;
    left: 1135px;
    background-size: 11756px 855px;
    width: 8713px;
  }
  .index-about-us {
    padding-left: 36px;
    padding-top: 90px;
    width: 446px;
    margin-right: 0;
  }
  .index-about-us p {
    margin-bottom: 134px;
  }
  .index-sales-geography h2 {
    margin-left: 63px;
  }
  .index-sales-geography {
    padding-top: 41px;
    margin-right: 95px;
  }
  .index-sales-geography svg.maps {
    margin-top: -25px;
  }
  .index-current-offers {
    padding-top: 68px;
    margin-right: 145px;
  }
  .index-current-offers img.current-offers__img {
    top: 65px;
  }
  .index-current-offers h2 {
    margin-bottom: 104px;
  }
  .index-current-offers a.catalog__item {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .index-current-offers a.catalog__item:nth-child(2n) {
    margin-top: 13px;
  }
  .index-catalog__left h2 {
    margin-bottom: 36px;
    margin-top: 65px;
  }
  .index-catalog__left p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 37px;
    width: 356px;
  }
  .index-catalog__left button.btn.more {
    width: 208px;
    height: 37px;
    font-size: 9px;
  }
  .index-catalog__left {
    width: 460px;
    margin-right: 110px;
  }
  .index-catalog__right img.catalog_back {
    width: 342px;
    height: 464px;
    margin-left: 98px;
  }
  .index-catalog__right img.catalog_photo {
    width: 435px;
    height: 325px;
  }
  .index-catalog {
    margin-right: 137px;
  }
  .index-advantages {
    margin-right: 219px;
  }
  .index-advantages__left {
    margin-right: 37px;
    margin-top: 91px;
  }
  .index-advantages__left h2 {
    font-size: 42px;
    line-height: 60px;
    width: 255px;
    margin-bottom: 19px;
    margin-top: 41px;
  }
  .index-advantages__left p {
    width: 255px;
    margin-bottom: 32px;
  }
  .index-advantages__right {
    width: 658px;
    margin-top: 103px;
  }
  .index-advantages__right .advantages__element img {
    height: 80px;
  }
  .index-advantages__right .advantages__element.advantages__element_1 {
    width: 184px;
    margin-right: 54px;
  }
  .index-advantages__right .advantages__element.advantages__element_2 {
    width: 160px;
    margin-right: 76px;
  }
  .index-advantages__right .advantages__element.advantages__element_3 {
    width: 184px;
  }
  .index-advantages__right .advantages__element.advantages__element_4 {
    width: 184px;
    margin-right: 51px;
  }
  .index-advantages__right .advantages__element.advantages__element_5 {
    width: 184px;
    margin-right: 53px;
  }
  .index-advantages__right .advantages__element.advantages__element_6 {
    width: 184px;
  }
  .index-articles {
    padding-top: 101px;
    margin-right: 154px;
  }
  .index-articles img.current-offers__img {
    top: 96px;
    width: 237px;
    height: 50px;
    left: 442px;
  }
  .index-articles__container__left .news__small .news-img {
    width: 180px;
  }
  .index-articles__container__left .news__small .news-text-container {
    width: 186px;
  }
  .index-articles__container__left .news__small {
    width: 366px;
    height: 180px;
    margin-right: 48px;
  }
  .index-articles__container__left .news__small h4 {
    margin-bottom: 20px;
  }
  .index-articles__container__right .news__big {
    width: 529px;
    height: 390px;
    margin-right: 0;
    margin-bottom: 36px;
  }
  .index-news img.current-offers__img {
    left: 246px;
  }
  .index-clients {
    padding-top: 91px;
  }
  .index-clients__left {
    margin-right: 25px;
  }
  .index-clients__left img {
    width: 232px;
  }
  .index-clients__left h2 {
    margin-top: 71px;
    margin-bottom: 64px;
    width: 226px;
  }
  .index-clients__left .index-clients__line {
    width: 226px;
  }
  .index-clients__left p {
    margin-bottom: 67px;
    width: 226px;
  }
  .big__element {
    width: 249px;
    height: 496px;
  }
  .index-clients__photo_big .text_block {
    padding-left: 19px;
    padding-right: 20px;
    padding-bottom: 19px;
    padding-top: 20px;
    width: 249px;
  }
  .index-clients__photo_big .text_block p {
    font-size: 14px;
    line-height: 35px;
  }
  .index-clients__photo_big {
    margin-right: 10px;
    width: 249px;
  }
  .index-clients__photo_small .small__element {
    margin-bottom: 16px;
    width: 199px;
    height: 110px;
  }
  .index-clients__photo_small {
    width: 403px;
    height: 515px;
    margin-right: 126px;
  }
  .index__html {
    width: 8785px !important;
  }
  .index-current-offers .catalog__container.catalog__active {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .contents__index .footer__copyright {
    height: 57px;
    padding-left: 124px;
  }
  .container__hor {
    width: 8925px;
  }
  /*правки*/
  .text-slider .text-element h2 {
    font-size: 28px;
    margin-bottom: 52px;
    line-height: 38px;
  }
  /**/
}

@media (max-width: 1023px) {
  .cls-1 {
    fill: white; 
  }
  .close:focus, .close:hover {
    opacity: 1;
  }
  .vertical {
    width: 100vw;
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
  }
  .close {
    display: block;
    width: 42px;
    position: fixed;
    top: 26px;
    right: 49px;
    z-index: 999;
    opacity: 1;
  }
  .vertical .blue1-big-fon {
    width: 100vw;
    -webkit-animation: none;
    animation: none;
    background-color: #2FB3F0;
  }
  .container__logo {
    display: none;
  }
  svg.to-top {
    display: none!important;
  }
  .icons-menu {
    width: 45px;
  }
  .menu-left__container {
    height: 100%;
    overflow: inherit;
    overflow-y: scroll;
    width: 100%;
    margin: auto;
  }
  .menu-left li {
    width: 100%;
  }
  .menu-left a {
    width: 100%;
    -webkit-animation: none;
    animation: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 40px;
  }
  .menu-left span {
    font-size: 21px;
    text-align: left;
    margin-left: 41px;
  }
  .vertical:hover .menu-left span {
    font-size: 21px;
  }
  .menu-left .menu-left__top ul,
  .menu-left .menu-left__bottom ul {
    height: 100%;
  }
  .menu-left__still {
    display: none;
  }
  .menu-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 7px;
  }
  .menu-left__top {
    position: relative;
  }
  .menu-left__bottom {
    margin-top: 40px;
  }
  .menu-left__top:before {
    border-bottom: 1px solid white;
    content: "";
    position: absolute;
    height: 0;
    width: 300px;
    bottom: 0;
    left: -25px;
  }
  .open_menu {
    display: block;
    width: 45px;
  }
  .horizontal {
    padding-left: 14px;
    padding-right: 20px;
    height: 65px;
  }
  .logo-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -140px;
  }
  .header__logo__768 {
    display: block;
  }
  .header__logo__768 {
    width: 50px;
    height: auto;
  }
  .header__logo__horizont {
    width: 88px;
    height: auto;
    margin-left: 10px;
  }
  .menu-top {
    width: auto;
    margin-left: -80px;
  }
  .menu-top li:nth-child(1),
  .menu-top li:nth-child(2),
  .menu-top li:nth-child(4) {
    display: none;
  }
  .pannier {
    margin-right: 0;
    margin-top: 5px;
  }
  .btn.call {
    display: none;
  }
  .call__item {
    display: block;
    width: 25px;
    margin-right: 40px;
  }
  .favorites {
    width: 17px;
  }
}

@media (max-width: 1023px) {
  .footer__menu {
    padding-left: 68px;
    padding-right: 62px;
    padding-top: 5px;
    padding-bottom: 8px;
    height: 130px;
  }
  .footer {
    height: 168px;
    margin-top: 75px;
  }
  .footer:before {
    height: 168px;
  }
  .footer__copyright {
    padding-left: 65px;
    height: 40px;
  }
  .footer__logo-img {
    width: 67px;
    margin-top: 10px;
  }
  .footer__menu__center {
    width: 340px;
  }
  .footer__menu__center a {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .footer__menu__contacts {
    width: 140px;
  }
  .btn.call.request-offer {
    width: 140px;
    height: 37px;
    font-size: 12px;
    line-height: 12px;
    display: block;
  }
  .contacts {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .email {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .tel {
    font-size: 12px;
    line-height: 15px;
  }
  .adres {
    width: 100%;
    font-size: 10px;
  }
  .agreement {
    bottom: 3px;
    width: 180px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .copyright,
  .copyright a{
    font-size: 10px;
  }
  .social {
    margin-left: 34px;
    width: 130px;
  }
  .vk {
    width: 26px;
  }
  .fb {
    width: 17px;
  }
  .inst {
    width: 17px;
  }
  .y-tube {
    width: 14px;
  }
  div.portfolio {
    max-width: 740px !important;
    width: 740px !important;
  }
  .slider__modal {
    width: 660px;
  }
  .slider__modal .element_portfolio__photo {
    width: 390px;
  }
  .slider__modal .element_portfolio__flex {
    width: 660px;
  }
}

@media (max-width: 1023px) {
  .container {
    max-width: 565px;
    padding-top: 100px;
  }
  .breadcrumbs p {
    margin-bottom: 10px;
  }
  .catalog__item {
    width: 242px;
    height: 300px;
    margin-bottom: 50px; 
    margin-right: 12%;
  }

  .catalog__item:nth-child(3n) {
    margin-right: 12%;
  }
  .catalog__item:nth-child(2n) {
    margin-right: 0;
  }
  .background__title {
    padding-left: 100px;
    height: auto;
    margin-bottom: 30px;
    margin-left: -101px;
  }
  .background__title h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .catalog__item .h4__background {
    min-height: 42px;
  }
  .catalog__item h4 {
    font-size: 14px;
    line-height: 24px;
  }
  .sorting li {
    margin-left: 13px;
  }
  .seo-text h2 {
    font-size: 32px;
  }
  .seo-text p {
    margin-bottom: 15px;
  }
  .seo-text img {
    margin-bottom: 40px;
  }
  .seo-text {
    margin-top: 15px;
  }
}

@media (max-width: 1023px) {
  .sorting__container .sorting li {
    margin-left: 13px;
  }
  .sorting__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sorting__container .sorting {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .pagination {
    margin-top: 30px;
  }
  .pagination svg {
    width: 12px;
  }
  .modern-page-navigation a {
    font-size: 18px;
  }
  .modern-page-current {
    font-size: 20px;
  }
  .modern-page-navigation {
    width: 225px;
    margin-right: 0;
  }
  .container.container__max .catalog__container {
    margin-right: -15px;
  }
  .may_be_interested_slider.slick-initialized.slick-slider, .viewed_products_slider.slick-initialized.slick-slider {
    width: 100%;
    margin: auto;
  }
  .may_be_interested_slider .slick-slide.slick-active,
  .viewed_products_slider .slick-slide.slick-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .may_be_interested_slider .slick-next,
  .viewed_products_slider .slick-next {
    right: -25px !important;
  }
}

@media (max-width: 1023px) {
  .description__btn {
    position: relative;
    bottom: 0;
  }
  .constructor {
    margin-top: 60px;
    margin-left: -40px;
    margin-right: 40px;
  }
  .main-settings {
    margin-top: 0;
  }
  .constructor___menu .name-doors, .constructor___menu .code-doors {
    display: none;
  }
  .constructor___menu ul {
    height: auto;
    margin-bottom: 45px;
  }
  .constructor___menu {
    width: 40%;
  }
  .main-settings {
    padding-left: 0;
    padding-right: 20px;
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    margin-right: -100px;
  }
  .setting p {
    font-size: 12px;
  }
  .param-text p {
    font-size: 12px;
    line-height: 21px;
  }
  .param-text {
    width: 225px;
  }
  .param {
    padding-left: 10px;
  }
  .param-text .param-title {
    margin-left: 25px;
  }
  .param-title:before {
    width: 12px;
    left: -24px;
  }
  .pop-up {
    right: 0;
    top: 0;
    position: fixed;
    z-index: 9999999;
    width: 100vw;
    height: 100vh;
    animation: none;
  }

  .popClose {
    right: -768px;
  }
  .pop-up__title {
    font-size: 21px;
    margin-top: 33px;
    padding-bottom: 10px;
    width: 42%;
  }
  .pop-up__option {
    margin-bottom: 46px;
    width: 374px;
    min-height: 162px;
  }
  .options {
    height: 80vh;
    margin-top: 50px;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pop-up__image {
    width: 162px;
    height: 162px;
    border: 3px solid #3E438E;
    background-color: white;
  }
  .pop-up__text {
    -ms-flex-preferred-size: 53%;
    flex-basis: 53%;
  }
  .pop-up__text h4 {
    font-size: 18px;
    margin-bottom: 2px;
  }
  .pop-up__text p {
    font-size: 16px;
    line-height: 22px;
    color: #3E438E;
  }
  .pop-up .close {
    width: 42px;
    right: 50px;
    top: -5px;
  }
  .pop-up .close .cls-1 {
    fill: #242323;
  }
  .dop-options__param__text {
    margin-left: -25px;
  }
  .dop-options__param .param-text .param-title {
    margin-left: 25px;
  }
  .text-politic {
    width: 90%;
  }
  .radio__option {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .finishing-options .param-text__description {
    width: 295px;
  }
  .technical-information table {
    font-size: 9px;
  }
  .technical-information p {
    margin-bottom: 20px;
  }
  .main-settings.certificates.active-menu {
    margin-right: -80px;
  }
  .certificates-container {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    margin-bottom: 30px;
  }
  .dop-options_input p {
    margin-bottom: 10px;
  }
  .param-text__description p {
    width: 265px;
    line-height: 21px;
    font-size: 12px;
    margin-top: 10px;
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 3px;
  }
}

@media (max-width: 1023px) {
  .product-description {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
  }
  .code-doors p {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .slider {
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
    width: 220px;
    height: 320px;
    margin: auto;
    margin-bottom: 31px;
  }
  .slick-slide img {
    width: 220px;
    height: 321px;
  }
  .slick-next {
    right: -45px !important;
  }
  .quality__container .quality svg {
    width: 18px;
    margin-right: -5px;
  }
  .product-description__768 .basket__cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 110px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .availability {
    margin-bottom: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .info-right .base-configuration {
    margin-top: 0;
  }
  .description {
    width: 100%;
  }
  .base-configuration p.title {
    margin-bottom: 5px;
  }
  .icons {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .description__icons {
    margin-right: 10px;
  }
  .description__btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .description__btn .price {
    font-size: 17px;
  }
}

@media (max-width: 1023px) {

  .parametrs.klass_param {
    min-width: 307px;
    max-width: 307px;
  }
  .inform {
    width: 169px;
    top: -98px;
  }
  .applications {
    width: 130%;
    margin-left: -15%;
  }
  .full-note {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }
  .navigation__button .print {
    position: initial;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
  }
  .navigation__button .to-share {
    position: initial;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .navigation__button button.btn.call {
    display: block;
    position: absolute;
    bottom: -25px;
    left: 33%;
  }
  .navigation__button {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 1023px) {
  .projects__filter {
    margin-bottom: 24px;
    margin-left: -65px;
    margin-right: -60px;
  }
  .projects__container .timeline__cont {
    display: none;
  }
  .projects__container .projects__element__container {
    margin-left: 0;
  }
  .projects__container .projects__element__container .projects__element {
    margin-bottom: 60px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .projects__element__navigation button.btn.more {
    margin-left: -200px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .navigation__left {
    margin-right: -150px;
  }
  .city text {
    display: none;
  }
}

@media (max-width: 1023px) {
  .turnkey-solutions__container {
    margin-left: -60px;
    margin-right: -60px;
  }
  .turnkey-solutions__switch {
    margin-right: -60px;
  }
  .turnkey-solutions__switch p {
    font-size: 14px;
  }
  .turnkey-solutions__element .element_right {
    width: 315px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .turnkey-solutions__list .element_left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 1023px) {
  .card__slider__container .turnkey-solutions__navigation {
    margin-top: 10px;
  }
  .portfolio__objects {
    margin-top: 50px;
    margin-left: 0;
  }
  .background__title.background__title__min {
    padding-left: 101px;
  }
  .portfolio__objects__element {
    width: 630px;
    min-width: 630px;
  }
  .offer {
    margin-top: 73px;
    margin-bottom: 99px;
    padding-left: 101px;
    padding-right: 35px;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-left: -18%;
  }
  .turnkey-solutions-card__switch {
    top: 3px;
    right: -65px;
  }
  .doors__container__list {
    padding: 0;
    margin: 0;
    margin-right: -65px;
    margin-bottom: 15px;
  }
  .doors__container__list .name__doors {
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
  }
  .portfolio__objects__element .slider__photo .element__photo img {
    width: auto;
    height: 321px;
  }

  .portfolio__projects__elements a {
    margin-right: 1%;
  }

  .portfolio__projects__elements a:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  .seminars__top__text {
    width: 100%;
  }
  .seminars__bottom {
    margin-bottom: 100px;
  }
  .seminars__bottom h2 {
    margin-top: 80px;
    margin-bottom: 40px;
    margin-left: 0;
  }
  .seminars__bottom button.btn.more {
    margin-left: calc(100% - 133px);
  }
  .seminar {
    margin-right: 4px;
  }
  .seminars__container {
    margin-left: -75px;
    margin-right: -75px;
  }
}

@media (max-width: 1023px) {
  .news__big {
    width: 601px;
    height: 382px;
    margin-bottom: 52px;
  }
  .news__big .news-img {
    width: 300px;
  }
  .news__big .news-text-container {
    width: 301px;
    padding: 13px 12px 15px 15px;
  }
  .news__big p.date {
    margin-bottom: 13px;
  }
  .news__big p.news-descript {
    min-height: 225px;
  }
  .news__small {
    width: 600px;
    margin-bottom: 50px;
  }
  .news__small .news-img {
    width: 300px;
  }
  .news__small .news-text-container {
    width: 300px;
    padding: 16px 44px 22px 27px;
  }
  .news {
    margin-bottom: 50px;
  }
}

@media (max-width: 1023px) {
  .photo__element__768 {
    display: block;
    width: 371px;
    margin: auto;
    margin-bottom: 10px;
  }
  .photo__element__768 img {
    width: 100%;
  }
  .piece-of-news__container__photo {
    display: none;
  }
  .piece-of-news__container__text {
    width: 100%;
  }
  .piece-of-news__container__text .text__element {
    min-height: 100%;
  }
}

@media (max-width: 1023px) {
  .doors__img {
    height: 862px;
    background-size: cover;
    background-position-x: -800px;
    top: 70px;
  }
  .top_background {
    margin-top: 70px;
  }
  .about-us h2 {
    margin-left: 0;
    font-size: 18px;
    margin-bottom: 25px;
  }
  svg.maps__backgrpund {
    display: none;
  }
  .maps {
    margin-top: 0;
    margin-left: -20%;
    margin-right: -15%;
  }
  .customer__slider {
    margin-left: 0;
  }
  .customer__slider .slick-slide img {
    width: 153px;
    height: 211px;
  }
  .certificates__container {
    margin-left: 60px;
  }
  .certificate {
    width: 453px;
    margin-right: 0;
    margin-bottom: 86px;
  }
  .certificate h5 {
    font-size: 21px;
    margin-bottom: 19px;
  }
  .certificate img {
    height: auto;
    width: 314px;
  }
  .license {
    width: 100%;
    margin-bottom: 55px;
  }
  .license img {
    width: 314px;
    margin-left: calc(50% - 162px);
  }
  .license h5 {
    margin-top: 30px;
  }
  .vacancies__list {
    display: none;
  }
  .vacancies__container {
    margin-left: 0;
    margin-bottom: 93px;
    margin-right: 0;
  }
  .vacancies__blocks {
    width: 100%;
  }
  .vacancies__block {
    width: 100%;
    min-height: 46px;
    padding: 17px 55px 1px 20px;
    display: block !important;
    margin-bottom: 12px;
  }
  .vacancies__block button.btn.call {
    width: 155px;
    height: 35px;
    font-size: 9px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
  }
  .partners__blocks {
    margin-right: 0;
  }
  .partners__block {
    width: 183px;
    height: 144px;
  }
  .partners__block img {
    width: 183px;
    height: 144px;
  }
  .partners__block p {
    line-height: 28px;
  }
  .partners__block button.btn.more {
    width: 183px;
    height: 28px;
  }
  .partners__block button.btn.more .circle,
  .partners__block button.btn.more .circle__hover {
    left: -115px;
  }
}

@media (max-width: 1023px) {
  .partners__container .card__slider__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  ul.slick-dots li {
    margin-right: 75px;
  }
  .partners__slider-image {
    width: 100%;
    height: 374px;
    position: relative !important;
    right: 0;
    top: 0;
    margin-bottom: 22px !important;
  }
  .partners__slider-image img {
    width: auto;
    height: 374px;
    margin: auto;
  }
  .partners__slider-image .img__cont {
    position: relative;
  }
  .partners__slider-image button.btn.more {
    display: block;
    width: 200px;
    font-size: 12px;
    height: 52px;
    margin-left: calc(50% - 100px);
    position: absolute;
    top: 300px;
  }
  .partners__slider-image button.btn.more .circle, .partners__slider-image button.btn.more .circle__hover {
    left: -100px;
  }
  .partners__slider-text .txt__cont p {
    margin-bottom: 20px;
    width: 100%;
  }
  .partners__slider-text .txt__cont button.btn.more {
    display: none;
  }
  .partners__navigation {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
  }
  .partners__navigation .navigation__left {
    position: absolute;
    top: 300px;
    left: 22px;
  }
  .partners__navigation .navigation__right {
    position: absolute;
    top: 300px;
    right: 22px;
  }
}

@media (max-width: 1023px) {
  .communications__top {
    padding: 20px 101px 15px;
  }
  .communications__top .communications__top__text a, .communications__top .communications__top__text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 1px;
  }
  .communications__top .communications__top__text p.title {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .communications__top button.btn.more {
    margin-top: 3px;
  }
  .communications__bottom {
    min-height: 297px;
    bottom: -120px;
    padding: 29px 101px 37px 101px;
  }
  .communications__bottom .communications__bottom__left .communications__bottom__text {
    width: 252px;
  }
}

@media (max-width: 1023px) {
  .installation .partners__slider-image {
    position: absolute !important;
    width: 316px;
    top: 0;
    right: -65px;
    height: auto;
  }
  .installation .partners__slider-image img {
    width: 316px;
    height: auto;
    margin: auto;
  }
  .installation .partners__navigation .navigation__left,
  .installation .partners__navigation .navigation__right {
    position: initial;
  }
  .installation .partners__slider-text {
    width: 312px;
  }
  .installation .partners__slider-text .txt__cont button.btn.more {
    display: block;
  }
  .installation .partners__navigation {
    left: 190px;
    width: 120px;
    position: absolute;
    top: auto;
    bottom: 0;
  }
  .installation .partners__slider-text .txt__cont {
    padding-bottom: 40px;
  }
  .installation h2 {
    margin-top: 50px;
    margin-bottom: 28px;
    font-size: 11px;
  }
  .service {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .img__cont iframe {
    width: 100%;
    height: 237px;
  }
}

@media (max-width: 1023px) {
  .index__html {
    width: 100vw !important;
    overflow: auto;
    overflow-y: overlay;
  }
  .home__page {
    margin-left: 0;
    margin-top: 65px;
    overflow: -webkit-paged-x;
    overflow: -moz-hidden-unscrollable;
    display: block;
    max-height: none;
    height: 100%;
    width: 100%!important;
  }
  .index-slider {
    width: 101%;
    position: relative;
    margin-right: 0;
    display: block;
  }
  .text-slider {
    width: 100%;
    height: auto;
    position: relative !important;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .sorting {
    margin-bottom: 27px;
  }
  .text-slider .text-element {
    padding-top: 63px;
    padding-left: 101px;
    padding-right: 113px;
    padding-bottom: 10px;
    background-color: white;
  }
  .text-slider .text-element h2 {
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 47px;
  }
  .text-slider .text-element p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
    width: 520px;
  }
  .photo-slider {
    width: 100%;
    height: auto;
  }
  .photo-slider .slick-slide {
    margin-right: 0;
  }
  .photo-slider .slick-slide img {
    width: auto;
    height: 661px;
    margin: auto;
  }
  .text-slider .text-element .text-element__navigation {
    display: none;
  }
  .photo-slider .text-element__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 30px;
    width: 600px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 101px;
  }
  .photo-slider .text-element__navigation button.btn.more {
    width: 182px;
    height: 45px;
    font-size: 11px;
  }
  .photo-slider .text-element__navigation .index__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120px;
  }
  .photo-slider .text-element__navigation .index__navigation .navigation__left, .photo-slider .text-element__navigation .index__navigation .navigation__right {
    width: 40px;
  }
  .index-about-us {
    padding-left: 101px;
    padding-right: 100px;
    padding-top: 94px;
    width: 100%;
    margin-right: 0;
  }
  .index-about-us h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
  }
  .index-about-us p {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 40px;
  }
  .index-about-us button.btn.more {
    margin-left: 65%;
  }
  .index-about-us img {
    bottom: -25px;
  }
  .index-sales-geography {
    padding-top: 70px;
    margin-right: 0;
  }
  .index-sales-geography h2 {
    margin-left: 98px;
    font-size: 24px;
  }
  .index-sales-geography svg.maps {
    width: 100%;
    margin: 0;
  }
  .index-current-offers {
    padding-top: 72px;
    margin-right: 0;
  }
  .index-current-offers {
    padding-top: 72px;
    margin-right: 0;
    padding-left: 101px;
    padding-right: 101px;
  }
  .index-current-offers h2 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .index-current-offers img.current-offers__img {
    width: 113px;
    height: 24px;
    left: 479px;
  }
  .index-current-offers .catalog__container.catalog__active {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .index-current-offers a.catalog__item:nth-child(2n) {
    margin-top: 0;
    margin-right: 0;
  }
  .index-current-offers a.catalog__item {
    margin-bottom: 34px;
  }
  .index-catalog {
    margin-right: 0;
  }
  .index-catalog__left {
    width: 377px;
    margin-right: -50px;
    margin-left: 101px;
  }
  .index-catalog__left h2 {
    margin-bottom: 36px;
    margin-top: 64px;
    font-size: 24px;
    line-height: 47px;
  }
  .index-catalog__left p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 37px;
    width: 267px;
  }
  .index-catalog__right img.catalog_back {
    width: 263px;
    height: 419px;
    margin-left: 70px;
  }
  .index-catalog__right img.catalog_photo {
    width: 352px;
    height: 294px;
  }
  .index-advantages {
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .index-advantages__left {
    margin-right: 101px;
    margin-top: 68px;
    margin-left: 101px;
  }
  .index-advantages__left img {
    display: none;
  }
  .index-advantages__left h2 {
    font-size: 24px;
    line-height: 47px;
    width: 100%;
    margin-bottom: 23px;
    margin-top: 0;
  }
  .index-advantages__left p {
    width: 100%;
    margin-bottom: 0;
  }
  .index-advantages__right {
    width: 100%;
    margin-top: 30px;
    padding-right: 59px;
    padding-left: 103px;
  }
  .index-advantages__right .advantages__element.advantages__element_1 {
    width: 179px;
    margin-right: 30px;
  }
  .index-advantages__right .advantages__element.advantages__element_2 {
    width: 194px;
    margin-right: 12px;
  }
  .index-advantages__right .advantages__element.advantages__element_4 {
    width: 177px;
    margin-right: 29px;
  }
  .index-advantages__right .advantages__element.advantages__element_5 {
    width: 184px;
    margin-right: 25px;
  }
  .index-advantages__right .advantages__element {
    margin-bottom: 20px;
  }
  .index-articles {
    padding-top: 50px;
    margin-right: 70px;
    margin-left: 101px;
  }
  img.current-offers__img {
    display: none;
  }
  .index-articles h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .index-articles .all {
    font-size: 14px;
    margin-bottom: 34px;
  }
  .big {
    display: none;
  }
  .small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-articles__container .news__small .news-img {
    width: 126px;
  }
  .index-articles__container .news__small .news-text-container {
    width: 149px;
    padding: 5px 23px 0 20px;
  }
  .index-articles__container .news__small {
    width: 275px;
    height: 125px;
    margin-right: 35px;
  }
  .index-articles__container .news__small h4 {
    margin-bottom: 20px;
    font-size: 10px;
    line-height: 14px;
  }
  .index-articles__container .news__small p.date {
    margin-bottom: 20px;
  }
  .index-articles__container .news__element .detailed {
    font-size: 12px;
  }
  .call__href {
    display: none;
  }
  .index-clients {
    padding-top: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .index-clients__left img {
    display: none;
  }
  .index-clients__left {
    margin-right: 98px;
    margin-left: 101px;
  }
  .index-clients__left h2 {
    margin-top: 0;
    margin-bottom: 15px;
    width: 100%;
    font-size: 24px;
    line-height: 47px;
  }
  .index-clients__left .index-clients__line {
    width: 100%;
  }
  .index-clients__left p {
    margin-bottom: 50px;
    width: 100%;
  }
  .index-clients__right {
    margin-left: 101px;
    margin-right: 40px;
  }
  .big__element {
    width: 231px;
    height: 460px;
  }
  .index-clients__photo_big .text_block {
    padding-left: 19px;
    padding-right: 20px;
    padding-bottom: 44px;
    padding-top: 30px;
    width: 231px;
  }
  .index-clients__photo_big .text_block h3 {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .index-clients__photo_big .text_block p {
    font-size: 14px;
    line-height: 24px;
  }
  .index-clients__photo_small .small__element {
    margin-bottom: 16px;
    width: 185px;
    height: 102px;
  }
  .index-clients__photo_small {
    width: 410px;
    /*height: 480px;*/
    height: 100%;
    margin-right: 0;
  }
  .contents__index .footer {
    height: 168px;
    margin-top: 100px;
  }
  .contents__index .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents__index .footer__copyright {
    height: 40px;
    padding-left: 65px;
    position: inherit;
    background-color: #242323;
  }
  main.contents__index {
    max-height: none;
  }
  .contents__index .footer__copyright .copyright {
    color: white;
  }
  .contents__index .footer:before {
    content: "";
  }
  .contents__index .footer__copyright .vk1 {
    fill: white;
  }
  .contents__index .footer__copyright .fb1 {
    fill: white;
  }
  .contents__index .footer__copyright .inst1 {
    fill: white;
  }
  .contents__index .footer__copyright .inst circle {
    fill: black;
  }
  .contents__index .footer__copyright .y-tube1 {
    fill: white;
  }
  .index-backgr {
    top: 0;
    left: 0;
    background-size: 11756px 855px;
    width: 100vw;
  }
  main.contents__index {
    overflow: hidden;
  }
  .container__hor {
    width: 100vw;
  }
  .current-offers__catalog.catalog.catalog__active.catalog__container, .index-articles__container.news__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }


  /*правки 1023*/
  .footer__copyright2 {
    font-size: 10px;
    line-height: 12px;
    order: 1;
    text-align: center;
  }
  .social {
    margin-left: 0;
    order: 0;
  }
  .copyright {
    order: 2;
  }
  .footer__copyright {
    height: 130px;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
  .footer {
    height: 260px;
  }
  .contents__index .footer__copyright2 {
    color: #fff;
  }
  .contents__index .footer {
    height: 230px;
  }
  .contents__index .footer__copyright {
    height: 100px;
  }

  /**/
}

@media (max-width: 767px) {
  .horizontal {
    padding-left: 10px;
    padding-right: 10px;
    height: 65px;
  }
  .open_menu {
    width: 37px;
  }
  .header__logo__768 {
    width: 53px;
  }
  .header__logo__horizont {
    display: none;
  }
  ul.menu-top {
    display: none;
  }
  .call__item {
    display: block;
    width: 20px;
    margin-right: 27px;
  }
  .pannier .basket {
    margin-right: 27px;
  }
  .logo-text {
    margin-left: -40px;
  }
  .close {
    width: 22px;
    top: 11px;
    right: 15px;
  }
  .menu-left__top:before {
    width: 250px;
    left: 0;
  }
  .menu-left__bottom {
    margin-top: 35px;
  }
  .menu-left a {
    margin-bottom: 35px;
  }
  .vertical {
    padding-top: 0;
    padding-bottom: 70px;
  }
  .menu-left__container {
    width: calc(100% - 43px);
    margin-left: 43px;
  }
}

@media (max-width: 767px) {
  .footer {
    height: 250px;
    margin-top: 40px;
  }
  .footer:before {
    height: 250px;
  }
  .footer__copyright {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__menu {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 18px;
    height: 210px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .footer__logo-img {
    width: 155px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .footer__logo-img a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  img.footer__logo-img1 {
    width: 46px;
  }
  img.footer__logo-text {
    width: 92px;
    margin-left: 15px;
  }
  .footer__menu__center li {
    display: none;
  }
  li.agreement {
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .footer__menu__center {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .btn.call.request-offer {
    width: 133px;
    height: 33px;
    font-size: 12px;
    line-height: 13px;
    padding-top: 3px;
    display: block;
  }
  .footer__menu__contacts {
    width: 100%;
    margin-top: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .email {
    margin-bottom: 0;
  }
  .contacts {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .adres {
    text-align: center;
  }
  div.portfolio {
    width: 100% !important;
    height: 100% !important;
  }
  div.portfolio .slider__modal {
    width: 100%;
    height: 100%;
  }
  div.portfolio .slider__modal .element_portfolio__flex {
    min-width: 300px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div.portfolio .slider__modal .element_portfolio__photo {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }
  div.portfolio .slider__modal .element_portfolio__text {
    width: 100%;
    height: 100%;
  }
  div.portfolio .slider__modal__navigation {
    width: 90%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #offer .modal__container {
    width: 300px;
    margin: auto;
  }
  #offer .offer__container {
    display: block;
  }
  #offer textarea {
    height: 175px;
    width: 100%;
    margin-top: 15px;
  }
  #offer p {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 300px;
    padding-top: 75px;
  }
  .breadcrumbs p {
    margin-bottom: 20px;
  }
  .background__title {
    padding-left: 51px;
    height: 20px;
    margin-bottom: 20px;
    background: none;
    margin-left: 0;
  }
  .background__title h1 {
    font-size: 18px;
    line-height: 23px;
  }
  .sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    margin-bottom: 25px;
    padding-left: 50px;
    padding-right: 20px;
    background: -webkit-linear-gradient(183deg, #0D179C 0%, #1C94CB 100%);
    background: -o-linear-gradient(183deg, #0D179C 0%, #1C94CB 100%);
    background: linear-gradient(267deg, #0D179C 0%, #1C94CB 100%);
  }
  .sotring__item {
    color: white;
  }
  .sorting .item__active {
    color: #B2B2B2;
    display: block;
    margin-left: 35px;
    margin-bottom: -3px;
  }
  .sorting li {
    display: none;
  }
  .catalog__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .catalog__item {
    width: 197px;
    height: 244px;
    margin-bottom: 34px;
    margin-right: 0;
  }

  .catalog__item:nth-child(3n) {
    margin-right: 0;
  }

  .sorting__modal {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #fffedd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 33px;
    padding-bottom: 110px;
  }
  .sorting__modal .sotring__item {
    font-size: 24px;
    color: #242323;
    font-weight: 700;
  }
  .sorting__modal .cls-1 {
    fill: #B2B2B2;
  }
  .sorting__modal .close {
    width: 26px;
    top: 9px;
    right: 10px;
  }
  .sorting__modal ul {
    height: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sorting__modal li {
    color: #B2B2B2;
    border-bottom: 1px solid transparent;
  }
  .sorting__modal .item__active {
    color: #0D179C;
    border-bottom-color: black;
  }
  .seo-text h2 {
    font-size: 20px;
  }
  .seo-text p {
    font-size: 14px;
    line-height: 24px;
  }
  .seo-text img {
    height: 210px;
  }
  .seo-text h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
.parametrs.klass_param {
    min-width: 40%;
    max-width: 69%;
    width: 200px;
}

.dop-options__param__text {
    margin-left: 0;
}

.klass_param .dop-options__param__text {
  display: none;
}

  .sorting__container .sorting {
    width: 100%;
  }
  .subcatalog__items {
    margin-right: 0;
    margin-bottom: 45px;
  }
  .subcatalog__items:nth-child(3n) {
    margin-right: 0;
  }
  .subcatalog__item {
    width: 198px;
    height: 243px;
    margin-bottom: 6px;
  }
  .prices {
    width: 198px;
  }
  
  .coast a span{
  	font-size:10px
  }  
  
  .coast a{
  	line-height: 11px;
  }
  
  
  
  .description__btn .coast span{
      font-size: 9px; 
  }
  
  .subcatalog__item .h4__background {
   /* margin-top: 177px;*/
  }
  .subcatalog__items .quality__container {
    margin-bottom: 6px;
  }
  .container.container__max .catalog__container {
    margin-right: 0;
  }
  .pagination.pagination-bottom {
    margin-bottom: 50px;
  }
  .may_be_interested_slider.slick-initialized.slick-slider, .viewed_products_slider.slick-initialized.slick-slider {
    width: 80%;
    margin: auto;
    margin-left: 40px;
  }
  .may_be_interested_slider .slick-list,
  .viewed_products_slider .slick-list {
    width: 100%;
    margin: auto;
  }
  .may_be_interested_slider .subcatalog__items, .viewed_products_slider .subcatalog__items {
    width: 198px;
    margin: 0;
  }
  .may_be_interested_slider .slick-next, .viewed_products_slider .slick-next {
    right: -15px !important;
  }
  .may_be_interested .slick-prev, .viewed_products .slick-prev {
    left: -30px !important;
  }
  .popup__modal {
    width: 100%;
    padding-top: 43px !important;
    padding-bottom: 40px !important;
    padding-left: 12px !important;
    padding-right: 8px !important;
  }
  .popup__modal .modal__title {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  .popup__modal label {
    font-size: 14px;
  }
  .popup__modal .modal__container {
    width: 300px;
  }
  .popup__modal .input__cont {
    margin-bottom: 20px;
  }
  .popup__modal .fancybox-close-small {
    padding: 0 !important;
    width: 44px;
    height: 44px;
    right: 0 !important;
    top: 0 !important;
  }
  .popup__modal .fancybox-button svg path {
    fill: #393939;
  }
  .sorting .item__active a {
    color: #B2B2B2;
  }
}

@media (max-width: 767px) {
  .constructor {
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .constructor___menu {
    width: 100%;
  }
  .constructor___menu ul {
    height: 100%;
    margin-bottom: 45px;
    border-bottom: 1px solid #B2B2B2;
  }
  .constructor___menu .menu__li p {
    font-size: 14px;
    margin-left: -10px;
    opacity: 1;
    width: 170px;
  }
  .icons__constr {
    width: 18px;
    opacity: 1;
  }
  .menu__li .param-checkbox {
    width: 11px;
    height: 19px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  li.menu__li.actives .param-checkbox {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  li.menu__li {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    height: 37px;
    border-top: 1px solid #B2B2B2;
  }
  .constructor___menu .main-settings {
    display: block;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 100%;
    overflow: inherit;
    padding-right: 8px;
  }
  .param {
    padding-left: 0;
    margin-top: 20px;
  }
  .param:last-child {
    margin-bottom: 40px;
  }
  .param-text {
    width: 205px;
  }
  .param-text .param-title {
    margin-left: 0;
    color: #3A3939;
    opacity: 1;
  }
  .param-title:before {
    display: none;
  }
  .main-settings p {
    color: #3A3939;
    opacity: 1 !important;
    padding: 0;
    margin-left: 0 !important;
  }
  .param-image {
    width: 54px;
    height: 54px;
  min-width: 54px;
    margin-left: 0;
    margin-right: 0;
  }
  .setting p {
    display: none;
  }
  .dop-options__param .param-text {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
  }
  .dop-options_input__container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
  }
  .dop-options__param .param-image {
    margin-right: 0;
    margin-left: 58%;
  }
  .dop-options__param__text {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }
  .constructor___menu li .text-politic {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .finishing-options .param-text__description {
    width: 270px;
  }
  .finishing-options .param-text__description p {
    width: 50%;
  }
  .constructor___menu li:hover p {
    color: #3D3D3D;
  }
  .finishing-options__param-text__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
  }
  .finishing-options__param-text__description .param-image {
    margin: 0;
    margin-left: 15px;
  }
  .finishing-options .finishing-options__param-text__description .param-text__description p {
    width: 100%;
  }
  .finishing-options .finishing-options__param-text__description .param-text__description {
    width: 100%;
  }
  .finishing-options .dop-options__param__text {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }
  .finishing-options .radio__option .param-text__description {
    width: 165px;
    margin-left: 50px;
  }
  .finishing-options .radio__option .param-text__description p {
    width: 100%;
  }
  .radio__option .palette.check p {
    color: #B7B7B7;
    font-size: 10px;
  }
  .view-photo .more__hover {
    width: 98px;
    height: 28px;
  }
  .btn.more.view-photo {
    width: 98px;
  }
  .fittings-options .param-text {
    width: 75%;
  }
  .param.param-photo .parametrs {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
  }
  .constructor___menu .main-settings.technical-information p {
    color: #707070;
  }
  .technical-information table td {
    border: 1px solid;
    padding: 2px 5px;
  }
  .technical-information table {
    font-size: 7px;
  }
  .main-settings.certificates {
    margin-top: 30px;
    padding: 0;
  }
  .certificates-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 38px;
  }
  .constructor___menu .basket__cont {
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .pop-up__title {
    padding-bottom: 0;
    width: 70%;
    border: 0;
  }
  .pop-up .close .cls-1 {
    fill: #B2B2B2;
  }
  .pop-up .close {
    width: 26px;
    right: 10px;
    top: -25px;
  }
  .options {
    height: 85vh;
  }
  .pop-up__option {
    margin-bottom: 50px;
    width: 100%;
    min-height: 113px;
  }
  .pop-up__image {
    width: 113px;
    height: 113px;
  }
  .pop-up__text p {
    font-size: 12px;
    line-height: 16px;
  }
  .pop-up__text h4 {
    font-size: 16px;
    margin-bottom: 6px;
    text-align: center;
  }
  .fittings-options {
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .name-doors h1 {
    font-size: 14px;
  }
  .code-doors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .slider {
    -ms-flex-preferred-size: 198px;
    flex-basis: 198px;
    width: 198px;
    height: 235px;
    margin: auto;
    margin-bottom: 9px;
    margin-top: 23px;
  }
  .slick-slide img {
    width: 198px;
    height: 235px;
  }
  .quality__container .print svg {
    width: 25px;
    height: 25px;
  }
  .availability {
    margin-bottom: 0;
  }
  .quality__container {
    margin-bottom: 19px;
  }
  .btn.more.add {
    width: 98px;
    height: 30px;
    margin-right: 3px;
    padding-left: 12px;
    padding-top: 4px;
  }
  .btn.more.add .more__hover {
    width: 98px;
    height: 30px;
  }
  .btn.more.add span {
    font-size: 11px;
    
    
    font-size: 11px;
    line-height: 11px;
    padding-left: 9px;    
  }
  .btn.more.add svg {
    width: 12px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 6px;
  }
  .description__btn .prices {
    width: 198px;
    height: 30px;
  }
  .description__btn .price,
  .description__btn .coast {
    height: 31px;
  }
  .description__btn .price {
    font-size: 14px;
  }
  .btn.more.add .circle, .btn.more.add .circle__hover {
    left: -145px;
  }
  .description__btn {
    margin-bottom: 40px;
  }
  .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .base-configuration {
    padding-bottom: 14px;
    border-bottom: 1px solid #B2B2B2;
    margin-bottom: 8px;
  }
  .base-configuration .title {
    position: relative;
  }
  .base-configuration .title:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 33px;
    background-image: url("/local/templates/stavr/style/../images/arrowbottom.svg");
    background-size: 11px 19px;
    width: 11px;
    height: 19px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .icons2.slick-initialized.slick-slider img {
    width: 26px;
    height: 26px;
  }
  .icons2 .description__icons.slick-slide {
    margin-right: 0;
  }
  .icons2 .description__icons.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
  }
  .icons2 .description__icons.slick-slide img.active_element {
    position: absolute;
    top: -3px;
    opacity: 0;
  }
  .icons2 .description__icons.slick-slide img {
    opacity: 0.6;
  }
  .icons2 .slick-track .description__icons.slick-slide.slick-center img.active_element {
    opacity: 1;
  }
  .icons2.slick-initialized.slick-slider {
    width: 80%;
    margin: auto;
    height: 44px;
    margin-top: 22px;
  }
  .icons2 .slick-track {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .icons2 .slick-list.draggable {
    height: 100%;
  }
  .icons2 .slick-next {
    right: -25px !important;
  }
  .icons2 .slick-prev {
    left: -25px !important;
  }
  .description__text .description__icons__hover:first-child {
    display: block;
    text-align: center;
    width: 66%;
    margin: auto;
  }
  .description__text {
    font-size: 12px;
    line-height: 16px;
    margin-top: 9px;
    background: -webkit-linear-gradient(202deg, #f5d47b 0%, #fbfbfb 100%);
    background: -o-linear-gradient(202deg, #f5d47b 0%, #fbfbfb 100%);
    background: linear-gradient(248deg, #f5d47b 0%, #fbfbfb 100%);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 28px;
  }
  .navigation.navigation_to_catalog {
    position: relative;
    top: 0;
    right: 0;
    margin: auto;
    width: 198px;
  }
  .navigation_to_catalog .navigation__left, .navigation_to_catalog .navigation__right {
    width: 25px;
  }
  .back_to_subcatalog {
    width: 22px;
  }
  .product-description .basket__cont {
    width: 105px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .slick-prev:hover:before,
  .slick-next:hover:before {
    background-image: url(/local/templates/stavr/style/../images/arrow2.svg);
  }
  p.title.active:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media (max-width: 767px) {
  .inform.inform__top {
    position: initial;
    width: 100%;
  }
  .applications {
    width: 100%;
    margin-left: 0;
  }
  .inform p {
    margin-bottom: 6px;
    font-size: 14px;
  }
  .full-note {
    width: 110%;
    margin-left: -5%;
    margin-bottom: 15px;
    padding: 8px 25px;
  }
  svg.delete {
    width: 24px;
    position: initial;
  }
  .applications__table .title td {
    border: none;
  }
  .applications__table table {
    border: 1px solid #707070;
  }
  .applications__table .title .table__name {
    width: 50%;
  }
  .applications__table .title .table__delete {
    width: 25%;
  }
  .applications__table .title .table__number {
    width: 25%;
  }
  .applications__table .title td {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
  .applications__table tr td {
    width: 50%;
    text-align: center;
  }
  button.btn.call.completion {
    display: block;
    width: 100%;
    font-size: 12px;
    height: 35px;
    letter-spacing: 0.005em;
    margin-bottom: 28px;
  }
  .table__amount__container {
    width: 40%;
    margin: auto;
  }
  .applications__table__320 table td {
    font-size: 14px;
  }
  p.minus, p.plus {
    width: 10px;
    font-size: 24px;
    color: #707070;
    font-weight: 400;
  }
  .inform.inform__bottom {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
  }
  .navigation__button .print {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .navigation__button .to-share {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .navigation__button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .add__delivery, .add__installation {
    width: 33%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .add__delivery p, .add__installation p {
    line-height: 15px;
  }
  .add__installation {
    margin-left: 80px;
  }
  .navigation__button button.btn.call {
    position: initial;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 134px;
    height: 33px;
    font-size: 12px;
    padding-left: 6px;
    margin-left: 60px;
  }
  .fancybox-slide {
    padding: 0 !important;
  }
  div#completion {
    width: 100vw;
    height: 100vh;
    background-color: #fffedd;
    padding: 50px 50px 40px 60px;
  }
  p.pop_up_completion__title {
    font-weight: 800;
    font-size: 16px;
    line-height: 23px;
    text-shadow: 3px 4px rgba(114, 114, 114, 0.16);
    margin-bottom: 32px;
  }
  .pop_up_completion__param__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 15px;
    width: 70%;
  }
  .pop_up_completion__param__title p {
    font-weight: 800;
    text-align: center;
  }
  .pop_up_completion__param__title .icons__constr {
    position: absolute;
    left: -25px;
  }
  .pop_up_completion__param__descr p {
    font-size: 12px;
    line-height: 20px;
  }
  .pop_up_completion__param__descr {
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .pop_up_completion .close {
    width: 26px;
    height: 26px;
    top: 8px;
    right: 10px;
  }
  .pop_up_completion .close svg .cls-1 {
    fill: #B2B2B2;
  }
  .pop_up_completion button.fancybox-button.fancybox-close-small {
    opacity: 0;
    z-index: 9991;
  }
  .pop_up_completion .close svg {
    width: 26px;
    height: 26px;
  }
  .btn.call.pop_up_completion__param__close {
    display: block;
    width: 134px;
    height: 33px;
    margin: auto;
    margin-top: 36px;
    font-size: 12px;
    letter-spacing: 0.005em;
  }
}

@media (max-width: 767px) {
  .projects__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 35px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: -webkit-linear-gradient(183deg, #0D179C 0%, #1C94CB 100%);
    background: -o-linear-gradient(183deg, #0D179C 0%, #1C94CB 100%);
    background: linear-gradient(267deg, #0D179C 0%, #1C94CB 100%);
    margin-left: 0;
    margin-right: 0;
  }
  .projects__filter .close {
    display: block;
  }
  .projects__filter .close .cls-1 {
    fill: #B2B2B2;
  }
  .projects__filter .sotring__item {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    color: #242323;
    margin-top: -50px;
    margin-bottom: 50px;
    font-size: 23px;
    font-weight: 800;
  }
  .projects__filter .btn.call.projects__filter__btn {
    display: block;
    width: 134px;
    min-height: 33px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    letter-spacing: 0.005em;
  }
  .projects__filter span.check__title {
    margin-left: 10px;
    font-size: 12px;
    max-width: 150px;
  }
  .projects__filter .projects__filter__check {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fffedd;
    z-index: 9;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 70px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 20px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .projects__filter .param-checkbox {
    margin-right: 0;
    margin-bottom: 60px;
  }
  .projects__filter p {
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
  }
  .projects__container .projects__element__container .projects__element {
    margin-bottom: 30px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container h4 {
    font-size: 16px;
    line-height: 19px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .projects__element__navigation {
    margin-top: 10px;
    margin-bottom: 23px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .projects__container .projects__element__container .projects__element .projects__element__text__container .projects__element__navigation button.btn.more {
    margin-left: -20px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top {
    width: 250px;
    height: 137px;
    margin: auto;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top .slider__element {
    height: 137px;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top .slick-next {
    right: -30px !important;
  }
  .projects__container .projects__element__container .projects__element .projects__element__slider__top .slick-prev {
    left: -30px !important;
  }
}

@media (max-width: 767px) {
  .turnkey-solutions__switch {
    display: none;
  }
  .turnkey-solutions__container {
    margin-left: -3%;
    margin-right: 0;
    width: 100vw;
  }
  .turnkey-solutions__element .element_left h3 {
    padding-left: 10px;
    background: -webkit-gradient(linear, right top, left top, from(#FFCB21), color-stop(30%, #FDCC47), to(transparent));
    background: -webkit-linear-gradient(right, #FFCB21 0%, #FDCC47 30%, transparent 100%);
    background: -o-linear-gradient(right, #FFCB21 0%, #FDCC47 30%, transparent 100%);
    background: linear-gradient(to left, #FFCB21 0%, #FDCC47 30%, transparent 100%);
    color: #242323;
  }
  .turnkey-solutions__list .element_left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .turnkey-solutions__list h2.turnkey-solutions__title {
    font-size: 14px;
    margin-bottom: 17px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .icons__constr svg{
    width: inherit;
  }
  .card__slider__container .turnkey-solutions__slider-image {
    width: 250px;
    margin-bottom: 25px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .card__slider__container .turnkey-solutions__navigation {
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 85px;
  }
  .card__slider__container .turnkey-solutions__navigation .navigation__left,
  .card__slider__container .turnkey-solutions__navigation .navigation__right {
    width: 33px;
  }
  .card__slider__container .turnkey-solutions__slider-text .txt__cont p {
    font-size: 14px;
    line-height: 16px;
  }
  .background__title.background__title__min {
    padding-left: 0;
  }
  .portfolio__objects__element {
    width: 100%;
    min-width: 100%;
  }
  .portfolio__objects__element h4 {
    text-align: left;
  }
  .portfolio__objects__element .doors__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .portfolio__objects__element .slider__photo {
    max-width: 198px;
    height: 243px;
    margin: auto;
    margin-bottom: 10px;
  }
  .portfolio__objects__element .text__container .element__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .portfolio__objects__element .text__container .element__text .element__text__bottom {
    display: block;
    width: 200px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .portfolio__objects__element .text__container .element__text .basket__cont {
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 46px;
  }
  .portfolio__objects__element .text__container .element__text .prices {
    width: 200px;
    height: 30px;
  }
  .portfolio__objects__element .text__container .element__text h5 {
    width: 100%;
  }
  .portfolio__objects__element .portfolio__objects__navigation {
    width: 85px;
    bottom: auto;
    top: 253px;
    right: 165px;
    opacity: 1;
  }
  .portfolio__objects__element .portfolio__objects__navigation .navigation__left, .portfolio__objects__element .portfolio__objects__navigation .navigation__right {
    width: 33px;
  }
  .offer {
    margin-top: 35px;
    margin-bottom: 47px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: -3%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .offer h4 {
    font-size: 12px;
    line-height: 15px;
    margin-right: 0;
    margin-left: 5px;
  }
  .offer button.btn.more {
    font-size: 12px;
  }
  .portfolio__projects__elements {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .turnkey-solutions-card__switch {
    display: none;
  }
  .portfolio__objects__element .slider__photo .element__photo img {
    width: auto;
    height: 235px;
  }

  .portfolio__projects__elements a {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .seminars__top__photo {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    margin-bottom: 20px;
  }
  .seminars__top__photo img {
    height: 140px;
  }
  .seminars__top__text h2 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 17px;
  }
  .seminars__top__text p {
    margin-bottom: 15px;
  }
  .seminars__top__text button.btn.more {
    width: 132px;
    font-size: 12px;
    height: 33px;
  }
  .seminars__top__text button.btn.more .circle,
  .seminars__top__text button.btn.more .circle__hover {
    left: -145px;
  }
  .seminars__bottom h2 {
    margin-top: 50px;
    font-size: 16px;
  }
  .seminars__bottom button.btn.more {
    margin-left: calc(50% - 67px);
    width: 133px;
    height: 33px;
    font-size: 12px;
  }
  .seminars__bottom button.btn.more .circle,
  .seminars__bottom button.btn.more .circle__hover {
    left: -145px;
  }
  .seminars__container {
    margin-left: 0;
    margin-right: 0;
  }
  .seminar {
    width: 300px;
    height: 388px;
    margin-right: 0;
    margin-bottom: 27px;
    padding: 10px 25px 13px 25px;
  }
  .seminar h4 {
    font-size: 16px;
    width: 100%;
  }
  .seminar img {
    max-width: 250px;
    height: 137px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .news__element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .news__big {
    height: 600px;
    margin-bottom: 0;
  }
  .news__big .news-img {
    display: none;
  }
  .news__big .news-text-container {
    width: 100%;
    padding: 0;
    padding-top: 8px;
  }
  .news__big .news-text-container:before {
    width: 100%;
    height: 4px;
  }
  .news__big .news-text-container:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FFC421;
  }
  .news__big h4 {
    color: #575252;
  }
  .news__big p.news-descript {
    min-height: 170px;
  }
  .news__big .detailed {
    position: absolute;
    width: 140px;
    bottom: 15px;
    right: 5px;
  }
  .news__big .date {
    position: absolute;
    bottom: 15px;
    left: 0;
    margin-bottom: 0;
  }
  .news__container {
    margin-right: 0;
  }
  .news-img__320 {
    display: block;
    width: 100%;
    height: 260px;
    background-size: cover;
    margin-bottom: 23px;
  }
  .news__small {
    height: auto;
    position: relative;
    width: 300px;
  }
  .news__small:before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFC421;
  }
  .news__small .news-img {
    width: 100%;
    height: 204px;
  }
  .news__small .news-text-container {
    width: 100%;
    padding: 0;
    padding-top: 14px;
    min-height: 100px;
  }
  .news__small .news-text-container:before {
    width: 100%;
    height: 4px;
    bottom: 0;
    top: auto;
  }
  .news__small p.date {
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 0;
  }
  .news__small .detailed {
    position: absolute;
    width: 140px;
    bottom: 15px;
    right: 5px;
  }
  .news__small h4 {
    margin-bottom: 43px;
    color: #575252;
  }
  .news button.btn.more,
  .projects__element__container2 button.btn.more {
    width: 133px;
    height: 33px;
    margin-left: calc(50% - 67px);
    font-size: 12px;
  }
  .news button.btn.more .circle,
  .news button.btn.more .circle__hover,
  .projects__element__container2 button.btn.more .circle,
  .projects__element__container2 button.btn.more  .circle__hover{
    left: -145px;
  }
  .news__big p.date {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .menu-left__top ul {
    padding-top: 70px;
  }
  .photo__element__768 {
    display: block;
    width: 300px;
    margin: auto;
    margin-bottom: 20px;
  }
  .piece-of-news__container__text .text__element p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .piece-of-news__navigation {
    margin-bottom: 30px;
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .piece-of-news__navigation a:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .top_background {
    margin-top: 35px;
    margin-bottom: 67px;
  }
  .top_background p {
    line-height: 24px;
    margin-left: 0;
    width: 100%;
    font-size: 14px;
  }
  .doors__img {
    height: 625px;
    background-size: cover;
    background-position-x: -580px;
    top: 80px;
  }
  .maps {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  path#Union_20,
  path#Union_21 {
    display: none;
  }
  .about-us h2 {
    margin-left: 0;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 70px;
  }
  .customer__slider {
    margin-left: 50px;
    margin-right: 50px;
  }
  .customer__slider .reviews__element.slick-slide {
    margin-right: 0;
  }
  .customer__slider .reviews__element.slick-slide img {
    width: 198px;
    height: 274px;
  }
  .certificates__container {
    margin-left: 0;
  }
  .certificate {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .certificate h5 {
    font-size: 14px;
    margin-bottom: 9px;
  }
  .certificate img {
    width: 196px;
  }
  .license img {
    width: 196px;
    margin-left: calc(50% - 98px);
  }
  .vacancies__block {
    width: 100%;
    min-height: 46px;
    padding: 5px 0 1px 0;
    display: block !important;
    margin-bottom: -1px;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
  }
  .vacancies__block h5 {
    text-align: left;
    width: 80%;
  }
  .vacancies__block h5:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 33px;
    background-image: url(/local/templates/stavr/style/../images/arrowbottom.svg);
    background-size: 11px 19px;
    width: 11px;
    height: 19px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  .vacancies__block h5.active {
    color: #0D179C;
  }
  .vacancies__block h5.active:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .vacancies__block .vacancies__descript {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .vacancies__block .vacancies__descript p {
    width: 100%;
  }
  .vacancies__block .vacancies__descript p.title {
    width: 100%;
    font-size: 14px;
    text-align: center;
  }
  .partners__blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
  }
  .partners__block {
    width: 197px;
    height: 156px;
    margin-bottom: 7px;
  }
  .partners__block img {
    width: 197px;
    height: 156px;
  }
  .partners__block p {
    font-size: 16px;
  }
  .certificate:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .appendDots {
    display: none;
  }
  .partners__slider-image {
    height: 198px;
    margin-bottom: 15px !important;
  }
  .partners__slider-image .slick-slide img {
    width: auto;
    height: 198px;
  }
  .partners__slider-image button.btn.more {
    display: none;
  }
  .partners__navigation .navigation__left {
    top: 215px;
    left: 0;
    width: 33px;
  }
  .partners__navigation .navigation__right {
    top: 215px;
    right: 0;
    width: 33px;
  }
  .partners__slider-text .txt__cont {
    padding-bottom: 0;
    margin-right: 0;
  }
  .partners__slider-text .txt__cont button.btn.more {
    display: block;
    top: 2px;
    width: 133px;
    height: 33px;
    font-size: 12px;
    white-space: normal;
    padding-top: 4px;
    margin-left: calc(50% - 67px);
  }
  .partners__slider-text .txt__cont button.btn.more .circle,
  .partners__slider-text .txt__cont button.btn.more .circle__hover {
    left: -150px;
  }
  .partners__slider-text .txt__cont h4 {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .communications {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    margin-bottom: 50px;
  }
  div#map {
    height: 199px;
    width: 100%;
  }
  .communications__top {
    position: initial;
    padding: 0;
    background-color: transparent;
    margin-top: 16px;
  }
  .communications__top .communications__top__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 198px;
  }
  .communications__top .communications__top__text div {
    width: 198px;
    margin-bottom: 24px;
  }
  .communications__top button.btn.more {
    width: 133px;
    height: 33px;
  }
  .communications__top button.btn.more .circle__hover,
  .communications__top button.btn.more .circle {
    left: -150px;
  }
  .communications__bottom {
    position: initial;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 28px;
  }
  .communications__bottom .communications__bottom__left {
    width: 100%;
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .communications__bottom .communications__bottom__left:first-child .communications__bottom__text {
    margin-bottom: 27px;
  }
}

@media (max-width: 767px) {
  .installation .card__slider__container {
    padding-left: 0;
    padding-right: 0;
  }
  .installation .installation__title {
    margin-bottom: 300px;
  }
  .installation .partners__slider-image {
    position: absolute !important;
    width: 300px;
    top: 75px;
    right: calc(50% - 150px);
    height: 227px;
  }
  .installation .installation__title h1 {
    margin-left: 8px;
    font-size: 16px;
  }
  .installation .partners__slider-text .txt__cont button.btn.more {
    width: 133px;
    font-size: 12px;
    height: 33px;
    margin-left: 0;
    padding: 0;
    bottom: auto;
    top: 290px;
  }
  .installation .partners__navigation {
    left: auto;
    right: 0;
    width: 85px;
    position: absolute;
    top: 290px;
    bottom: auto;
  }
  .installation h2 {
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 11px;
    color: #0D179C;
  }
  .service svg {
    width: 45px;
    margin-right: 6px;
    float: left;
  }
  .service {
    display: block;
  }
  .service h5 {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 40px;
  }
  .service div {
    width: 100%;
  }
  .img__cont iframe {
    width: 100%;
    height: 198px;
  }
}

@media (max-width: 767px) {
  .text-slider .text-element {
    padding-top: 34px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  .text-slider .text-element h2 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 23px;
  }
  .text-slider .text-element p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    width: 100%;
    display: none;
  }
  .photo-slider .slick-slide img {
    width: auto;
    height: 257px;
    margin: auto;
  }
  .photo-slider .text-element__navigation {
    bottom: 0;
    width: 94%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
  }
  .photo-slider .text-element__navigation .index__navigation {
    width: 96px;
  }
  .photo-slider .text-element__navigation button.btn.more {
    width: 133px;
    height: 33px;
    font-size: 12px;
  }
  .photo-slider .text-element__navigation .index__navigation .navigation__left, .photo-slider .text-element__navigation .index__navigation .navigation__right {
    width: 33px;
  }
  .index-about-us {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
    width: 100%;
    margin-right: 0;
  }
  .index-about-us h2 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
  .index-about-us p {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 40px;
  }
  .index-about-us button.btn.more {
    margin-left: 0;
    width: 133px;
    height: 33px;
  }
  .index-about-us img {
    display: none;
  }
  .index-backgr {
    display: none;
  }
  .index-sales-geography {
    padding-top: 50px;
  }
  .index-sales-geography h2 {
    margin-left: 10px;
    font-size: 16px;
  }
  .index-current-offers {
    padding-top: 50px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .index-current-offers h2 {
    margin-bottom: 25px;
    font-size: 16px;
  }
  img.current-offers__img {
    display: none;
  }
  .index-current-offers a.catalog__item {
    margin-bottom: 25px;
    margin-right: 0;
  }
  .index-catalog__left {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
  .index-catalog__right {
    display: none;
  }
  .index-catalog__left .catalog_photo {
    display: block;
  }
  .index-catalog__left h2 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 23px;
  }
  .index-catalog__left .catalog_photo {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .index-catalog__left p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 18px;
    width: 100%;
  }
  .index-catalog__left button.btn.more {
    width: 147px;
    height: 33px;
    font-size: 12px;
    margin-left: calc(50% - 70px);
  }
  .index-advantages__left {
    margin-right: 10px;
    margin-top: 65px;
    margin-left: 10px;
  }
  .index-advantages__left h2 {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 23px;
    margin-top: 0;
  }
  .index-advantages__left p {
    font-size: 12px;
    line-height: 16px;
  }
  .index-advantages__right {
    width: 100%;
    margin-top: 23px;
    padding-right: 10px;
    padding-left: 25px;
  }
  .index-advantages__right .advantages__element.advantages__element_1,
  .index-advantages__right .advantages__element.advantages__element_2,
  .index-advantages__right .advantages__element.advantages__element_3,
  .index-advantages__right .advantages__element.advantages__element_4,
  .index-advantages__right .advantages__element.advantages__element_5,
  .index-advantages__right .advantages__element.advantages__element_6 {
    width: 100%;
    margin-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .index-advantages__right .advantages__element img {
    height: 70px;
    width: 70px;
    margin-right: 31px;
    margin-bottom: 0;
  }
  .index-advantages__right .advantages__element p {
    font-size: 12px;
    line-height: 16px;
  }
  .index-advantages__right .advantages__element {
    margin-bottom: 30px;
  }
  .index-articles {
    padding-top: 46px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
  }
  .index-articles h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .index-articles__container .news__small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 300px;
    height: 125px;
    margin-right: 0;
    margin-bottom: 54px;
  }
  .index-articles__container a:nth-child(2),
  .index-articles__container a:nth-child(3),
  .index-articles__container a:nth-child(4) {
    display: none;
  }
  .index-articles__container .news__small .news-img {
    width: 137px;
    height: 126px;
  }
  .index-articles__container .news__small .news-img__320 {
    display: none;
  }
  .index-articles__container .news__small .news-text-container:before,
  .index-articles__container .news__small:before {
    content: none;
  }
  .index-articles__container .news__small p.date {
    position: inherit;
  }
  .index-articles__container .news__small .detailed {
    position: initial;
    width: 100%;
    bottom: 0;
    right: 0;
  }
  .index-articles .all {
    font-size: 20px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .index-clients {
    padding-top: 55px;
  }
  .index-clients__left {
    margin-right: 10px;
    margin-left: 10px;
  }
  .index-clients__left .index-clients__line {
    display: none;
  }
  .index-clients__left p {
    display: none;
  }
  .index-clients__right {
    margin-left: 10px;
    margin-right: 10px;
  }
  .index-clients__photo_big {
    display: none;
  }
  .index-clients__photo_small .small__element {
    margin-bottom: 16px;
    width: 100%;
    height: auto;
  }
  /*правки 767*/
  .footer__copyright{
    justify-content: space-evenly;
  }
  .footer {
    height: 340px;
  }
  .contents__index .footer {
    height: 310px;
  }
  .contents__index .footer__copyright{
    padding-left: 10px;
  }
  /**/
}

@media (max-width: 1365px) and (min-width: 1024px) {
  .index-slider:before {
    content: '';
    width: 440px;
    height: 651px;
    position: absolute;
    left: 480px;
    z-index: 99999999999;
  }
}

.icons2 .slick-list.draggable {
    padding: 0!important;
}

.bx-ie .menu-left__container {
  margin-top: -70px;
  height: 450px;
}

.bx-ie .menu-left__container li {
  height: 35px;
}

.bx-ie .menu-left__container li a {
  height: 35px;
}

.bx-ie .index-catalog__right {
  display: block;
}

.bx-ie .catalog_photo {
  top: 16%;
}

.bx-ie .index-advantages__right .advantages__element p {
  width: 100%;
}

.bx-ie .quality {
  height: 80px;
}

.bx-ie .basket__cont {
  height: 80px;
}

.bx-ie .availability {
  height: 20px;
  margin-top: -55px;
}


.bx-ie .constructor___menu li {
  height: 30px;
}

.bx-ie .switch {
  height: 32px;
}

.bx-ie .maps {
  height: 800px;
}

.bx-ie .basket {
  height: 49px;
}

.moscow .maps__cls-10 {
    font-size: 16px;
}

.fancybox-toolbar {
    display: none;
}

@media screen and (max-width: 1700px) and (min-width:1500px){
  .doors__img {
    height: 770px;
  }
}
@media screen and (max-width: 1919px) and (min-width:1701px){
  .doors__img {
    height: 840px;
  }
}
@media  screen and (max-width: 767px){
  .index-slider .text-element *:not(h2){
    display: none!important;
  }
  .product-description .slick-prev, .product-description .slick-next{
    top: 30%;
  }
}

@media  screen and (max-width: 550px){
  .footer__copyright2 {
    color: white;
    width: 100%;
  }
}

@media  screen and (min-width: 1366px){
  .menu-left a{
    max-height: 45px;
  }
}










/* 21323
 */
 
 
 
 
  
 
 
 
 
/* End */


/* Start:/local/templates/stavr/style/slick.css?16401698731729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/stavr/style/slick-theme.css?16401698733149*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('/local/templates/stavr/style/./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/stavr/style/./fonts/slick.eot');
    src: url('/local/templates/stavr/style/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/stavr/style/./fonts/slick.woff') format('woff'), url('/local/templates/stavr/style/./fonts/slick.ttf') format('truetype'), url('/local/templates/stavr/style/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/stavr/style/fancybox.css?164016987313841*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/stavr/components/bitrix/menu/dop_menu_left/style.css?16457888696968*/
body #vertical-multilevel-menu{
	display:none; 
}


.str_men{
display:none;
}


@media (min-width: 1352px){

	body #vertical-multilevel-menu{

		display:block; 
	}

	ul#vertical-multilevel-menu, #vertical-multilevel-menu ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 214px;
		font-size:12px;
	}

	/*Submenu box*/
	#vertical-multilevel-menu li ul
	{
		position:absolute;
		/*top:-999em;*/
		top:auto;
		display:none;
		z-index:500;
		height:auto;
		border:1px solid #C1C1C1;
		border-bottom:none;
		width:200px;
	}
 
	/* Submenu Items */
	#vertical-multilevel-menu li a
	{
	
	display: block;
		text-decoration: none;
		color: #4F4F4F;

		background: #F5F5F5;
		border-bottom: 1px solid #C1C1C1;

		width: 247px;

		margin: 0;

	}

	/*Items selected*/
	#vertical-multilevel-menu li a.item-selected
	{
/* 		background-color: #D6D6D6; */
		
		
		color: #0D179C;
	}

	/*Items Hover */
	#vertical-multilevel-menu li a:hover
	{
	/* 	background-color: #D6D6D6; */
	}

	/*Rootmenu Items*/
	#vertical-multilevel-menu a.root-item
	{
		color:#242323;
		font-weight:bold;
		font-size:12px;
	
		font-weight: normal;
		font-size: 14px;	
	
		padding:5px 0 7px 15px;

		border:none;
		box-sizing:border-box;
		-moz-box-sizing:border-box;

	
		background: none;
	}

	/*Rootmenu Items hover*/
	#vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover
	{
	/* 	background:#61656A url(/local/templates/stavr/components/bitrix/menu/dop_menu_left/images/item_bg.gif) 0 -26px no-repeat; */

	color: #FFCB21;

	}


	/*Parent item*/
	#vertical-multilevel-menu a.parent
	{
		background: #F5F5F5 url(/local/templates/stavr/components/bitrix/menu/dop_menu_left/images/arrow.gif) center right no-repeat;
		padding-right:10px;
	}

	/*Denied items*/
	#vertical-multilevel-menu a.denied
	{
		background: #F5F5F5 url(/local/templates/stavr/components/bitrix/menu/dop_menu_left/images/lock.gif) center right no-repeat;
		color:#DDDDDD;
		padding-right:10px;
	}

	/* Holly Hack. IE Requirement \*/
	* html ul#vertical-multilevel-menu li { float: left; height: 1%; }
	* html ul#vertical-multilevel-menu li a { height: 1%; }
	/* End */


	/*Submenu margin*/
	#vertical-multilevel-menu li ul.root-item
	{
	/* 	margin:-29px 0 0 210px; */
		margin: -27px 0 0 134px;
	}

	#vertical-multilevel-menu li ul
	{
		margin:-27px 0 0 133px;
	}

	/*Submenu hide*/
	#vertical-multilevel-menu li:hover ul ul,
	#vertical-multilevel-menu li.jsvhover ul ul,
	#vertical-multilevel-menu li:hover ul ul ul,
	#vertical-multilevel-menu li.jsvhover ul ul ul
	{
		/*top:-999em;*/
		display:none;
	}

	/*Submenu show*/
	#vertical-multilevel-menu li:hover ul,
	#vertical-multilevel-menu li.jsvhover ul,
	#vertical-multilevel-menu li li:hover ul,
	#vertical-multilevel-menu li li.jsvhover ul,
	#vertical-multilevel-menu li li li:hover ul,
	#vertical-multilevel-menu li li li.jsvhover ul
	{

		display:block;
	}

	body #vertical-multilevel-menu {
		position: absolute;
		left: 200px;
		margin-top: -28px; 
		 background: #fff;
		 width: 135px;   
	transition: 0.3s;
  
	left: -100px;
	z-index: -11;
		height: auto;

	}

	.vertical-dis-hover #vertical-multilevel-menu,
	.vertical #vertical-multilevel-menu
	{
	/* display:none; */

	}
	.vertical .menu-left__top>ul>li:hover #vertical-multilevel-menu{
		left: 200px;
	 
	}

	ul#vertical-multilevel-menu:before{
		content: '';
		background: #fff;
		width: 135px;
		height: 100vh;
		position: fixed;
		top: 0;
		   box-shadow: 10px 0 5px rgb(0 0 0 / 16%);
	}


	ul#vertical-multilevel-menu  ul:before{
		content: '';
		background: #2ba3db;
		width: 300px;
		height: 100vh;
		position: fixed;
		top: 0;
			box-shadow: 10px 0 5px rgb(0 0 0 / 16%);
	}

	ul#vertical-multilevel-menu  ul {
		width: 300px;
		border: none;
		position: fixed;
		top: 10%;


	}

	ul#vertical-multilevel-menu>li{
	width: auto;

		z-index: 2;
	}
	ul#vertical-multilevel-menu>li>a{
	color:#242323;
	}
 
	#vertical-multilevel-menu li li{

		margin: 0;
		padding: 0;

		font-size: 11px;
		width: auto;
			padding: 2px 0px;
	}

	#vertical-multilevel-menu li li a{
		width: auto;
		border: none;
		background: none;
		line-height: 19px;
		font-size: 16px;
		color: #fff;
		padding: 0 10px;
	}

	#vertical-multilevel-menu li li a:hover{
	color: #FFCB21;
	}

	.vertical-hover .menu-left__container{
	width: 180px;
	}

	body .vertical.vertical-hover .menu-left>div>ul>li>a{
	width: 180px;
	}


	body #vertical-multilevel-menu>li:hover>a{
		color: #FFCB21;
	}

	body #vertical-multilevel-menu>li:hover>ul.root-item{
	/* margin-left: 134px; */
	display:block; 
	} 

}

body ul#vertical-multilevel-menu ul li a.parent {
	background: none;
}
body ul#vertical-multilevel-menu ul ul {
    margin-left: 290px;
}

body ul#vertical-multilevel-menu ul ul:before{
	background: #1a6dbc; 
}

body ul#vertical-multilevel-menu ul ul  li{}

 
@media (max-width: 1023px){
	.menu-left #vertical-multilevel-menu{
		margin-top: -20px;
		padding-left: 20px;
		margin-bottom: 20px;
		padding:0;
	}
	
	.menu-left #vertical-multilevel-menu a{
		color:#fff;
	}
	
	.menu-left #vertical-multilevel-menu ul{
		display:none;
		margin:0;
		padding:0;		
		margin-left:20px;
		margin-top: 10px;
	}
	.menu-left #vertical-multilevel-menu li,
	.menu-left #vertical-multilevel-menu li a
	{
		padding:0;
		margin:0;
	}
	
	
	
	.menu-left #vertical-multilevel-menu ul ul{
		
	}
	
	
	.menu-left #vertical-multilevel-menu li{
		padding: 5px 0;
	}
	
	
	.menu-left #vertical-multilevel-menu>li>a{
/* 		color: #ffcc20; */
		
		font-size: 20px;
	}
	
	/* 
.str_men{
    	display: inline-block;
    	float: left;
	}
	.str_men::before{
		content: " ";	
		display:block;
		
		content: '→';
		    
		font-family: 'slick';
		font-size: 20px;
		line-height: 1;
		opacity: .75;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;		    
	} 
	
 */
 .menu-left__top {
    min-width: 100%;
} 
 

	
	.menu-left span.str_men {
		display: block;
		background-image: url(/local/templates/stavr/components/bitrix/menu/dop_menu_left/images/arrow2-svg.png);
		width: 10px;
		height: 30px;
		right: 22px;
		left: unset;
		background-repeat: no-repeat;
		text-decoration: none;
		font-size: 0 !important;
		top: 2px;
		background-size: 32px;
		background-position: left center;
		z-index: 5;
    } 
	
 	li.active>a>.str_men{
		background-position: right center;
	    width: 20px; 	
	}	
	
	
	.menu-left li {
		position: relative;
	}
	
}


/* wewaraer */









/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */







/* wewaraer23231 */



/* wewaraer */









/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */







/* wewaraer23231 */








/* wewaraer */









/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */
/* wewaraer2 */







/* wewaraer23231 */



 
/* wewaraer23231 */



/* wewaraer23231 */






 
/* wewaraer23231 */



/* wewaraer23231 */




/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1642240090989*/
.bx_breadcrumbs{
    margin-bottom:15px;
    padding-top:0px
}
.bx_breadcrumbs ul{
    margin:0;
    padding:0
}
.bx_breadcrumbs ul li{
    display:inline-block;
    line-height:20px
}
.bx_breadcrumbs ul li a{
    display:block;
    padding:0 15px;
    background:url(/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/images/breadcrumbs_arrow.png) no-repeat center right;
    color:#555;
    text-decoration:none;
    font-size:11px;
    opacity:.5
}
.bx_breadcrumbs ul li:first-child a{padding-left:0}
.bx_breadcrumbs ul li:last-child  a{background:none}
.bx_breadcrumbs ul li a:hover{
    text-decoration:underline;
    line-height:20px;
    opacity:1
}
.bx_breadcrumbs ul li span{
    display:block;
    padding:0 15px;
    color:#aaa;
    text-decoration:none;
    font-size:11px
}
.bx_breadcrumbs,
.bx_breadcrumbs ul li{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/* End */


/* Start:/local/templates/stavr/template_styles.css?175767242610113*/
.sorting__container{
position: relative;
}

.sorter_list{
    position: absolute;
    margin-top: 26px;
        top: 0;
}
.sorter_list a{
    color: #B2B2B2;
    padding-left: 14px;

}
.sorter_list a:hover{
text-decoration:underline;
}


.sorter_list a.active{
color: #0D179C;
}




#after_add_basket .modal__title{
margin: 30px 0;
}



.delivery_page{
    overflow: hidden; 
}
.delivery_page .text{
    float: left;
    width: 50%;
}
.delivery_page .text p{
padding:5px 0 5px 0
}
.delivery_page .text ul{}
.delivery_page .text ul li{}
.delivery_page .img{
    float: left;
    width: 50%;
    text-align: center;
    padding-left: 50px;    
}
.delivery_page .img img{
	max-width: 500px;
	padding-top: 40px;
}


ul.list{
padding-top: 7px;
padding-bottom: 7px;
}
ul.list li{
	list-style: disc;
    list-style-position: inside;
}


.text_dostavki_detail{
padding-left:20px;
}


.after_add_basket_class.fancybox-is-open .fancybox-bg{
opacity: 0;
}


.after_add_basket_class.fancybox-is-open #after_add_basket{
	box-shadow: 0px 0 5px rgb(0 0 0 / 16%);
    background: linear-gradient(#63CEFF, #3192BF) !important;
    color: #fff;
    padding: 0px 40px !important;
    margin: 0;
    width: auto;
}



.after_add_basket_class.fancybox-is-open .popup__modal .fancybox-button svg path{
    fill: #3d3d3d;
}




/* 

.btn.more.added .more__hover{
background: #153fab !important;
}
.btn.more.added .circle{
background: #1c70bd !important
}
 */


.btn.more.added svg path{
fill: #fdcc3e;
}


.basket.added .a4,
.basket.added .b4 {
    fill: #fdcc3e;
}



.subcatalog__items{}
.subcatalog__items>a:before{} 
.subcatalog__items:hover:before{

}
.subcatalog__items:hover>a:before{

}

 	

.new_contact{
overflow: hidden;
}
.new_contact .text_adress{
    float: left;
    width: 25%;
}
.new_contact .text_adress .text_adress_block{
padding-bottom: 20px;
padding-right: 20px;
}
.new_contact .text_adress .text_adress_block span.zag{
    font-size: 20px;
    color: #0D179C;
    display:block;
    padding-bottom:10px
}
.new_contact .maps2{
	width: 75%;
    float: left;
}
.new_contact .btns{
	clear: left;
    float: left;
    width: 25%;
}

.new_contact .btns .btn1{}
.new_contact .btns .btn1 .btn.more{
    height: 46px;
    font-size: 14px;
    width: 210px;
    margin-top: 30px;
}
.new_contact .btns .btn2 .btn.call{
    height: 46px;
    font-size: 14px;
    width: 210px;
    margin-top: 30px;
    display: block;
}

.new_contact .instruction{
	width: 75%;
    float: left;
}

.new_contact .instruction p{}
.new_contact .instruction p.title{
    font-size: 20px;
    color: #0D179C;
    padding-bottom: 10px;
    padding-top: 20px;
}




.search_form{
    display: none;
    position: absolute;
    top: 1px;
    right: 1%;
    width: 82%;
    padding: 10px 20px;
    background: #fff;
/*     border: 3px solid #153fab; */
    z-index: 2;
} 


.search_form .search-input
{
	width: 75%;
    border: 1px solid #1c8ac7;
    padding: 0;
    margin: 0;
    height: 40px;
    display: block;
    float: left;
    padding-left: 10px;
}


.search_form .search-btn{
	width: 20%;
    height: 20px;
    background: #1d8ec9;
    color: #fff;
    cursor: pointer;
    float: right;
    height: 40px;
    font-size: 14px;
text-transform: uppercase;    
}


 
.ico_search_open{
/* 
	position: absolute;
    right: 3px;
    top: 10px;
 */

	margin-left: 35px;
	cursor: pointer;

}

.zakazat_plus_search{
    position: relative;
    padding-right: 50px;


}


.ico_search_open svg{
    height: 30px;
    width: 30px;
}

.ico_search_open svg path{

fill:#1542ac;

}



.links_to_podrazdelu{
	margin-top: 20px;
}

.links_to_podrazdelu .links_to_podrazdelu_el{
    border: 1px solid;
    padding: 7px 12px 7px 12px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}





.news__container.project__container_after{

}



.project__container_after{}
.project__container_after .news__element{
	width: 480px;
    margin-right: 30px;
    
    background: #c4c4c4;
    background: #eeeeee;
}

.project__container_after .news__element:hover .button__a{
	    fill: #242323;
}
.project__container_after .news__element:hover{

box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 30%);

}


.project__container_after .news__element:hover{

    color: #242323;    
    background-color: #fff;

}


.project__container_after .news__small h4{
	font-size: 15px;
    line-height: 19px;
}


.slick_nn_absol{
position: relative;
}

.slick_nn{
    position: absolute;
    right: 20px;
    bottom: 68px;
/*     background: #fff; */
    padding: 2px 8px;
    
        text-shadow: 1px 1px 2px #fff;
}

 

body .projects__container .slick-initialized.bottom-1 .slick-slide{
    margin-right: 5px;
    overflow: hidden;
}



.projects__element__slider__bottom>div>div>div.slider__element>img{
padding-right: 2px;
}



.TEXT_TO_TAB.main-settings.technical-information p,
.TEXT_TO_TAB.main-settings.technical-information{

    color: #111;
    margin-bottom: 10px; 

}




@media (min-width: 1919px){
	.subcatalog__items .prices{
		width: 340px;
	}

	.subcatalog__item {
		width: 340px;
	}

}


@media (max-width: 1919px){
	.project__container_after .news__small {
		width: 345px;
		margin-right: 20px;
	}

}



@media (min-width: 1520px){
	.horizontal .menu-top{
		width: 720px;
	}
	
	
	.project__container_after .news__small h4{
		    font-size: 17px;
    line-height: 21px;
	}
}


@media (max-width: 1366px){

	.new_contact .btns,
	.new_contact .text_adress{
		width:40%;
	}
	
	.new_contact .instruction,
	.new_contact .maps2{
		width:60%;
	}	

}

@media (max-width: 1024px){
	.new_contact .instruction,
	.new_contact .maps2,
	.new_contact .btns,
	.new_contact .text_adress{
		width:100%;
		float:unset;
	}
	
	
	.new_contact .btns{
	    text-align: center;
	}
	.new_contact .btns .btn2 .btn.call{
		margin: 30px auto 0;
	}
	
	
	.menu-left__bottom ul li a[href="tel:7(495)617-17-53"]{
		display:none;
	}
	
	.links_to_podrazdelu .links_to_podrazdelu_el{
		font-size: 10px;
		padding: 4px 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}	
	
	
	
	
	.hide_mob{
		display:none;
	}
	
	
	
	
	
	
	
}

@media (max-width: 770px){
	body .piece-of-news .news__container.project__container_after a{
		display:block
	}
	
	
	body .piece-of-news .news__container.project__container_after a .news__small .detailed,
	.news__container.project__container_after .news__small .detailed
	{
		right: unset;
	}
	
	.container.piece-of-news__cont .background__title{
		padding-left:0
	}
	
	.projects__filter .projects__filter__check{
		display:none
	}
	
	
	
	.favorites__container .tabs{
		margin-bottom:30px;
	}
	
}


@media (min-width: 1366px){


	.subcatalog__items{
    padding: 2%;
    margin-right: 6%;
	}
	
	.subcatalog__items:nth-child(3n-2) {
		margin-left: -2%;
	}
	

	.slider-for .slick-slide.slick-current.slick-active img{
	    object-fit: cover;
	}
	
	
	.product-description .slider-nav .slick-slide img{
		display: block;
		object-fit: cover;
		width: 56px;
		height: 80px;
	}


}
@media (max-width: 1366px){
	.delivery_page .img{}
	.delivery_page .img img{
		max-width: 100%;
	} 
	.search_form{
		width: 70%;
		width: 90%; 
	}	
}


@media (max-width: 1024px){
	.delivery_page .text,
	.delivery_page .img{
		float: unset;
		width: 100%;
		padding-left:0;
	}


	.product-description .slider ul.slick-dots li{
		    display: none;
	}

}

@media (max-width: 1022px){
	.sorter_list{   
		position: relative;
	    margin-top: 20px;
	}
	
	
	.ico_search_open {
		margin-left: 18px;
	}	
	
	.search_form{
	
		width: 70%;
	}
	
	.basket.items .item__number{
		font-size:12px;
	}
	.adres {
		font-size:12px;
	}
	
	.footer__copyright2{
		font-size:12px;
	}
	.copyright, .copyright a{
		font-size:12px;
	}
	
	.detail_project .el_project .el_project_in .proj_img{
		max-width: 100%;
	}
	
	
}

@media (max-width: 600px){
	.search_form{
	    left: 2%;
    	width: 96%;
	}
	
	
	
	.projects__element__text{
		position:relative
	}
	.slick_nn{
		
    	right: 30px;
    	top: 50px;
    	bottom: unset;
	}
}

@media (min-width: 1920px){
	body .vertical.vertical-hover .menu-left>div>ul>li>a {
		width:251px;
	}
	.vertical-hover .menu-left__container{
	 	width:251px;
	}
	.vertical .menu-left__top>ul>li:hover #vertical-multilevel-menu {
		left: 270px;
	}

	.btn.more.add {
		line-height: 32px;
	}


	.ico_search_open svg {
		height: 40px;
		width: 40px;
	}
	.ico_search_open {

		right: 0;
		top: 15px;
	}

	.search_form{

		
    top: 9px;
/*     right: 1%; */
/*     width: 82%; */
    height: 85px;		
		    padding-top: 22px;

	}
	
	
	.pannier {
		margin-right: -50px;
	} 	
	
	.slick_nn{
		bottom: 80px;
	}	
	
	
	
	.projects__element__slider .slick-track .slider__element>img{
		width: 100%;
/* 	    height: auto;	 */
	    object-fit: cover;
	}
	
	
	.projects__element__slider__bottom .slider__element img{
		max-width:100px;
	}
}

/***************Cookie**************/

#cookie-consent-banner {
    display: none;
    position: fixed;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 80%;
    background-color: rgba(241, 241, 241, 0.9);
    padding: 20px;
    text-align: center;
    z-index: 1000;
}

#cookie-consent-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    backdrop-filter: blur(5px);
}

#cookie-consent-banner p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #333;
}

#cookie-consent-banner a {
    color: #B30000;
    text-decoration: underline;
}

#cookie-consent-banner a:hover {
    color: #dc0000;
    text-decoration:none;
}

#accept-cookie {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #B30000;
    color: #fff;
    border: none;
    cursor: pointer;
}

#accept-cookie:hover {
    background-color: #dc0000;
}

@media (max-width: 768px) {
    #cookie-consent-banner {
        width: 90%;
        padding: 10px;
        font-size: 14px;
        bottom: 15%;
    }

    #accept-cookie {
        padding: 8px 16px;
    }
}







/* rwers
 */






  







/* rwers
 */






  







/* rwers
 */






  


/* End */
/* /local/templates/stavr/style/style.css?1646045148484163 */
/* /local/templates/stavr/style/slick.css?16401698731729 */
/* /local/templates/stavr/style/slick-theme.css?16401698733149 */
/* /local/templates/stavr/style/fancybox.css?164016987313841 */
/* /local/templates/stavr/components/bitrix/menu/dop_menu_left/style.css?16457888696968 */
/* /bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1642240090989 */
/* /local/templates/stavr/template_styles.css?175767242610113 */