/* Start:/local/templates/sever_stroi/css/fonts.min.css?17413397022426*/
@font-face{font-family:Gilroy;src:url(/local/templates/sever_stroi/css/Gilroy-Regular.woff2) format("woff2"),url(/local/templates/sever_stroi/css/Gilroy-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/local/templates/sever_stroi/css/Gilroy-Medium.woff2) format("woff2"),url(/local/templates/sever_stroi/css/Gilroy-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/local/templates/sever_stroi/css/Gilroy-SemiBold.woff2) format("woff2"),url(/local/templates/sever_stroi/css/Gilroy-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/local/templates/sever_stroi/css/Gilroy-Bold.woff2) format("woff2"),url(/local/templates/sever_stroi/css/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:700;font-display:swap}@font-face{font-family:Muller;src:url(/local/templates/sever_stroi/css/MullerUltraLight.woff2) format("woff2"),url(/local/templates/sever_stroi/css/MullerUltraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Muller;src:url(/local/templates/sever_stroi/css/MullerLight.woff2) format("woff2"),url(/local/templates/sever_stroi/css/MullerLight.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Muller;src:url(/local/templates/sever_stroi/css/MullerRegular.woff2) format("woff2"),url(/local/templates/sever_stroi/css/MullerRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}/*! 
------------------------------------------
FONT ICONS
To modify icons import "icons.svg" to https://fontello.com/ 
------------------------------------------
*/@font-face{font-family:icons;src:url(/local/templates/sever_stroi/css/icons.woff2) format("woff2"),url(/local/templates/sever_stroi/css/icons.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}.i::after,.i::before,[class*=" i-"]::before,[class^=i-]::before{margin-right:.5rem;font-family:icons;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-ruble:before{content:""}.i-close:before{content:""}.i-logo:before{content:""}.i-arrow:before{content:""}.i-download:before{content:""}.i-lock:before{content:""}.i-plus-1:before{content:""}.i-minus-1:before{content:""}.i-close-2:before{content:""}.i-benefit-1:before{content:""}.i-benefit-2:before{content:""}.i-benefit-3:before{content:""}.i-benefit-4:before{content:""}.i-search:before{content:""}.i-plus:before{content:""}.i-minus:before{content:""}.i-check:before{content:""}.i-phone:before{content:""}.i-caret:before{content:""}.i-filter:before{content:""}
/* End */


/* Start:/local/templates/sever_stroi/css/base.min.css?1757071017160479*/
/*! 
-------------------------------------------
BASE STYLES
-------------------------------------------
NOTE: PLEASE DO NOT edit "base.min.css",
      because your changes 100% will be lost!
      For custom styles use "custom.css" only
-------------------------------------------
*/ /*! 
------------------------------------------
RB Reset v4.3 (based on normalize)
------------------------------------------
*/
*,
:after,
:before {
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  width: 100%;
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
applet,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
dd,
details,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
input,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
section,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
[list]::-webkit-calendar-picker-indicator,
template {
  display: none;
}
a img,
abbr,
acronym,
body,
html,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}
dir,
menu,
ol,
ul {
  list-style: none;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
a,
a:active,
a:hover {
  outline: 0;
  border: 0;
}
:focus {
  outline: 0;
}
caption,
table th {
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td {
  vertical-align: top;
}
q:after,
q:before {
  content: "";
}
blockquote,
q {
  quotes: none;
}
hr {
  height: 0;
  box-sizing: content-box;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
sub,
sup {
  line-height: 0;
}
svg:not(:root) {
  overflow: hidden;
}
nav ol,
nav ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
summary {
  display: list-item;
  cursor: pointer;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}
img,
svg {
  vertical-align: middle;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}
::-webkit-color-swatch-wrapper,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
}
::file-selector-button {
  font: inherit;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
img {
  max-width: 100%;
}
body {
  overflow: hidden;
  overflow-y: auto;
  min-width: 320px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #fff;
}
select {
  word-wrap: normal;
}
progress {
  vertical-align: baseline;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="search"] {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::after,
  ::before,
  :focus,
  :hover {
    transition: none !important;
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
} /*! 
------------------------------------------
GRID
------------------------------------------
*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1430px;
  }
} /*! 
------------------------------------------
TYPOGRAPHY
------------------------------------------
*/ /*! root variables */
:root {
  --index: calc(1vw + 1vh);
  --body-text: #fff;
  --body-background: #073966;
  --font-main: Montserrat, sans-serif, sans-serif;
  --font-secondary: Montserrat, sans-serif, sans-serif;
  --font-icons: "icons";
  --color-main: #073966;
  --color-main-light: #083e70;
  --color-main-dark: #073661;
  --color-secondary: #b9e889;
  --color-secondary-light: #ecf9de;
  --color-secondary-dark: #a0e05e;
  --color-link: #073966;
  --color-black: #000;
  --color-success: #229d0e;
  --color-success-light: #93f483;
  --color-success-dark: #0e3f06;
  --color-warning: #b3ae11;
  --color-warning-light: #bcb712;
  --color-warning-dark: #565308;
  --color-error: #fc5454;
  --color-error-light: #fc5e5e;
  --color-error-dark: #b40303;
  --color-disabled: #f2f2f2;
  --color-disabled-light: white;
  --color-disabled-dark: #e5e5e5;
  --editor-margin: min(max(20px, 2vw), 2rem);
  --layer-bg: rgba(7, 57, 102, 0.5);
  --section-margin: 5rem;
  --section-padding: 5rem;
  --layout-gap: 1.25rem;
} /*! base */
body {
  font-family: var(--font-main);
  font-size: 100%;
  font-weight: 400;
  line-height: normal;
  text-rendering: optimizeSpeed;
  color: #fff;
  min-height: 100%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  background-color: var(--body-background);
}
.layout-wrapper {
  flex: 1 0 auto;
} /*! headings */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
  line-height: 110%;
  font-size: min(max(var(--min), var(--val)), var(--max));
  margin-bottom: var(--editor-margin);
  font-weight: 400;
}
.h1,
h1 {
  --min: 30px;
  --val: 4.375vw;
  --max: 70px;
}
.h2,
h2 {
  --min: 30px;
}
.h2,
.h3,
h2,
h3 {
  --min: 26px;
  --val: 3.125vw;
  --max: 50px;
}
.h3,
h3 {
  --min: 22px;
  --val: 2.5vw;
  --max: 40px;
}
.h4,
h4 {
  --min: 20px;
  --val: 1.875vw;
  --max: 30px;
}
.h5,
.h6,
h5,
h6 {
  --min: 18px;
  --val: 1.25vw;
  --max: 20px;
} /*! base tags style */
a {
  color: #fff;
  outline: 0 !important;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 0.3125rem auto -webkit-focus-ring-color;
  outline-offset: -0.125rem;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}
.b,
b,
strong {
  font-weight: 700;
}
p:not(:last-child) {
  margin-bottom: var(--editor-margin);
}
u {
  text-decoration: underline;
}
dfn,
em {
  font-style: italic;
}
del {
  text-decoration: line-through;
}
ins {
  background: var(--color-warning);
  color: var(--body-text);
  text-decoration: none;
}
big {
  font-size: 1.2em;
}
small {
  font-size: 0.8em;
}
abbr[title],
acronym {
  border-bottom: 1px dotted;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
mark {
  background: var(--color-warning);
  color: var(--body-text);
  font-style: italic;
  font-weight: 700;
}
q {
  quotes: none;
}
q:after,
q:before {
  content: "";
  content: none;
}
sub,
sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  display: block;
  block-size: 0.0625rem;
  border: 0;
  border-top: 0.0625rem dashed var(--color-disabled);
  margin-bottom: var(--editor-margin);
  padding: 0;
}
dl {
  margin: 0 0 var(--editor-margin) 0;
}
dl dt {
  font-weight: 700;
}
dd {
  margin: 0 0 0 var(--editor-margin);
}
img,
picture {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  display: inline-block;
} /*! editor content */
.editor {
  font-family: var(--font-secondary);
}
@media (max-width: 575.98px) {
  .editor {
    font-size: 14px;
    line-height: 150%;
  }
}
@media (min-width: 576px) {
  .editor {
    line-height: 187.5%;
  }
}
.editor a {
  color: var(--color-secondary);
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.editor .h1,
.editor .h2,
.editor .h3,
.editor .h4,
.editor .h5,
.editor .h6,
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
  margin-bottom: var(--editor-margin);
}
.editor ol,
.editor ul {
  padding: 10px 0;
  margin-bottom: var(--editor-margin);
  margin-left: 40px;
}
.editor ol li,
.editor ul li {
  position: relative;
}
.editor ol li:not(:last-child),
.editor ul li:not(:last-child) {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .editor ol li:not(:last-child),
  .editor ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.editor ol li::marker,
.editor ul li::marker {
  color: var(--color-secondary);
}
.editor ul {
  list-style-type: disc;
}
.editor ol {
  list-style-type: decimal;
}
.editor ol::marker {
  font-size: 80%;
}
.editor blockquote {
  display: block;
  position: relative;
  border-left: 5px solid var(--color-secondary);
  padding: 10px 10px 10px 25px;
  margin-bottom: var(--editor-margin);
}
.editor p:last-child {
  margin-bottom: 0;
}
.editor iframe {
  max-width: 100%;
  max-height: 100%;
}
.editor table {
  border: 0;
  margin-bottom: var(--editor-margin);
  width: 100%;
}
.editor table tr td,
.editor table tr th {
  transition: background 0.3s;
  border: 1px solid #81a3c2;
  padding: 0.8rem 1rem;
  vertical-align: middle;
  transition: all 0.3s;
}
.editor table tr th {
  background: #81a3c2;
  border-color: var(--color-main);
}
.editor table tr:hover td {
  background: #81a3c2;
  border-color: var(--color-main);
} /*! lists */
.editor .list-numbers {
  counter-reset: custom-counter;
  list-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.editor .list-numbers li {
  counter-increment: custom-counter;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 20px;
  position: relative;
}
.editor .list-numbers li:not(:last-child) {
  margin-bottom: 0;
}
.editor .list-numbers li::before {
  content: counter(custom-counter);
  position: absolute;
  font-size: 16px;
  left: -20px;
  top: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid var(--color-main);
  color: var(--color-main);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor .list-numbers--large {
  margin-left: 0;
}
.editor .list-numbers--large li {
  margin-left: 0;
  padding-left: 60px;
}
@media (min-width: 992px) {
  .editor .list-numbers--large li {
    padding-left: 90px;
  }
}
.editor .list-numbers--large li::before {
  height: 40px;
  width: 40px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .editor .list-numbers--large li::before {
    height: 60px;
    width: 60px;
  }
}
.editor .list-checks {
  list-style: none;
  margin-left: 0;
}
.editor .list-checks li {
  position: relative;
  padding-left: 36px;
}
.editor .list-checks li:not(:last-child) {
  margin-bottom: 20px;
}
.editor .list-checks li::before {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-icons);
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
} /*! tables */
.editor .table-secondary {
  width: 100%;
  margin-bottom: var(--editor-margin);
}
.editor .table-secondary tr th {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-secondary3);
}
.editor .table-secondary tr td,
.editor .table-secondary tr th {
  padding: 10px;
  border-bottom: 1px solid var(--color-secondary);
} /*! 
------------------------------------------
FORMS
------------------------------------------
*/ /*! placeholder (defaut) */
::-webkit-input-placeholder {
  color: #dbd5d5;
}
::-moz-placeholder {
  color: #dbd5d5;
}
:-ms-input-placeholder {
  color: #dbd5d5;
}
::-ms-input-placeholder {
  color: #dbd5d5;
}
::placeholder {
  color: #dbd5d5;
}
[disabled]::-webkit-input-placeholder {
  color: var(--color-disabled-dark);
}
[disabled]::-moz-placeholder {
  color: var(--color-disabled-dark);
}
[disabled]:-ms-input-placeholder {
  color: var(--color-disabled-dark);
}
[disabled]::-ms-input-placeholder {
  color: var(--color-disabled-dark);
}
[disabled]::placeholder {
  color: var(--color-disabled-dark);
} /*! default inputs */
.btn,
.input {
  font-family: var(--font-secondary2);
  margin: 0;
  transition: all 0.25s;
  font-size: inherit;
  color: #fff;
  padding: 0 20px;
  height: 44px;
  border: 0;
  font-weight: 400;
  box-sizing: border-box;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .btn,
  .input {
    height: 54px;
  }
}
.btn.is-disabled,
.btn[disabled],
.input.is-disabled,
.input[disabled] {
  text-shadow: none !important;
  box-shadow: none !important;
  background-color: var(--color-disabled) !important;
  color: #383b46 !important;
  box-shadow: none !important;
  border-color: var(--color-disabled) !important;
  cursor: default !important;
}
.input {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #eae5eb;
  transition: all 0.3s ease;
  -moz-text-align-last: left;
  text-align-last: left;
  -webkit-appearance: none;
}
.input:active,
.input:focus,
.input:hover {
  border-color: var(--color-secondary);
}
.input--outline {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}
textarea.input {
  box-sizing: border-box;
  resize: vertical;
  overflow-y: auto;
  transition: all 0.3s, height 0s;
  height: 50px;
  padding-top: 12px !important;
  padding-bottom: 6px !important;
  min-height: 50px;
  max-height: 300px;
}
select.input {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  cursor: pointer;
  padding-right: 3.4375rem;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) center, calc(100% - 15px) center,
    calc(100% - 2.5em) center;
  background-size: 5px 5px, 5px 5px, 1px 70%;
  background-repeat: no-repeat;
}
select.input.input--selectbox-lined {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
  padding-right: 24px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  background-position: calc(100% - 5px) center, 100% center;
}
.btn {
  align-items: center;
  width: auto;
  justify-content: center;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  padding: 0 15px;
  width: auto;
  color: #000;
  border: 0;
  z-index: 0;
  background: var(--color-secondary);
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  overflow: hidden;
  transition: background 0.3s, color 0.6s, border 0.3s, letter-spacing 1s;
  position: relative;
}
@media (min-width: 1200px) {
  .btn {
    min-width: 180px;
    min-width: 210px;
  }
}
.btn::before {
  content: "";
  position: absolute;
  background: var(--color-secondary);
  left: -20%;
  top: -250%;
  width: 140%;
  height: 600%;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: 0.6s ease-in-out, -webkit-transform 0.6s step-end;
  transition: 0.6s ease-in-out, transform 0.6s step-end;
  transition: 0.6s ease-in-out, transform 0.6s step-end,
    -webkit-transform 0.6s step-end;
  z-index: -2;
}
.btn i {
  font-size: 18px;
  font-weight: 400;
}
.btn:hover {
  text-decoration: none;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  .btn:hover {
    letter-spacing: 0.09rem;
  }
}
.btn:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: 0.6s cubic-bezier(0.28, 0.22, 0.12, 1);
  background: #0c162c;
}
.btn:active {
  box-shadow: inset 0 0.375rem 1.25rem rgba(0, 0, 0, 0.1);
}
.ns,
.ns:active,
.ns:focus,
.ns:hover {
  text-shadow: none;
  text-transform: none;
  border-radius: 0;
  height: auto;
  block-size: auto;
  background: 0 0;
  line-height: unset;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.btn {
  min-width: auto;
}
@media (min-width: 1200px) {
  .btn {
    width: auto;
    min-width: 280px;
  }
}
.btn .btn__loading,
.btn .btn__text {
  opacity: 1;
  transition: opacity 0.3s;
}
.btn .btn__loading {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
@media (min-width: 1200px) {
  .btn--minwidth {
    min-width: 345px;
  }
}
.btn--link {
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: var(--body-text);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.btn--link:hover {
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
}
.btn--secondary {
  color: #fff;
  background: var(--color-main);
}
.btn--secondary:hover {
  background: #0c162c;
}
.btn--secondary::before {
  background: var(--color-main);
}
.btn--secondary:hover {
  background: 0 0;
}
.btn--outline,
.btn--outline-secondary {
  border: 1px solid #fff;
  color: #fff;
  background: inherit;
}
.btn--outline-secondary::before,
.btn--outline::before {
  background: rgba(0, 0, 0, 0);
}
.btn--outline-secondary:hover,
.btn--outline:hover {
  border: 1px solid var(--color-secondary);
  color: var(--color-main);
}
.btn--outline-secondary:hover::before,
.btn--outline:hover::before {
  background: var(--color-secondary);
}
.btn--outline-light,
.btn--outline-secondary-light {
  border-color: #fff;
  color: #fff;
}
.btn--outline-secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.btn--outline-secondary::before {
  background: rgba(0, 0, 0, 0);
}
.btn--outline-secondary:hover {
  background: rgba(0, 0, 0, 0);
  color: var(--color-main);
}
.btn--outline-secondary:hover::before {
  background: var(--color-secondary);
}
.btn--ico::after,
.btn--ico::before {
  font-family: var(--font-icons);
  font-size: 144%;
}
.btn--ico::after {
  margin-left: 10px;
}
.btn--ico::before {
  margin-right: 10px;
}
.btn--ico-filter::before {
  content: "";
}
.btn.is-loading .btn__text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.btn.is-loading .btn__loading {
  width: 30px;
  height: 20px;
  position: relative;
  opacity: 1;
  visibility: visible;
}
.btn.is-loading .btn__loading span {
  margin: 1.5px;
  width: 2px;
  height: 8px;
  display: inline-block;
  background-color: #383b46;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-name: loading;
  animation-name: loading;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.btn.is-loading .btn__loading span:nth-child(2) {
  -webkit-animation-delay: 0.1875s;
  animation-delay: 0.1875s;
}
.btn.is-loading .btn__loading span:nth-child(3) {
  -webkit-animation-delay: 0.375s;
  animation-delay: 0.375s;
}
.btn.is-loading .btn__loading span:nth-child(4) {
  -webkit-animation-delay: 0.475s;
  animation-delay: 0.475s;
}
.btn--dark.btn--outline {
  border-color: #000;
  color: #000;
}
.btn--dark.btn--outline:hover {
  color: #fff;
}
.btn--dark.btn--outline:hover::before {
  background: var(--color-main);
}
.btn--error {
  background: var(--color-error);
}
.btn--error:hover {
  background: var(--color-error-dark);
}
.btn--success {
  background: var(--color-success);
}
.btn--success:hover {
  background: var(--color-success-dark);
}
.btn--warning {
  background: var(--color-warning);
}
.btn--warning:hover {
  background: var(--color-warning-dark);
}
.btn--disabled {
  background: var(--color-disabled);
}
.btn--disabled:hover {
  background: var(--color-disabled-dark);
}
.c_input {
  display: flex;
  align-items: center;
}
.c_input:focus-within {
  color: var(---color-success);
}
.c_input .c_input__label {
  cursor: pointer;
  padding-left: 10px;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s;
  line-height: 90%;
}
.c_input .c_input__control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  font: inherit;
  color: var(--body-text);
  width: 20px;
  height: 20px;
  min-width: 20px;
  transition: all 0.3s;
  border: 1px solid #fff;
  display: -ms-grid;
  display: grid;
  cursor: pointer;
  place-content: center;
}
.c_input .c_input__control::before {
  content: "";
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c_input .c_input__control.is-selected::before,
.c_input .c_input__control:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.c_input .c_input__control.is-selected::before,
.c_input .c_input__control:checked::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.c_input:hover .c_input__control {
  border-color: var(--color-secondary);
}
.c_input:hover .c_input__label {
  color: var(--color-secondary);
}
.c_input:active,
.c_input:focus {
  border-color: var(--color-secondary);
}
.c_input--checkbox .c_input__control::before {
  color: #fff;
  font-family: var(--font-icons);
  content: "";
  font-size: 8px;
  opacity: 0;
  transition: all 0.3s;
}
.c_input--checkbox .c_input__control:checked {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.c_input--radiobox .c_input__control {
  width: 22px;
  height: 22px;
  border-width: 2px;
  border-color: var(--color-main);
  border-radius: 50%;
}
.c_input--radiobox .c_input__control::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: inset 1em 1em #fff;
}
.c_input--radiobox .c_input__control:checked {
  background: var(--color-main);
}
.c_input--checkbox-color .c_input__control {
  display: none;
}
.c_input--checkbox-color .c_input__control:checked ~ .link--color {
  border: 1px solid var(--color-main);
}
.c_input--checkbox-color .c_input__label {
  padding-top: 3px;
}
.c_input--checkbox-color:hover .link--color {
  border-color: #ccc;
}
.c_input--box .c_input__control {
  display: none;
}
.c_input--box .c_input__control:checked ~ .c_input__label {
  background: var(--color-main);
  border-color: var(--color-main);
  color: #fff;
}
.c_input--box .c_input__label {
  min-width: 40px;
  text-align: center;
  padding: 4px 10px;
  border: 1px solid #ccc;
  transition: all 0.3s;
}
.c_input--box .c_input__label:hover {
  border-color: var(--color-main);
}
.c_input--checkbox-slide .c_input__control {
  width: 34px;
  height: 20px;
  background: #ede8e6;
  border: 0;
  border-radius: 10px;
  padding: 3px;
  transition: all 0.3s;
  align-items: center;
  position: relative;
}
.c_input--checkbox-slide .c_input__control::before {
  opacity: 1;
  width: 14px;
  -webkit-transform: none;
  transform: none;
  height: 14px;
  background: #fff;
  border-radius: 100%;
  transition: all 0.5s;
  position: absolute;
  content: "";
  left: 3px;
  top: 3px;
}
.c_input--checkbox-slide:hover .c_input__control {
  background: #d6d2d1;
}
.c_input--checkbox-slide.is-selected .c_input__control {
  background: #5d6168;
}
.c_input--checkbox-slide.is-selected .c_input__control::before {
  left: auto;
  right: 3px;
}
.c_input--light .c_input__control {
  border-color: #000;
}
.c_input--light .c_input__label {
  font-size: 16px;
  color: #717171;
  font-weight: 300;
}
.c_input--light .c_input__label a {
  color: inherit;
}
.selectBox {
  z-index: 9;
  position: relative;
  border: 0;
  display: inline-block;
  transition: all 0.3s;
}
.selectBox .selectBox__name {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.selectBox .selectBox__name::after {
  transition: all 0.3s;
  font-family: var(--font-icons);
  content: "";
  font-size: 24px;
  position: absolute;
  right: 12px;
  z-index: 2;
}
.selectBox .selectBox__value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  font-size: 16px;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s;
  font-family: var(--font-secondary2);
  border: 1px solid #fff;
  height: 54px;
  padding: 14px 40px 14px 20px;
}
@media (min-width: 576px) {
  .selectBox .selectBox__value {
    min-width: 300px;
  }
}
.selectBox .checkOptions .checkOptions__item {
  padding: 10px 18px;
}
.selectBox
  .checkOptions
  .checkOptions__item
  .c_input--checkbox
  .c_input__label {
  cursor: pointer;
}
.selectBox
  .checkOptions
  .checkOptions__item
  .c_input--checkbox
  .c_input__control:checked {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}
.selectBox
  .checkOptions
  .checkOptions__item
  .c_input--checkbox
  .c_input__control:checked
  ~ .c_input__label {
  color: var(--color-secondary);
}
.selectBox .selectBox__dd {
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--color-main);
  transition: all 0.3s;
  min-width: 100%;
  font-size: 17px;
  margin-top: -1px;
  border: 1px solid #fff;
  padding: 15px 0;
}
.selectBox .selectBox__dd .selectBox__dd_inner {
  max-height: 290px;
  overflow: hidden;
  overflow-y: auto;
}
.selectBox .selectBox__dd .selectBox__dd_inner::-webkit-scrollbar {
  width: 6px;
}
.selectBox .selectBox__dd .selectBox__dd_inner::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.selectBox .selectBox__dd .selectBox__dd_inner::-webkit-scrollbar-thumb {
  background: silver;
  border-radius: 10px;
}
.selectBox .selectBox__dd .selectBox__dd_item {
  padding: 12px 18px;
}
.selectBox .selectBox__dd .selectBox__dd_item.is-selected,
.selectBox .selectBox__dd .selectBox__dd_item:hover {
  background: #fff9fd;
}
.selectBox .selectBox__dd .selectBox__link {
  text-decoration: none;
  color: inherit;
}
.selectBox--default .selectBox__dd .selectBox__dd_item {
  transition: all 0.3s;
}
.selectBox--default .selectBox__dd .selectBox__dd_item span {
  cursor: pointer;
}
.selectBox--right .selectBox__dd {
  left: 0;
}
.selectBox--left .selectBox__dd {
  right: 0;
}
.selectBox.is-open {
  z-index: 10;
}
.selectBox.is-open .selectBox__dd {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: 0.4s;
  visibility: visible;
  opacity: 1;
}
.selectBox.is-open .selectBox__name:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.selectBox--base {
  max-width: 15.625rem;
}
.selectBox--base .selectBox__option {
  transition: all 0.3s;
  padding: 0.375rem 1.25rem;
  cursor: pointer;
}
.selectBox--base .selectBox__option.is-selected,
.selectBox--base .selectBox__option:hover {
  background: #f6f6f6;
  color: #000;
}
.selectBox--base .selectBox__name {
  max-width: 12.5rem;
  padding: 0.875rem 2.5rem 0.875rem 1.25rem;
  border: 1px solid #c4c4c4;
}
.selectBox.is-counter .selectBox__counter {
  opacity: 1;
  margin-right: 5px;
  margin-left: 0;
}
.selectBox.is-open .selectBox__name::after,
.selectBox:hover .selectBox__name::after {
  color: #000;
}
.selectBox.is-open .selectBox__name .selectBox__value,
.selectBox:hover .selectBox__name .selectBox__value {
  background: var(--color-secondary);
  color: #000;
}
@media (max-width: 991.98px) {
  .selectBox--mobile-toggle .selectBox__dd {
    opacity: 1;
    visibility: visible;
    position: relative;
    display: none;
  }
  .selectBox--mobile-toggle.is-open .selectBox__dd {
    display: block;
  }
} /*! default forms */
.form .form__header {
  margin-bottom: 20px;
}
.form .form__header .form__header_title {
  font-weight: 300;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .form .form__header .form__header_title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .form .form__header .form__header_desc {
    font-size: 18px;
  }
}
.form .form__cols {
  display: flex;
  justify-content: space-between;
}
.form .form__cols .form__cols_item {
  flex: 0 0 45%;
}
.form .form__cols--submit {
  padding-top: 45px;
  align-items: center;
}
.form .form__group {
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 992px) {
  .form .form__group {
    margin-bottom: var(--layout-gap);
  }
}
.form .form__group .form__group_label {
  margin-bottom: 8px;
  display: block;
  color: gray;
}
.form .form__group .form__group_control .input {
  width: 100%;
}
.form .form__group .form__group_hints {
  text-align: left;
}
.form .form__group .hint__item {
  padding: 0.5rem 0 0 0;
  font-weight: 300;
  font-size: 12px;
  color: #c6c6c6;
}
.form .form__group .hint__item--error {
  -webkit-animation: fadeIn 0.7s;
  animation: fadeIn 0.7s;
  display: none;
}
.form .form__group--nomargin,
.form .form__group:last-child {
  margin-bottom: 0;
}
.form .form__group--file .form-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.form .form__group--file .form-label i {
  margin-right: 8px;
}
.form .form__group_cols {
  margin-bottom: var(--layout-gap);
}
@media (min-width: 576px) {
  .form .form__group_cols {
    margin: 0 -6px;
    margin-bottom: var(--layout-gap);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .form .form__group_cols .form__group {
    padding: 0 6px;
    margin-bottom: 0;
    flex: 1;
  }
}
.form .form__group_cols--agree {
  text-align: left;
  align-items: center;
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .form .form__group_cols--agree {
    padding-top: 30px;
  }
}
.form .form__group_cols--agree .form__group--button {
  order: 1;
}
.form .form__group_cols--agree .form__group--check {
  order: 2;
}
.form .form__group_cols--agree .form__group--check .c_input .c_input__control {
  width: 26px;
  height: 26px;
}
.form .form__group_cols--agree .form__group--check .c_input .c_input__label {
  font-size: 12px;
  font-weight: 400;
  color: gray;
}
.form .form__state--error,
.form .form__state--success {
  -webkit-animation: fadeInDown 0.3s;
  animation: fadeInDown 0.3s;
}
.form .form__state {
  display: none;
}
.form .form__state--default {
  display: block;
}
.form.is-form-success .form__state {
  display: none;
}
.form.is-form-success .form__state--success {
  display: block;
}
.form.is-form-error .form__state {
  display: none;
}
.form.is-form-error .form__state--error {
  display: block;
}
.form.is-form-success .form__state--default {
  display: none;
}
.form.is-form-success .form__state--success {
  display: block;
}
.form--outline .form__group {
  margin-bottom: 25px;
}
.form--outline .form__group .form__group_label {
  margin-bottom: 0;
}
.form--outline .form__group .form__group_control .input {
  height: 44px;
}
@media (min-width: 992px) {
  .form--outline .form__group .form__group_control .input {
    font-size: 20px;
  }
}
.is-active .input,
.is-active.input {
  border-color: var(--color-main);
}
.is-error .form__group_control--input,
.is-success .form__group_control--input {
  position: relative;
}
.is-error .form__group_control--input .input,
.is-success .form__group_control--input .input {
  padding-right: 24px !important;
}
.is-error .form__group_control--input select.input,
.is-success .form__group_control--input select.input {
  background: 0 0 !important;
}
.is-error .form__group_control--input::after,
.is-success .form__group_control--input::after {
  font-family: var(--font-icons);
  content: "";
  position: absolute;
  top: 50%;
  font-size: 20px;
  font-weight: 400;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fc5454;
  right: 0;
}
.is-error .input,
.is-error.input {
  border-color: #fc5454 !important;
}
.is-error .input::-webkit-input-placeholder,
.is-error.input::-webkit-input-placeholder {
  color: #fc5454 !important;
}
.is-error .input::-moz-placeholder,
.is-error.input::-moz-placeholder {
  color: #fc5454 !important;
}
.is-error .input:-ms-input-placeholder,
.is-error.input:-ms-input-placeholder {
  color: #fc5454 !important;
}
.is-error .input::-ms-input-placeholder,
.is-error.input::-ms-input-placeholder {
  color: #fc5454 !important;
}
.is-error .input::placeholder,
.is-error.input::placeholder {
  color: #fc5454 !important;
}
.is-error .c_input--check::before {
  color: #fc5454 !important;
}
.is-error .c_input__control {
  border-color: #fc5454 !important;
}
.is-error .c_input__control::before {
  color: #fc5454 !important;
}
.is-error .c_input--radio::before {
  box-shadow: inset 1em 1em #fc5454;
}
.is-error .form__group_label {
  color: #fc5454 !important;
}
.is-error .hint__item--default {
  color: #fc5454 !important;
}
.is-error .selectBox.is-not-selected .selectBox__value {
  border-color: #fc5454 !important;
  color: #fc5454 !important;
}
.is-error .selectBox.is-not-selected .selectBox__name::after {
  color: #fc5454 !important;
}
.is-error .hint__item--default {
  display: none;
}
.is-error .hint__item--error {
  color: #fc5454 !important;
  display: block !important;
}
.is-success .input,
.is-success.input {
  border-color: #229d0e !important;
}
.is-success .input::-webkit-input-placeholder,
.is-success.input::-webkit-input-placeholder {
  color: #229d0e !important;
}
.is-success .input::-moz-placeholder,
.is-success.input::-moz-placeholder {
  color: #229d0e !important;
}
.is-success .input:-ms-input-placeholder,
.is-success.input:-ms-input-placeholder {
  color: #229d0e !important;
}
.is-success .input::-ms-input-placeholder,
.is-success.input::-ms-input-placeholder {
  color: #229d0e !important;
}
.is-success .input::placeholder,
.is-success.input::placeholder {
  color: #229d0e !important;
}
.is-success .c_input--check::before {
  color: #229d0e !important;
}
.is-success .c_input__control {
  border-color: #229d0e !important;
}
.is-success .c_input__control::before {
  color: #229d0e !important;
}
.is-success .c_input--radio::before {
  box-shadow: inset 1em 1em #229d0e;
}
.is-success .form__group_label {
  color: #229d0e !important;
}
.is-success .hint__item--default {
  color: #229d0e !important;
}
.is-success .selectBox.is-not-selected .selectBox__value {
  border-color: #229d0e !important;
  color: #229d0e !important;
}
.is-success .selectBox.is-not-selected .selectBox__name::after {
  color: #229d0e !important;
}
.is-success .form__group_control--input::after {
  color: #229d0e;
  content: "";
}
.is-success .hint__item--default {
  display: block;
  color: #229d0e;
}
.is-disabled .input,
.is-disabled.input {
  border-color: #f2f2f2 !important;
}
.is-disabled .input::-webkit-input-placeholder,
.is-disabled.input::-webkit-input-placeholder {
  color: #f2f2f2 !important;
}
.is-disabled .input::-moz-placeholder,
.is-disabled.input::-moz-placeholder {
  color: #f2f2f2 !important;
}
.is-disabled .input:-ms-input-placeholder,
.is-disabled.input:-ms-input-placeholder {
  color: #f2f2f2 !important;
}
.is-disabled .input::-ms-input-placeholder,
.is-disabled.input::-ms-input-placeholder {
  color: #f2f2f2 !important;
}
.is-disabled .input::placeholder,
.is-disabled.input::placeholder {
  color: #f2f2f2 !important;
}
.is-disabled .c_input--check::before {
  color: #f2f2f2 !important;
}
.is-disabled .c_input__control {
  border-color: #f2f2f2 !important;
}
.is-disabled .c_input__control::before {
  color: #f2f2f2 !important;
}
.is-disabled .c_input--radio::before {
  box-shadow: inset 1em 1em #f2f2f2;
}
.is-disabled .form__group_label {
  color: #f2f2f2 !important;
}
.is-disabled .hint__item--default {
  color: #f2f2f2 !important;
}
.is-disabled .selectBox.is-not-selected .selectBox__value {
  border-color: #f2f2f2 !important;
  color: #f2f2f2 !important;
}
.is-disabled .selectBox.is-not-selected .selectBox__name::after {
  color: #f2f2f2 !important;
}
.is-disabled select.input {
  background: var(--color-disabled) !important;
}
.size--sm {
  font-size: 14px;
  height: 44px;
}
.size--md {
  height: 44px;
}
@media (min-width: 768px) {
  .size--md {
    font-size: inherit;
    height: 54px;
  }
}
@media (min-width: 1200px) {
  .size--lg {
    padding: 0 min(max(0.8rem, 1.25vw), 1.25rem);
    height: 70px;
  }
  .size--xl,
  .size--xxl {
    font-size: 20px;
    padding: 0 min(max(1.5rem, 2.2vw), 2.5rem);
    height: 80px;
  }
  .size--xxl {
    height: 90px;
  }
} /*!
------------------------------------------
HELPERS
------------------------------------------
*/ /*! lazysizes */ /*.lazyload,.lazyloading{opacity:0}*/
.lazyloaded {
  opacity: 1;
  transition: opacity 0.3s;
}
.lazyloading {
  max-width: 60px;
  max-height: 60px;
  display: inline-block;
  opacity: 1;
  transition: opacity 0.3s;
}
img.lazyload:not([src]) {
  visibility: hidden;
} /*! alert */
.alert {
  padding: 1.5625rem 2.1875rem;
  margin-bottom: var(--editor-margin);
  background-color: rgba(0, 0, 0, 0);
  text-transform: none;
}
.alert--empty {
  background-color: #81a3c2;
  color: var(--color-main);
}
.alert--error {
  background-color: var(--color-error-light);
  color: var(--color-error-dark);
}
.alert--warning {
  background-color: var(--color-warning-light);
  color: var(--color-warning-dark);
}
.alert--success {
  background-color: var(--color-success-light);
  color: var(--color-success-dark);
}
.alert--color-main {
  background-color: #073966;
  color: #fff;
}
.alert--color-secondary {
  background-color: #b9e889;
  color: var(--color-main);
}
.alert.alert--alt--empty {
  background-color: #fff;
  color: #7f7f7f;
  font-weight: 400;
}
.alert.alert--alt--error {
  background-color: #fc5454;
  color: #fff;
}
.alert.alert--alt--warning {
  background-color: #f1ed6c;
  color: #565308;
}
.alert.alert--alt--success {
  background-color: #c4f9bb;
  color: #229d0e;
}
.alert.alert--alt--color-main {
  background-color: #073966;
  color: #fff;
}
.alert.alert--alt--color-secondary {
  background-color: #b9e889;
}
.alert--center {
  text-align: center;
}
.alert a {
  color: inherit;
}
.object__class {
  background: linear-gradient(
    90deg,
    rgba(185, 232, 137, 0.8) 0,
    rgba(18, 219, 213, 0.8) 100%
  );
  color: #fff;
  padding: 4px 10px;
  font-size: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1440px) {
  .object__class {
    font-size: 16px;
    padding: 6px 12px;
  }
} /*! ratio blocks default  */
.ratio {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.ratio::before {
  display: block;
  content: "";
}
.ratio .ratio__item,
.ratio embed,
.ratio iframe,
.ratio object,
.ratio video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ratio .ratio__item--contain img,
.ratio .ratio__item--cover img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.ratio .ratio__item--cover img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ratio--21by9::before {
  padding-top: 42.857143%;
}
.ratio--16by9::before {
  padding-top: 56.25%;
}
.ratio--4by3::before {
  padding-top: 75%;
}
.ratio--1by1::before {
  padding-top: 100%;
}
.ratio--events::before {
  padding-top: 58%;
}
.ratio--object::before {
  padding-top: 58%;
}
.ratio--property {
  padding-top: 74%;
} /*! r_swiperGallery */
.r_swiperGallery {
  position: relative;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .r_swiperGallery::before {
    padding-top: 110%;
  }
}
.r_swiperGallery picture {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
}
.r_swiperGallery picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.r_swiperGallery .r_swiperGallery__pagination {
  transition: all 0.3s;
  z-index: 99;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  right: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: stretch;
  margin: 0 -5px;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .r_swiperGallery .r_swiperGallery__pagination {
    height: calc(100% + 10px);
    bottom: auto;
    top: 0;
  }
}
.r_swiperGallery .r_swiperGallery__pagination span {
  display: flex;
  align-items: flex-end;
  flex: 1;
  height: 100%;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0);
}
.r_swiperGallery .r_swiperGallery__pagination span::after {
  content: "";
  height: 2px;
  background: #6f91b0;
  transition: all 0.3s;
  width: 100%;
}
.r_swiperGallery
  .r_swiperGallery__pagination
  span.swiper-pagination-bullet-active::after {
  background: var(--color-secondary);
}
.msg--reserved {
  height: 25px;
  font-size: 10px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background: var(--color-secondary);
}
@media (min-width: 1200px) {
  .msg--reserved {
    min-height: 40px;
    font-size: 14px;
    padding: 5px 15px;
    min-width: 180px;
  }
}
.msg i {
  font-size: 10px;
  margin-right: 5px;
}
@media (min-width: 1200px) {
  .msg i {
    font-size: 18px;
    margin-right: 10px;
  }
}
.msg i::before {
  margin-right: 0;
} /*! default links */
.link {
  cursor: pointer;
  display: inline-flex;
  transition: all 0.3s;
}
.link:hover {
  color: var(--color-secondary);
}
.link--ico {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.link--ico::after,
.link--ico::before {
  font-family: var(--font-icons);
}
.link--ico::before {
  margin-right: 12px;
}
.link--ico::after {
  margin-left: 12px;
}
.link--filter::before {
  content: "";
}
.link--arrow-back,
.link--arrow-next {
  font-size: 14px;
}
.link--arrow-back::after,
.link--arrow-next::after {
  content: "";
  font-size: 40%;
  padding-top: 4px;
}
.link--arrow-back::after {
  content: unset;
}
.link--arrow-back::before {
  content: "";
  font-size: 60%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.link--close {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.link--close::before {
  content: "";
  font-size: 20px;
  margin-right: 0;
}
.link--clear {
  color: var(--color-secondary);
  text-decoration: none;
}
.link--clear:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.link--documents::before {
  content: "";
  font-size: 120%;
  margin-right: 20px;
}
.link--about {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
}
.link--about .link__ico {
  margin-right: 25px;
  position: relative;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  display: flex;
  transition: all 0.3s;
  align-items: center;
}
@media (min-width: 1440px) {
  .link--about .link__ico {
    width: 60px;
    height: 60px;
  }
}
.link--about .link__ico::before {
  font-family: var(--font-icons);
  content: "";
  font-size: 9px;
  margin-left: -10px;
  transition: all 0.3s;
}
@media (min-width: 1440px) {
  .link--about .link__ico::before {
    font-size: 12px;
    margin-left: -20px;
  }
}
.link--about .link__text {
  font-size: 16px;
}
@media (min-width: 1440px) {
  .link--about .link__text {
    font-size: 18px;
  }
}
.link--about:hover {
  color: var(--color-secondary);
}
.link--about:hover .link__ico {
  border-color: var(--color-secondary);
}
.link--about:hover .link__ico::before {
  margin-left: -10px;
}
.link--more {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.link--more:hover {
  text-decoration: none;
}
.r_video {
  height: 100vh;
}
.r_video video {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
} /*! default badges */
.badges {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  align-items: flex-start;
}
.badges .badges__item {
  flex: auto;
  display: inline-flex;
  background: #fff;
  color: #000;
  font-size: 12px;
  padding: 3px 10px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .badges .badges__item {
    font-size: 14px;
    padding: 5px 10px;
  }
}
@media (min-width: 1440px) {
  .badges .badges__item {
    padding: 8px 15px;
  }
}
.badges .badges__item:not(:first-child) {
  margin-top: 8px;
} /*! default prices */
.prices {
  display: flex;
}
.price {
  display: inline-flex;
  align-items: center;
  vertical-align: baseline;
  line-height: normal;
  font-size: 13px;
}
@media (min-width: 1200px) {
  .price {
    font-size: 16px;
  }
}
.price + .price {
  margin-left: 20px;
}
.price--default {
  font-weight: 600;
}
.price--old {
  text-decoration: line-through;
  color: var(--color-main);
}
.price--rub::before {
  font-family: var(--font-icons);
  content: "";
  margin-right: 10px;
} /*! default social */
.social {
  display: flex;
  flex-wrap: wrap;
}
.social .social__item:not(:first-child) {
  margin-left: 18px;
}
.social .social__item_link {
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s;
  color: var(--body-text);
  color: var(--color-secondary);
}
.social .social__item_link:hover {
  color: #fff;
  text-decoration: none !important;
}
.social .social__item_link::before {
  margin: 0;
} /*! carousels */
.r_carousel {
  position: relative;
}
.r_carousel,
.r_carousel .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.r_carousel .swiper-slide img,
.r_carousel img {
  width: 100%;
} /*! carousels */
.r_carousel {
  position: relative;
}
.r_carousel,
.r_carousel .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.r_carousel .swiper-slide img,
.r_carousel img {
  width: 100%;
} /*! default stars */
.rating__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.rating__wrap .rating {
  display: inline-flex;
  margin-right: 20px;
}
.rating__wrap .rating i {
  font-style: normal;
  margin-right: 4px;
  font-size: 20px;
}
.rating__wrap .rating i::before {
  font-family: var(--font-icons);
  content: "";
}
.rating__wrap .rating i.is-selected::before {
  color: #5d6168;
  content: "";
}
.rating__wrap .rating i:last-child {
  margin-right: 0;
}
.rating__wrap .rating__count {
  font-size: 14px;
} /*! default pagination */
.pagination__wrapper {
  text-align: center;
}
.pagination__wrapper .btn {
  width: 100%;
  max-width: 300px;
  margin-bottom: 20px;
}
.pagination {
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
@media (min-width: 576px) {
  .pagination {
    font-size: inherit;
  }
  .pagination.is-align-right {
    justify-content: flex-end;
  }
  .pagination.is-align-left {
    justify-content: flex-start;
  }
  .pagination.is-align-center {
    justify-content: center;
  }
}
.pagination .pagination__item {
  margin: 0 5px;
}
.pagination .pagination__item .pagination__item_link {
  color: #acacac;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.pagination .pagination__item .pagination__item_link.is-selected,
.pagination .pagination__item .pagination__item_link:hover {
  color: var(--body-text);
}
.pagination .pagination__item--next {
  margin-left: 6px;
}
.pagination .pagination__item--prev {
  margin-right: 6px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination .pagination__item--next .pagination__item_link,
.pagination .pagination__item--prev .pagination__item_link {
  font-size: 6px;
  border: 0;
}
.pagination .pagination__item--next .pagination__item_link::before,
.pagination .pagination__item--prev .pagination__item_link::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: var(--font-icons);
  content: "";
} /*! 
minigrid cols
NOTE: to activate full bootstrap grid change variable "$use-columns" to "true" in "__settings.scss".
*/
.r_cols {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  margin-bottom: var(--editor-margin);
}
@media (min-width: 1200px) {
  .r_cols--2 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .r_cols--3 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .r_cols--4 {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
} /*! sticky */
@media (min-width: 1200px) {
  .is-sticky {
    position: relative;
  }
  .is-sticky > * {
    position: sticky;
    position: -webkit-sticky;
    top: 74px;
  }
}
.ui-slider {
  background: #bdbdbd;
  height: 3px;
  width: 100%;
  position: relative;
}
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle:focus,
.ui-slider .ui-slider-handle:hover {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  outline: 0;
  display: block;
  position: absolute;
  top: -8px;
  margin-left: -6px;
  background: var(--color-main);
}
.ui-slider .ui-slider-handle:focus {
  outline: 0;
}
.ui-slider .ui-slider-range {
  position: absolute;
  top: 0;
  height: 2px;
  background: var(--color-main);
}
.ui-slider .ui-slider-range .ui-amount-left,
.ui-slider .ui-slider-range .ui-amount-right {
  text-align: center;
  bottom: -33px;
  position: absolute;
  z-index: 3;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  width: 56px;
}
.ui-slider .ui-slider-range .ui-amount-left {
  left: -28px;
}
.ui-slider .ui-slider-range .ui-amount-right {
  right: -28px;
}
.range {
  padding: 20px 12px 0 12px;
}
.range .range__slider {
  margin-bottom: 25px;
}
.range .range__value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -12px;
  font-size: 18px;
  font-size: 24px;
}
.range .range__value .price--default {
  font-weight: 400;
  font-size: inherit;
  font-size: inherit;
}
.js-morecrop p:not(:first-child) {
  display: none;
}
.js-morecrop.is-open p,
.js-morecrop[data-crop="2"] p:nth-child(-n + 2),
.js-morecrop[data-crop="3"] p:nth-child(-n + 3),
.js-morecrop[data-crop="4"] p:nth-child(-n + 4),
.js-morecrop[data-crop="5"] p:nth-child(-n + 5) {
  display: block;
}
.js-morecrop .link--more {
  margin-left: 8px;
  font-weight: 500;
  display: inline-block;
}
.js-morecrop.is-open .link--more {
  display: none;
}
.r_imageBg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.r_imageBg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.r_imageBg img:not(.lazyloading) {
  width: 100%;
  height: 100%;
  position: absolute;
}
.r_toolbox {
  width: 54px;
  height: 54px;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: var(--color-main);
  z-index: 900;
  cursor: pointer;
  transition: opacity 0.3s;
}
.r_toolbox::before {
  font-family: var(--font-icons);
  content: "";
  font-size: 26px;
}
.r_toolbox:hover {
  background: var(--body-text);
}
.is-custom-scrollbar {
  -webkit-overflow-scrolling: touch;
}
.is-custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.is-custom-scrollbar::-webkit-scrollbar-track {
  background: #eee;
}
.is-custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-main);
} /*! mb styles */
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 30px;
}
.mb-4 {
  margin-bottom: 40px;
} /*! font weight */
.fw-100 {
  font-weight: 100;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-900 {
  font-weight: 900;
} /*! font weight */
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-22 {
  font-size: 22px;
}
.fs-24 {
  font-size: 24px;
} /*! theme colors */
.color-main {
  color: var(--color-main);
}
.color-secondary {
  color: var(--color-secondary);
}
.color-success {
  color: var(--color-success);
}
.color-warning {
  color: var(--color-warning);
}
.color-error {
  color: var(--color-error);
}
.color-disabled {
  color: var(--color-disabled);
}
.text-sm {
  color: #8c8c8c;
  font-size: 14px;
}
.text-a-center {
  text-align: center;
}
.text-underline {
  text-decoration: underline;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-dashed {
  padding-left: 35px;
  position: relative;
}
.text-dashed::before {
  content: "";
  width: 20px;
  height: 1px;
  background: var(--body-text);
  position: absolute;
  left: 0;
  top: 50%;
}
.text-small {
  font-size: 0.75rem;
}
.font-default {
  font-family: var(--font-main);
}
.font-secondary {
  font-family: var(--font-secondary);
} /*! 
------------------------------------------
HEADER
------------------------------------------
*/
.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 902;
  color: var(--body-text);
  transition: all 0.25s;
  background: var(--color-main);
}
@media (max-width: 1199.98px) {
  .header {
    /*height:66px*/
  }
}
.header a {
  color: var(--body-text);
  text-decoration: none;
  transition: all 0.3s;
}
.header a.is-selected,
.header a:hover {
  color: var(--color-secondary);
}
.header .logo {
  transition: all 0.3s;
  line-height: 42px;
  font-size: 42px;
  color: #fff;
}
@media (min-width: 1440px) {
  .header .logo {
    font-size: 63px;
    line-height: 63px;
  }
}
.header .logo::before {
  font-family: var(--font-icons);
  content: url("/local/templates/sever_stroi/css/../assets/logoSSS-white.svg");
  display: block;
  height: 64px;
}
.header .logo:hover {
  color: var(--color-secondary);
}
.header .nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 14px;
}
@media (min-width: 1440px) {
  .header .nav {
    font-size: 16px;
  }
}
.header .nav .subnav {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  color: var(--color-main);
  transition-property: all;
  transition-duration: 0.85s, 0s;
  transition-delay: 0s, 0.85s;
  opacity: 0;
  visibility: hidden;
  max-height: calc(100vh - 99px);
}
@media (min-width: 992px) {
  .header .nav .subnav {
    -webkit-transform: translateY(78px);
    transform: translateY(78px);
  }
}
@media (min-width: 1440px) {
  .header .nav .subnav {
    -webkit-transform: translateY(99px);
    transform: translateY(99px);
  }
}
.header .nav .subnav .container {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.header .nav .nav__item {
  padding: 0 10px;
}
@media (min-width: 1440px) {
  .header .nav .nav__item {
    padding: 0 15px;
  }
}
.header .nav .nav__item .nav__item_link {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
.header .nav .nav__item .nav__item_link.is-selected,
.header .nav .nav__item .nav__item_link:hover {
  color: var(--color-secondary);
}
.header .nav .nav__item.is-dd .nav__item_linkWrap {
  position: relative;
}
.header .nav .nav__item.is-dd .nav__item_linkWrap::after {
  height: 46px;
  left: 0;
  top: 1.25rem;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
}
.header .nav .subnavGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.header .nav .subnavGrid .card {
  text-align: left;
  display: -ms-grid;
  display: grid;
  grid-gap: 8px 15px;
  align-items: center;
  -ms-grid-columns: 164px 15px 1fr;
  grid-template-columns: 164px 1fr;
  -ms-grid-rows: auto 8px auto 8px auto;
  grid-template-areas: "img title" "img text" "img price";
}
.header .nav .subnavGrid .card > span {
  display: block;
}
.header .nav .subnavGrid .card .card__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  grid-area: img;
  line-height: 0;
  border: 2px solid #fff;
  transition: all 0.3s;
}
.header .nav .subnavGrid .card .card__image picture {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.3s;
}
.header .nav .subnavGrid .card .card__image picture img {
  transition: all 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.header .nav .subnavGrid .card .card__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  font-size: 20px;
  color: #000;
}
.header .nav .subnavGrid .card .card__text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: text;
  font-size: 14px;
  color: #81a3c2;
  line-height: 150%;
}
.header .nav .subnavGrid .card .card__price {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: price;
  font-size: 20px;
  color: #000;
}
.header .nav .subnavGrid .card:hover .card__title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.header .nav .subnavGrid .card:hover .card__image {
  border-color: var(--color-main);
}
.header .nav .subnavGrid .card:hover .card__image img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.header .mobile__nav {
  position: relative;
  width: 18px;
  height: 12px;
  cursor: pointer;
}
.header .mobile__nav .mobile__nav_icon {
  transition-duration: 0.5s;
  position: absolute;
  top: 6px;
  left: 0;
  height: 2px;
  width: 18px;
  background-color: #fff;
}
.header .mobile__nav .mobile__nav_icon::before {
  transition-duration: 0.5s;
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: -6px;
}
.header .mobile__nav .mobile__nav_icon::after {
  transition-duration: 0.5s;
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: 6px;
}
.header .header__row {
  padding: 12px 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  .header .header__row {
    padding: 18px 0;
  }
}
.header .header__col--logo {
  flex: 0 0 162px;
  text-align: center;
  transition: all 0.3s;
}
@media (min-width: 1440px) {
  .header .header__col--logo {
    flex: 0 0 245px;
  }
}
.header .header__col--nav {
  flex: 1;
  padding: 0 20px;
  display: none;
  text-align: center;
}
@media (min-width: 1200px) {
  .header .header__col--nav {
    display: block;
  }
}
@media (min-width: 1440px) {
  .header .header__col--nav {
    padding: 0 30px;
  }
}
.header .header__col--phone {
  margin-left: auto;
  font-size: 0;
}
@media (min-width: 576px) {
  .header .header__col--phone {
    font-size: 23px;
  }
}
@media (min-width: 1440px) {
  .header .header__col--phone {
    font-size: 30px;
  }
}
.header .header__col--phone .i-phone {
  font-size: 22px;
  display: block;
}
.header .header__col--phone .i-phone::before {
  margin-right: 0;
}
@media (min-width: 576px) {
  .header .header__col--phone .i-phone {
    display: none;
  }
}
.header .header__col--mobileNav {
  margin-left: 20px;
}
@media (min-width: 1200px) {
  .header .header__col--mobileNav {
    display: none;
  }
}
.js-show-mainmenu .header .mobile__nav_icon {
  transition-duration: 0.5s;
  background: rgba(0, 0, 0, 0);
}
.js-show-mainmenu .header .mobile__nav_icon::before {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  top: 0;
}
.js-show-mainmenu .header .mobile__nav_icon::after {
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  top: 0;
}
.is-fixed-header .header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.js-menu-hover .header {
  background: #fff;
  color: #000;
  border: 0;
  box-shadow: none;
}
.js-menu-hover .header a {
  color: #000;
}
.js-menu-hover .header .nav .nav__item .nav__item_link {
  color: #000;
}
.js-menu-hover .header .logo {
  color: var(--color-secondary);
}
.js-menu-hover.is-no-touchdevice
  .header
  .nav
  .nav__item.is-dd
  .nav__item_linkWrap {
  position: relative;
}
.js-menu-hover.is-no-touchdevice
  .header
  .nav
  .nav__item.is-dd
  .nav__item_linkWrap::after {
  content: "";
}
.js-menu-hover.is-no-touchdevice .header .nav .nav__item.is-dd .subnav {
  border: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 99;
  opacity: 1;
  visibility: visible;
}
.js-menu-hover.is-no-touchdevice .layer {
  visibility: visible;
  opacity: 1;
} /*! 
------------------------------------------
SECTIONS & Blocks
------------------------------------------
*/
.content-wrap {
  padding-top: min(max(86px, 9.37vw), 150px);
  height: 100%;
}
.index__page .content-wrap {
  padding-top: 0;
}
.no__padding .content-wrap {
  padding-top: 70px;
}
@media (min-width: 1200px) {
  .no__padding .content-wrap {
    padding-top: 120px;
  }
} /*! base section styles */
.section {
  margin-bottom: min(max(70px, 6.25vw), 100px);
}
.section .section__header {
  position: relative;
  margin-bottom: min(max(25px, 2.8125vw), 2.8125rem);
}
.section .section__header .section__header_title {
  color: #81a3c2;
}
.section .section__header .section__header_title > * {
  font-family: var(--font-secondary);
  margin-bottom: 0;
  font-weight: 200;
}
@media (min-width: 1440px) {
  .section .section__header .section__header_title > * {
    --val: 4.375vw;
    --max: 66px;
  }
}
@media (max-width: 991.98px) {
  .section .section__header .section__header_title > * br {
    display: none;
  }
}
.section .section__header.is-align-center {
  text-align: center;
}
.section .section__header.is-nomargin {
  margin-bottom: 0;
}
.section .section__header.is-title-uppercase .section__header_title > * {
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .section .section__header.is-has-text .section__header_text {
    padding-top: 25px;
  }
}
@media (min-width: 992px) {
  .section .section__header.is-has-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section .section__header.is-has-text .section__header_text {
    flex: 0 0 45%;
    padding-left: 25px;
    line-height: 30px;
  }
}
@media (min-width: 992px) and (min-width: 1440px) {
  .section .section__header.is-has-text .section__header_text {
    font-size: 17px;
  }
}
.section .section__header--more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.section .section__header--more .section__header_title {
  flex: 1;
  padding-right: 20px;
}
.section .section__footer {
  padding-top: min(max(20px, 1.5625vw), 1.5625rem);
  text-align: center;
}
.section--empty {
  text-align: center;
}
.banners {
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .banners {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 30px auto;
    grid-template-areas: "text banner" "banner2 banner";
  }
  .banners > .card__text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 992px) {
  .banners--left {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "banner text" "banner banner2";
  }
  .banners--left > .card__text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.banners .banners__item--text {
  font-weight: 300;
  font-family: var(--font-secondary);
}
@media (min-width: 992px) {
  .banners .banners__item--text {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: text;
  }
}
@media (min-width: 1440px) {
  .banners .banners__item--text {
    font-size: 20px;
    line-height: 150%;
  }
}
.banners .banners__item--text p:first-child {
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .banners .banners__item--text p:first-child {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .banners .banners__item--banner {
    grid-area: banner;
  }
  .banners .banners__item--map {
    grid-area: banner2;
    -ms-grid-row-align: end;
    align-self: end;
  }
}
.section--object-banners .banners {
  grid-column-gap: min(max(30px, 8.125vw), 130px);
}
.section--object-banners .banners .banners__item--text {
  padding-top: 0;
  font-family: var(--font-secondary);
  font-weight: 200;
}
@media (min-width: 992px) {
  .section--object-banners .banners .banners__item--text {
    padding-top: 70px;
  }
}
@media (min-width: 1440px) {
  .section--object-banners .banners .banners__item--text {
    font-size: 25px;
    line-height: 140%;
  }
}
.productsGrid .card {
  position: relative;
  font-family: var(--font-secondary2);
}
.productsGrid .card .badges {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .productsGrid .card .badges .badges__item {
    font-size: 9px;
    height: 18px;
  }
}
.productsGrid .card .badges .badges__item {
  order: 2;
}
.productsGrid .card .badges .badges__item--absorb {
  order: 1;
}
@media (max-width: 767.98px) {
  .productsGrid .card .absorb,
  .productsGrid .card .absorb__value::before {
    font-size: 9px;
  }
}
.productsGrid .card .card__tools {
  display: flex;
  align-items: center;
  z-index: 4;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
}
@media (min-width: 576px) {
  .productsGrid .card .card__tools {
    top: 11px;
    left: 11px;
    right: 11px;
  }
}
.productsGrid .card .card__tools .link {
  right: 0;
  opacity: 1;
  position: absolute;
  top: 6px;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  .productsGrid .card .card__tools .link {
    opacity: 0;
    right: -12px;
  }
}
.productsGrid .card .card__tools .link::before {
  font-size: 18px;
  margin-right: 0;
}
.productsGrid .card .card__tools .link.favorites-added {
  right: 0;
  opacity: 1;
}
.productsGrid .card .card__rating {
  margin-bottom: 7px;
}
@media (max-width: 575.98px) {
  .productsGrid .card .card__rating .rating__wrap .rating {
    margin-right: 5px;
  }
  .productsGrid .card .card__rating .rating__wrap .rating i {
    font-size: 11px;
  }
}
.productsGrid .card .card__title {
  margin-bottom: 7px;
  font-size: 14px;
}
@media (min-width: 576px) {
  .productsGrid .card .card__title {
    font-size: 17px;
  }
}
.productsGrid .card .card__title .card__title_link {
  text-decoration: none;
}
.productsGrid .card .card__title .card__title_link:hover {
  text-decoration: underline;
}
.productsGrid .card .card__title .card__title_link span {
  font-weight: 700;
}
.productsGrid .card .card__prices .price {
  font-size: 14px;
}
@media (min-width: 576px) {
  .productsGrid .card .card__prices .price {
    font-size: 17px;
  }
}
.productsGrid .card .card__prices .price--default {
  font-weight: 400;
}
.productsGrid .card .card__imageWrap {
  flex: 0 0 100%;
  width: 100%;
  background: #f0ecf1;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 13px;
}
@media (min-width: 576px) {
  .productsGrid .card .card__imageWrap {
    border-radius: 10px;
  }
}
.productsGrid .card .card__image picture {
  height: 100%;
  width: 100%;
}
.productsGrid .card .card__image .card__image_src {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  width: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
}
.productsGrid .card .card__image .card__image_link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productsGrid .card .card__image .card__image_details {
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.69);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 15px;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  z-index: 3;
}
.productsGrid .card .card__image .card__image_details:hover {
  background-color: rgba(255, 255, 255, 0.85);
}
@media (hover: hover) and (pointer: fine) {
  .productsGrid .card:hover .card__image .card__image_src {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .productsGrid .card:hover .card__image .card__image_details {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.productsGrid--default {
  display: -ms-grid;
  display: grid;
  grid-gap: 25px 12px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 370px) {
  .productsGrid--default {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .productsGrid--default {
    grid-gap: 40px 15px;
  }
}
@media (min-width: 992px) {
  .productsGrid--default {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .productsGrid--default {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .productsGrid--search {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .productsGrid--search {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .productsGrid--search {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 370px) {
  .productsGrid--catalog.is-view-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.productsGrid--carousel {
  position: relative;
}
.productsGrid--carousel .swiper {
  min-width: 210px;
}
.productsGrid--carousel .swiper:not(.swiper-initialized) .swiper-slide {
  max-width: 575px;
}
@media (max-width: 767.98px) {
  .productsGrid--carousel .swiper .swiper-slide {
    max-width: 300px !important;
  }
}
.objectsGrid {
  display: -ms-grid;
  display: grid;
  grid-gap: 50px 20px;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .objectsGrid {
    -ms-grid-columns: 40% 1fr 40%;
    grid-template-columns: 40% 1fr 40%;
  }
}
@media (min-width: 1200px) {
  .objectsGrid {
    grid-gap: 80px 30px;
    -ms-grid-columns: 33% 1fr 33%;
    grid-template-columns: 33% 1fr 33%;
  }
}
.objectsGrid .card {
  position: relative;
}
@media (min-width: 768px) {
  .objectsGrid .card:nth-child(2),
  .objectsGrid .card:nth-child(3) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
.objectsGrid .card .card__image {
  min-width: 1%;
  max-width: 100%;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .objectsGrid .card .card__image {
    margin-bottom: 25px;
  }
}
.objectsGrid .card .card__image .badges {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 9;
}
@media (min-width: 768px) {
  .objectsGrid .card .card__image .badges {
    left: 20px;
    top: 20px;
  }
}
@media (max-width: 767.98px) {
  .objectsGrid .card .card__image::before {
    padding-top: 110%;
  }
}
.objectsGrid .card .card__image .swiper-slide {
  height: 280px;
}
@media (min-width: 1440px) {
  .objectsGrid .card .card__image .swiper-slide {
    height: 380px;
  }
}
@media (min-width: 1440px) {
  .objectsGrid .card .card__image .swiper-slide {
    height: 440px;
  }
}
.objectsGrid .card .card__image picture {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
}
.objectsGrid .card .card__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
.objectsGrid .card .card__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px auto;
  grid-template-columns: 1fr auto;
  grid-gap: 0 15px;
  -ms-grid-rows: auto 0 auto;
  grid-template-areas: "title class" "price price";
}
@media (min-width: 768px) {
  .objectsGrid .card .card__bottom {
    grid-gap: 8px 15px;
  }
}
@media (min-width: 1440px) {
  .objectsGrid .card .card__bottom {
    grid-gap: 9px 20px;
  }
}
.objectsGrid .card .card__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
}
.objectsGrid .card .card__title > * {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 20px;
}
@media (min-width: 1200px) {
  .objectsGrid .card .card__title > * {
    --min: 20px;
    --val: 1.875vw;
    --max: 30px;
  }
}
.objectsGrid .card .card__prices {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: price;
}
.objectsGrid .card .card__class {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: class;
}
.objectsGrid .card .card__image_pagination {
  transition: all 0.3s;
  z-index: 99;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  right: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: stretch;
  margin: 0 -5px;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .objectsGrid .card .card__image_pagination {
    height: 100%;
    bottom: auto;
    top: 0;
  }
}
.objectsGrid .card .card__image_pagination span {
  display: flex;
  align-items: flex-end;
  flex: 1;
  height: 100%;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0);
}
.objectsGrid .card .card__image_pagination span::after {
  content: "";
  height: 2px;
  background: #6f91b0;
  transition: all 0.3s;
  width: 100%;
}
.objectsGrid
  .card
  .card__image_pagination
  span.swiper-pagination-bullet-active::after {
  background: var(--color-secondary);
}
.propertysGrid .card {
  color: #000;
  background: #f1f5fc;
  padding: 20px;
}
@media (min-width: 1200px) {
  .propertysGrid .card {
    padding: 22px 35px;
    border: 6px solid transparent;
    transition: all 0.3s;
  }
}
.propertysGrid .card .card__header {
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__header {
    margin-bottom: 22px;
    min-height: 52px;
    display: flex;
    transition: all 0.3s;
    flex-direction: column;
    justify-content: center;
  }
}
.propertysGrid .card .card__header_title {
  transition: all 0.3s;
}
.propertysGrid .card .card__header_title > * {
  font-size: 16px;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__header_title > * {
    font-size: 25px;
  }
}
.propertysGrid .card .card__header_location {
  color: #6f91b0;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__header_location {
    font-size: 13px;
    height: 0;
    opacity: 0;
    transition: all 0.3s;
    overflow: hidden;
  }
}
.propertysGrid .card .card__image {
  margin-bottom: 13px;
}
.propertysGrid .card .card__details {
  color: #6f91b0;
  font-size: 10px;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__details {
    font-size: 13px;
  }
}
.propertysGrid .card .card__details span {
  font-size: 10px;
  color: #000;
  display: inline-block;
  margin-right: 4px;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__details span {
    font-size: 15px;
  }
}
.propertysGrid .card .card__bottom {
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  .propertysGrid .card .card__bottom {
    padding-top: 30px;
  }
}
.propertysGrid .card .prices .price--default {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .propertysGrid .card .prices .price--default {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .propertysGrid .card:not(.card-reserve):hover {
    border-color: var(--color-secondary);
  }
  .propertysGrid .card:not(.card-reserve):hover .card__header__title {
    margin-bottom: 5px;
  }
  .propertysGrid .card:not(.card-reserve):hover .card__header_location {
    opacity: 1;
    height: auto;
  }
}
.propertysGrid .card--reserve {
  border: 0;
  background: linear-gradient(180deg, #a9e48d 0, #16bcba 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
@media (min-width: 1200px) {
  .propertysGrid .card--reserve {
    padding: 40px;
  }
}
.propertysGrid .card--reserve .card__header {
  color: #fff;
}
.propertysGrid .card--reserve .card__header .card__header_title {
  font-size: 30px;
  margin-bottom: 30px;
}
.propertysGrid .card--reserve .card__header .card__header_title > * {
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .propertysGrid .card--reserve .card__header .card__header_title > * {
    font-size: 25px;
  }
}
.propertysGrid .card--reserve .card__header .card__header_text {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .propertysGrid .card--reserve .card__header .card__header_text {
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
  .propertysGrid .card--reserve .card__bottom .btn {
    height: 56px;
  }
}
.propertysGrid--default {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
@media (min-width: 768px) {
  .propertysGrid--default {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .propertysGrid--default {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-gap: 30px;
  }
}
.object__gallery .item {
  display: block;
  text-decoration: none;
  transition: all 0.3s;
}
.object__gallery .item span {
  display: block;
}
.object__gallery .item .item__image {
  margin-bottom: 18px;
  overflow: hidden;
  position: relative;
}
.object__gallery .item .item__image img {
  z-index: 1;
  transition: all 0.3s;
}
.object__gallery .item .item__image::after {
  position: absolute;
  transition: all 0.3s;
  content: "";
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 57, 102, 0.5);
}
.object__gallery .item .item__imageMore {
  transition: all 0.3s;
  width: 62px;
  height: 62px;
  font-size: 30px;
  font-weight: 200;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.object__gallery .item .item__imageMore::before {
  display: block;
  font-family: var(--font-icons);
  content: "";
}
.object__gallery .item .item__title {
  font-family: var(--font-secondary);
  font-size: 20px;
}
.object__gallery .item:hover {
  color: var(--color-secondary);
}
.object__gallery .item:hover .item__image::after {
  opacity: 0;
}
.object__gallery .item:hover .item__imageMore {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #fff;
}
.benefits {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 15px;
}
@media (min-width: 1200px) {
  .benefits {
    grid-gap: 30px;
  }
}
.benefits .benefits__item {
  background: #fff;
  padding: 25px;
  color: var(--color-main);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60px 16px 1fr;
  grid-template-columns: 60px 1fr;
  -ms-grid-rows: auto 16px auto;
  grid-template-areas: "img title" "img text";
  grid-gap: 16px;
  align-items: center;
}
.benefits .benefits__item_img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: img;
}
.benefits .benefits__item_title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  font-size: 20px;
  line-height: 100%;
  grid-area: title;
  font-weight: 500;
  align-self: end;
}
.benefits .benefits__item_text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  align-self: start;
  font-size: 14px;
  grid-area: text;
}
@media (min-width: 992px) {
  .banners > .banners__item--text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .banners--left > .banners__item--text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .banners .banners__item--banner {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .banners--left > .banners__item--banner {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .banners .banners__item--map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .banners--left > .banners__item--map {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .banners > .benefits__item_text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .banners--left > .benefits__item_text {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.documentsGrid {
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
@media (max-width: 767px) {
  .documentsGrid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .item-1 {
    order: 1;
  }
  .item-4 {
    order: 2;
  }
  .item-2 {
    order: 3;
  }
  .item-5 {
    order: 4;
  }
  .item-3 {
    order: 5;
  }
  .item-6 {
    order: 6;
  }
  .item-7 {
    order: 7;
  }
  .item-8 {
    order: 8;
  }
  .item-9 {
    order: 9;
  }
  .item-12 {
    order: 10;
  }
  .item-10 {
    order: 11;
  }
  .item-13 {
    order: 12;
  }
  .item-11 {
    order: 13;
  }
  .item-14 {
    order: 14;
  }
  .item-15 {
    order: 15;
  }
  .item-16 {
    order: 16;
  }
  .item-17 {
    order: 17;
  }
  .item-20 {
    order: 18;
  }
  .item-18 {
    order: 19;
  }
  .item-21 {
    order: 20;
  }
  .item-19 {
    order: 21;
  }
  .item-22 {
    order: 22;
  }
  .item-23 {
    order: 23;
  }
  .item-24 {
    order: 24;
  }
  .item-25 {
    order: 25;
  }
  .item-28 {
    order: 26;
  }
  .item-26 {
    order: 27;
  }
  .item-29 {
    order: 28;
  }
  .item-27 {
    order: 29;
  }
  .item-30 {
    order: 30;
  }
  .item-31 {
    order: 31;
  }
  .item-32 {
    order: 32;
  }
  .item-33 {
    order: 33;
  }
  .item-36 {
    order: 34;
  }
  .item-34 {
    order: 35;
  }
  .item-37 {
    order: 36;
  }
  .item-35 {
    order: 37;
  }
  .item-38 {
    order: 38;
  }
  .item-39 {
    order: 39;
  }
  .item-40 {
    order: 40;
  }
  .item-41 {
    order: 41;
  }
  .item-44 {
    order: 42;
  }
  .item-42 {
    order: 43;
  }
  .item-45 {
    order: 44;
  }
  .item-43 {
    order: 45;
  }
  .item-46 {
    order: 46;
  }
  .item-47 {
    order: 47;
  }
  .item-48 {
    order: 48;
  }
  .item-49 {
    order: 49;
  }
  .item-50 {
    order: 50;
  }
}
.documentsGrid .link {
  font-size: 20px;
}
.section--object-text .editor {
  line-height: 157.143%;
  font-weight: 200;
  text-align: center;
  font-size: min(max(13px, 2.1875vw), 35px);
  text-transform: uppercase;
  font-family: var(--font-secondary);
}
.servicesGrid {
  position: relative;
}
.servicesGrid .card {
  border: 1px solid #fff;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .servicesGrid .card {
    min-height: 294px;
  }
}
@media (min-width: 1200px) {
  .servicesGrid .card {
    padding: 35px;
  }
}
.servicesGrid .card .card__title {
  margin-bottom: 40px;
}
.servicesGrid .card .card__title > * {
  margin-bottom: 0;
}
.servicesGrid--default {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 30px;
}
.eventsGrid .card {
  padding: 26px;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1440px) {
  .eventsGrid .card {
    padding: 35px;
  }
}
.eventsGrid .card .card__desc,
.eventsGrid .card .card__image,
.eventsGrid .card .card__title {
  margin-bottom: 20px;
}
.eventsGrid .card .card__title > * {
  color: #000;
  --val: 1.875vw;
  --max: 30px;
  margin-bottom: 0;
  font-weight: 600;
}
.eventsGrid .card .card__desc {
  color: #6f91b0;
  line-height: normal;
}
@media (max-width: 1439.98px) {
  .eventsGrid .card .card__desc {
    font-size: 14px;
  }
}
.eventsGrid .card .card__date {
  font-size: 14px;
  color: #6f91b0;
}
.eventsGrid--default {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 30px;
}
.eventsGrid--carousel .swiper-slide {
  transition: all 0.3s;
  opacity: 0.3 !important;
}
@media (min-width: 992px) {
  .eventsGrid--carousel .swiper-slide {
    max-width: 446px;
  }
}
.eventsGrid--carousel .swiper-slide.swiper-slide-visible {
  opacity: 1 !important;
}
.aurora {
  display: none;
}
@media (min-width: 992px) {
  .aurora {
    display: block;
    position: relative;
    z-index: 9;
  }
}
.aurora-gradient {
  position: absolute;
  background: radial-gradient(
    circle,
    rgba(0, 255, 128, 0.8) 0,
    rgba(0, 128, 64, 0.1) 70%
  );
  -webkit-filter: blur(100px);
  filter: blur(100px);
  -webkit-animation: moveAurora infinite alternate;
  animation: moveAurora infinite alternate;
}
.aurora-left {
  width: 560px;
  height: 260px;
  margin-top: 9%;
  left: -100px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.aurora-right-1 {
  width: 550px;
  height: 350px;
  margin-top: 9%;
  right: 300px;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.aurora-right-2 {
  width: 400px;
  height: 600px;
  margin-top: 15%;
  right: 0;
  border-radius: 40%;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes moveAurora {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: translateY(-30px) translateX(30px);
    transform: translateY(-30px) translateX(30px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-60px) translateX(-30px);
    transform: translateY(-60px) translateX(-30px);
    opacity: 0.5;
  }
}
@keyframes moveAurora {
  0% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: translateY(-30px) translateX(30px);
    transform: translateY(-30px) translateX(30px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-60px) translateX(-30px);
    transform: translateY(-60px) translateX(-30px);
    opacity: 0.5;
  }
}
.section--mainbanner-preview {
  position: relative;
}
@media (max-width: 991.98px) {
  .section--mainbanner-preview {
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .section--mainbanner-preview .aurora {
    position: absolute;
    left: 0;
    right: 0;
    top: -200px;
    z-index: 2;
  }
}
.section--mainbanner-preview .mainBanner {
  position: relative;
  z-index: 10;
}
.section--mainbanner-preview .mainBanner .item {
  padding: 0;
  height: 80vh;
  text-align: center;
}
.section--mainbanner-preview .mainBanner .item .item__content {
  font-size: 16px;
}
.section--mainbanner-preview .mainBanner .item .item__content > * {
  margin-bottom: 15px;
}
.section--mainbanner-preview .mainBanner .item .item__content .item__buttons {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .section--mainbanner-preview .mainBanner .item .item__content .item__buttons {
    padding-top: 15px;
  }
}
.section--mainbanner-preview .mainBanner .item .item__text {
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}
@media (min-width: 1200px) {
  .section--mainbanner-preview .mainBanner .item .item__text {
    font-size: 16px;
  }
}
.section--mainbanner-preview .mainBanner .item .item__image {
  background: 0 0;
}
.section--mainbanner-preview .mainBanner .item .item__image img {
  -o-object-position: center bottom;
  object-position: center bottom;
  -o-object-fit: cover;
  object-fit: cover;
}
.section--mainbanner-preview .mainBanner .item .item__price {
  font-weight: 600;
}
@media (min-width: 992px) {
  .section--mainbanner-preview .mainBanner .item .item__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  .section--mainbanner-preview .mainBanner .item .item__buttons .btn {
    width: 100%;
    height: 54px;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .section--mainbanner-preview .mainBanner .item .item__buttons .btn {
    min-width: 280px;
  }
}
@media (max-width: 991.98px) {
  .section--mainbanner-preview
    .mainBanner
    .item
    .item__buttons
    .item__buttons_item {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .section--mainbanner-preview
    .mainBanner
    .item
    .item__buttons
    .item__buttons_item--btn {
    padding: 0 44px;
  }
}
@media (max-width: 1199.98px) {
  .section--mainbanner-object {
    margin-bottom: 0;
  }
}
.section--mainbanner-choose {
  display: none;
}
@media (min-width: 1200px) {
  .section--mainbanner-choose {
    display: block;
    padding-top: 50px;
  }
}
.section--mainbanner-choose .mainBanner .item::before {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .section--mainbanner-choose .mainBanner .item {
    height: 60vh;
  }
}
.section--mainbanner-choose .mainBanner .item__image--layer {
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.section--mainbanner-choose .mainBanner .chooseLinks {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 25%;
  width: 100%;
  height: 50px;
}
@media (min-width: 1440px) {
  .section--mainbanner-choose .mainBanner .chooseLinks {
    top: 30%;
  }
}
.section--mainbanner-choose .mainBanner .chooseLinks .chooseLinks__item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
  width: 102px;
  height: 54px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  background: rgba(4, 49, 89, 0.5);
}
.section--mainbanner-choose
  .mainBanner
  .chooseLinks
  .chooseLinks__item[data-choose="1"] {
  position: absolute;
  left: 30%;
}
.section--mainbanner-choose
  .mainBanner
  .chooseLinks
  .chooseLinks__item[data-choose="2"] {
  position: absolute;
  left: 47%;
}
.section--mainbanner-choose
  .mainBanner
  .chooseLinks
  .chooseLinks__item[data-choose="3"] {
  position: absolute;
  right: 26%;
}
.section--mainbanner-choose
  .mainBanner
  .chooseLinks
  .chooseLinks__item.is-selected,
.section--mainbanner-choose .mainBanner .chooseLinks .chooseLinks__item:hover {
  background: var(--color-secondary);
  color: #000;
}
.section--mainbanner-choose .mainBanner.is-shown-1 .item__image--layer-1,
.section--mainbanner-choose .mainBanner.is-shown-2 .item__image--layer-2,
.section--mainbanner-choose .mainBanner.is-shown-3 .item__image--layer-3 {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991.98px) {
  .section--about-preview {
    margin-bottom: 0;
  }
}
.section--about-preview .section__inner {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  align-items: center;
}
@media (min-width: 1200px) {
  .section--about-preview .section__inner {
    justify-content: space-between;
    gap: 0 40px;
    -ms-grid-columns: 440px 1fr 300px;
    grid-template-columns: 440px 1fr 300px;
  }
}
@media (min-width: 1440px) {
  .section--about-preview .section__inner {
    -ms-grid-columns: 440px 1fr 440px;
    grid-template-columns: 440px 1fr 440px;
  }
}
.section--about-preview .section__header {
  margin-bottom: 0;
}
.section--about-preview .section__header br {
  display: none;
}
@media (min-width: 1200px) {
  .section--about-preview .section__link {
    text-align: center;
  }
}
.section--about-preview .section__content {
  font-size: 13px;
  line-height: 130%;
}
@media (min-width: 992px) {
  .section--about-preview .section__content {
    font-size: 15px;
  }
}
@media (min-width: 1440px) {
  .section--about-preview .section__content {
    font-size: 17px;
    line-height: 176.471%;
  }
}
@media (min-width: 992px) {
  .section--event-article .container {
    max-width: 954px;
  }
}
.section--event-article .section__header .section__header_title {
  margin-bottom: min(max(0.9375rem, 1.5625vw), 1.5625rem);
}
.section--event-article .section__header .section__header_title > * {
  --val: 3.125vw;
  --max: 3.125rem;
  color: #fff;
}
.section--event-article .section__header .section__header_date {
  font-size: 14px;
  color: #6f91b0;
  margin-bottom: min(max(1.25rem, 3.125vw), 3.125rem);
}
@media (min-width: 992px) {
  .section--textwithimage .textBanner {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  .section--textwithimage .textBanner:not(:last-child) {
    margin-bottom: 30px;
  }
}
.section--textwithimage .textBanner .textBanner__content {
  text-align: left;
  flex: 1;
}
@media (max-width: 991.98px) {
  .section--textwithimage .textBanner .textBanner__content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .section--textwithimage .textBanner .textBanner__content {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 10%;
    display: flex;
    align-items: center;
    -ms-grid-row-align: center;
    align-self: center;
    flex-direction: column;
  }
}
.section--textwithimage .textBanner .textBanner__content p:last-child,
.section--textwithimage .textBanner .textBanner__content ul:last-child {
  margin-bottom: 0;
}
.section--textwithimage .textBanner .textBanner__content .list-checks {
  font-size: 16px;
  line-height: 16px;
}
.section--textwithimage
  .textBanner
  .textBanner__content
  .editor
  ol:not(.list-checks),
.section--textwithimage
  .textBanner
  .textBanner__content
  .editor
  ul:not(.list-checks) {
  margin-left: 20px;
}
.section--textwithimage
  .textBanner
  .textBanner__content
  .editor
  ol:not(.list-checks)
  li,
.section--textwithimage
  .textBanner
  .textBanner__content
  .editor
  ul:not(.list-checks)
  li {
  margin-bottom: 3px;
  padding-left: 0;
}
.section--textwithimage .textBanner .textBanner__title {
  margin-bottom: min(max(20px, 1.8vw), 1.875rem);
  position: relative;
}
.section--textwithimage .textBanner .textBanner__title > * {
  color: #81a3c2;
  margin-bottom: 0;
  font-weight: 200;
  font-family: var(--font-secondary);
}
.section--textwithimage .textBanner .textBanner__title:last-child {
  margin-bottom: 0;
}
.section--textwithimage .textBanner .textBanner__text {
  font-family: var(--font-secondary);
}
@media (max-width: 991.98px) {
  .section--textwithimage .textBanner .textBanner__text {
    font-size: 14px;
  }
}
.section--textwithimage .textBanner .textBanner__more {
  padding-top: 12px;
}
.section--textwithimage .textBanner .textBanner__more .btn {
  width: 100%;
  height: 54px;
}
@media (min-width: 992px) {
  .section--textwithimage .textBanner .textBanner__more .btn {
    max-width: 140px;
  }
}
@media (min-width: 768px) {
  .section--textwithimage .textBanner .textBanner__more .btn {
    max-width: 250px;
    text-transform: uppercase;
  }
}
.section--textwithimage .textBanner .textBanner__image {
  position: relative;
  display: flex;
}
@media (max-width: 991.98px) {
  .section--textwithimage .textBanner .textBanner__image {
    margin: 0 -15px;
  }
}
.section--textwithimage .textBanner .textBanner__image .card__image_src {
  display: flex;
  min-height: min(max(350px, 45vw), 720px);
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .section--textwithimage .textBanner .textBanner__image .card__image_src {
    max-width: 960px;
    max-height: none;
    width: auto;
    height: auto;
  }
}
.section--textwithimage .textBanner .textBanner__image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}
@media (min-width: 1200px) {
  .section--textwithimage .textBanner .textBanner__image img {
    max-width: none;
    max-height: none;
  }
}
@media (max-width: 1199.98px) {
  .section--textwithimage .textBanner .textBanner__image img {
    width: 100%;
    height: 100%;
  }
}
.section--textwithimage .textBanner .textBanner__image .swiper {
  overflow: visible;
}
.section--textwithimage .textBanner .textBanner__image .swiper .swiper-slide {
  width: auto !important;
}
@media (max-width: 991.98px) {
  .section--textwithimage .textBanner {
    justify-content: center;
    flex-direction: column;
  }
  .section--textwithimage .textBanner .textBanner__content {
    order: 2;
  }
  .section--textwithimage .textBanner .textBanner__image {
    order: 1;
  }
}
@media (min-width: 992px) {
  .section--textwithimage .textBanner--left .textBanner__content {
    order: 2;
    padding-right: 0;
    padding-left: 10%;
  }
  .section--textwithimage .textBanner--left .textBanner__image {
    order: 1;
    justify-content: flex-end;
  }
  .section--textwithimage .textBanner .textBanner__image {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
.section--textwithimage .textBanner--video video {
  width: 100%;
  height: 100%;
  min-height: min(max(300px, 45vw), 720px);
  -o-object-fit: cover;
  object-fit: cover;
}
.section--textwithimage .textBanner--video .nav {
  background: #fff;
  padding: 45px;
  font-size: 22px;
  font-family: var(--font-secondary);
}
@media (max-width: 1199.98px) {
  .section--textwithimage .textBanner--video .nav {
    display: none;
  }
}
@media (min-width: 1200px) {
  .section--textwithimage .textBanner--video .nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 400px;
    -webkit-transform: translate(50%, 50px);
    transform: translate(50%, 50px);
  }
}
.section--textwithimage .textBanner--video .nav .nav__item {
  color: #000;
}
.section--textwithimage .textBanner--video .nav .nav__item:not(:last-child) {
  margin-bottom: 12px;
}
.section--textwithimage .textBanner--video .nav .nav__item .nav__item_link {
  transition: all 0.3s;
  color: inherit;
  text-decoration: none;
}
.section--textwithimage
  .textBanner--video
  .nav
  .nav__item
  .nav__item_link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  color: var(--color-secondary);
}
@media (min-width: 1200px) {
  .section--textwithimage .textBanner--video .textBanner__content {
    padding-bottom: 16%;
  }
}
.section--slogan {
  display: none;
}
@media (min-width: 768px) {
  .section--slogan {
    display: block;
    padding: min(max(10px, 3.125vw), 3.125rem) 0;
  }
  .section--slogan .section__header .section__header_title > * {
    line-height: 94.737%;
  }
}
.section--carousel {
  position: relative;
}
@media (min-width: 768px) {
  .section--carousel-visible {
    overflow: hidden;
  }
  .section--carousel-visible .swiper {
    overflow: visible !important;
  }
}
.catalogGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (min-width: 768px) {
  .catalogGrid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
  }
}
.catalogGrid .item {
  display: block;
  text-align: center;
  background: #ede8e6;
  padding: 15px;
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .catalogGrid .item {
    padding: 25px;
  }
}
.catalogGrid .item span {
  display: block;
}
.catalogGrid .item .item__image {
  margin-bottom: 8px;
  max-height: 100px;
}
@media (min-width: 768px) {
  .catalogGrid .item .item__image {
    max-height: 200px;
  }
}
.catalogGrid .item .item__image_link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalogGrid .item .item__title {
  font-weight: 500;
}
@media (min-width: 768px) {
  .catalogGrid .item .item__title {
    font-size: 18px;
  }
}
.catalogGrid .item .item__count {
  padding-top: 5px;
  font-size: 12px;
  color: #5d6168;
}
@media (min-width: 768px) {
  .catalogGrid .item .item__count {
    padding-top: 10px;
    font-size: 14px;
  }
}
.catalogGrid .item:hover {
  background: #f8f6f5;
}
@media (min-width: 1400px) {
  .catalogGrid .item--sale {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
}
@media (max-width: 1199.98px) {
  .section--video .r_video {
    height: 500px;
  }
}
.section--whitebox {
  background: #fff;
  padding: 25px 0;
  text-align: center;
  color: var(--color-main);
}
@media (min-width: 1440px) {
  .section--whitebox {
    padding: 35px 0;
  }
}
.section--whitebox .section__header .section__header_title > * {
  color: var(--color-main);
  font-weight: 200;
  text-transform: uppercase;
  line-height: 157.143%;
}
.section--whitebox .section__header .section__header_title .h2 {
  --min: 26px;
  --val: 3.125vw;
  --max: 50px;
}
.section--whitebox .section__header .section__header_title .h3 {
  --min: 20px;
  --val: 2.1875vw;
  --max: 2.1875rem;
}
@media (max-width: 991.98px) {
  .section--whitebox-about {
    margin-bottom: 50px !important;
  }
}
.section--static .section__header {
  margin-bottom: min(max(20px, 4.375vw), 4.375rem);
}
.section--static .section__header .section__header_title > * {
  color: #fff;
  --min: 26px;
  --val: 3.125vw;
  --max: 50px;
}
.r_object {
  padding: 12px;
  background: #f1f5fc;
}
@media (min-width: 576px) {
  .r_object {
    padding: 32px;
  }
}
@media (min-width: 1200px) {
  .r_object {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r_object .r_object__image {
    flex: 1;
    width: 1%;
  }
}
.r_object .r_object__title {
  margin-bottom: 20px;
}
.r_object .r_object__title > * {
  text-align: center;
  --min: 20px;
  --val: 2.375vw;
  --max: 2.125rem;
  font-family: var(--font-secondary);
  font-weight: 300;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .r_object .r_object__title {
    margin-bottom: 30px;
  }
}
.r_object .r_object__details {
  padding-top: 35px;
  max-width: 100%;
  color: #000;
}
@media (min-width: 1200px) {
  .r_object .r_object__details {
    padding-top: 0;
    flex: 0 0 34%;
    padding-left: 30px;
  }
}
.r_object .r_object__benefits {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  grid-gap: 15px 5px;
  margin-bottom: 20px;
  justify-content: space-between;
  text-align: center;
  align-items: start;
}
@media (min-width: 1200px) {
  .r_object .r_object__benefits {
    margin-bottom: 30px;
    grid-gap: 20px 30px;
  }
}
.r_object .r_object__benefits .item {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}
@media (min-width: 1200px) {
  .r_object .r_object__benefits .item {
    width: 66px;
  }
}
.r_object .r_object__benefits .item .item__img {
  border: 1px solid #000;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
}
@media (min-width: 1200px) {
  .r_object .r_object__benefits .item .item__img {
    width: 66px;
    height: 66px;
  }
}
.r_object .r_object__benefits .item .item__text {
  font-size: 10px;
  text-align: center;
  line-height: 127.273%;
}
@media (min-width: 1200px) {
  .r_object .r_object__benefits .item .item__text {
    font-size: 11px;
  }
}
.r_object .r_object__more {
  display: none;
}
@media (min-width: 1200px) {
  .r_object .r_object__more {
    display: block;
    padding-top: 25px;
    font-size: 20px;
  }
  .r_object .r_object__more a {
    color: #000;
    font-weight: 300;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
  }
  .r_object .r_object__more a:hover {
    text-decoration: none;
  }
}
.r_object .r_object__specs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  .r_object .r_object__specs {
    grid-gap: 30px;
    margin-bottom: 35px;
  }
}
.r_object .r_object__specs .item .item__label {
  font-size: 12px;
  font-weight: 300;
  color: #797979;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .r_object .r_object__specs .item .item__label {
    font-size: 16px;
  }
}
.r_object .r_object__specs .item .item__value {
  font-size: 16px;
  line-height: 100%;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .r_object .r_object__specs .item .item__value {
    font-size: 20px;
  }
}
.r_object .r_object__bottom {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .r_object .r_object__bottom {
    padding-bottom: 25px;
  }
}
.r_object .r_object__bottom .h4 {
  color: #000;
  margin-bottom: 0;
}
.r_object .r_object__bottom > :not(:last-child) {
  margin-bottom: 12px;
}
.r_object .r_object__bottom .prices {
  display: block;
}
@media (max-width: 1199.98px) {
  .r_object .r_object__bottom .prices {
    margin-bottom: 20px;
  }
}
.r_object .r_object__bottom .prices .price__label {
  font-size: 14px;
  color: #797979;
}
@media (max-width: 1199.98px) {
  .r_object .r_object__bottom .prices .price__label {
    font-size: 16px;
  }
}
.r_object .r_object__bottom .prices .price {
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 1199.98px) {
  .r_object .r_object__bottom .prices .price {
    font-size: 22px;
  }
}
.r_object .r_object__bottom .buttons {
  flex: 0 0 100%;
  width: 100%;
}
.r_object .r_object__bottom .buttons .buttons__item:last-child {
  padding-top: 12px;
}
.r_object .r_object__bottom .buttons .btn {
  min-width: 100%;
  height: 54px;
}
@media (min-width: 1200px) {
  .r_object .r_object__bottom .buttons .btn {
    min-width: 286px;
  }
}
.r_object .r_object__bottom .buttons .link {
  color: #797979;
  text-decoration: none;
}
.r_object .r_object__bottom .buttons .link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.r_object__banners {
  flex: 0 0 100%;
} /*! section grid mods */
.section--no-padding {
  padding: 0;
}
.section--no-padding-top {
  padding-top: 0;
}
.section--no-padding-bottom {
  padding-bottom: 0;
}
.section--no-margin {
  margin: 0;
}
.section--no-margin-top {
  margin-top: 0;
}
.section--no-margin-bottom {
  margin-bottom: 0;
}
.section--padding-small {
  padding-top: min(max(20px, 1.5625vw), 1.5625rem);
}
.section--padding-medium {
  padding-top: min(max(35px, 3.125vw), 3.125rem);
}
.section--padding-large {
  padding-top: min(max(80px, 9.375vw), 9.375rem);
}
.section--margin-small {
  margin-bottom: min(max(20px, 1.5625vw), 1.5625rem);
}
.section--margin-medium {
  margin-bottom: min(max(35px, 3.125vw), 3.125rem);
}
.section--margin-large {
  margin-bottom: min(max(80px, 9.375vw), 9.375rem);
}
.section--more .section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section--fade {
  position: relative;
}
.section--fade::before {
  position: absolute;
  z-index: 1;
  background: #000;
  opacity: 0.2;
  inset: 0;
  content: "";
}
.section--fade .container {
  z-index: 2;
  position: relative;
}
@media (max-width: 767.98px) {
  .section.is-hide-mobile {
    display: none;
  }
} /*! 
------------------------------------------
COMPONENTS
------------------------------------------
*/ /*! fix ios bottom positions */ /*! default accordeons */
.r_acc .r_acc__item {
  font-size: 20px;
  padding: 22px 25px;
  font-weight: 400;
  font-family: var(--font-secondary);
  border: 1px solid #fff;
}
@media (min-width: 1200px) {
  .r_acc .r_acc__item {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .r_acc .r_acc__item {
    font-size: 25px;
    padding: 26px 30px;
  }
}
.r_acc .r_acc__item:not(:last-child) {
  margin-bottom: 20px;
}
.r_acc .r_acc__item .r_acc__item_header {
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}
.r_acc .r_acc__item .r_acc__item_header::after {
  font-family: var(--font-icons);
  content: "";
  font-size: 32px;
  position: absolute;
  right: -8px;
  top: -10px;
  line-height: 42px;
  transition: all 0.3s;
}
@media (min-width: 1440px) {
  .r_acc .r_acc__item .r_acc__item_header::after {
    font-size: 42px;
  }
}
.r_acc .r_acc__item .r_acc__item_content {
  font-size: 16px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  text-transform: none;
}
.r_acc .r_acc__item .r_acc__item_content ol li,
.r_acc .r_acc__item .r_acc__item_content ul li {
  margin-bottom: 5px;
}
.r_acc .r_acc__item .r_acc__item_content ol:last-child,
.r_acc .r_acc__item .r_acc__item_content ul:last-child {
  margin-bottom: 0;
}
.r_acc .r_acc__item.is-open {
  background: #fff;
  color: var(--color-main);
}
.r_acc .r_acc__item.is-open .r_acc__item_header::after {
  content: "";
}
.r_acc .r_acc__item.is-open .r_acc__item_content {
  height: auto;
  opacity: 1;
  padding-top: 32px;
} /*! scroll to top */
.r_totop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
  width: 60px;
  height: 60px;
  z-index: 904;
  cursor: pointer;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0);
  color: var(--color-main);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1680px) {
  .r_totop {
    right: 25px;
  }
}
.r_totop::before {
  font-family: var(--font-icons);
  content: "";
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.r_totop:hover {
  background-color: var(--color-secondary);
} /*! to top */
.is-show-totop .r_totop {
  bottom: 1rem;
  opacity: 1;
  visibility: visible;
} /*! toasts */
.r_toast {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 992;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  transition: all 0.3s;
}
.r_toast__item {
  transition: all 0.3s;
  margin-bottom: 6px;
  background: var(--color-main);
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  opacity: 0;
  border-radius: 10px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.r_toast__item.is-shown {
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
} /*! tabs & accordeons */
.r_tabs {
  position: relative;
}
.r_tabs .r_tabs__links {
  display: none;
}
@media (min-width: 768px) {
  .r_tabs .r_tabs__links {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
  }
  .r_tabs .r_tabs__links .r_tabs__item_title {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .r_tabs .r_tabs__links .r_tabs__item_title.is-selected {
    background: var(--color-main-dark);
  }
}
.r_tabs .r_tabs__item .r_tabs__item_title {
  font-size: 14px;
  font-weight: 300;
  padding: 5px 30px 15px 0;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .r_tabs .r_tabs__item .r_tabs__item_title {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .r_tabs .r_tabs__item .r_tabs__item_title {
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 20px;
  }
}
.r_tabs .r_tabs__item .r_tabs__item_title {
  padding-right: 20px;
}
.r_tabs .r_tabs__item .r_tabs__item_title::after {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 7px;
  font-family: var(--font-icons);
  content: "";
  transition: all 0.3s;
  -webkit-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg);
}
.r_tabs .r_tabs__item .r_tabs__item_title.is-selected::after {
  -webkit-transform: rotate(0) translate(4px, -50%);
  transform: rotate(0) translate(4px, -50%);
}
.r_tabs .r_tabs__item .r_tabs__item_content {
  transition: all 0.3s;
  opacity: 0;
  height: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .r_tabs .r_tabs__item .r_tabs__item_content {
    line-height: normal;
  }
}
.r_tabs .r_tabs__item.is-selected .r_tabs__item_content {
  opacity: 1;
  visibility: visible;
  height: auto;
}
@media (max-width: 767.98px) {
  .r_tabs .r_tabs__item.is-selected .r_tabs__item_content {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .r_tabs .r_tabs__item--related {
    padding-top: 20px;
    border-top: 1px solid #000;
  }
  .r_tabs .r_tabs__item--related .r_tabs__item_title {
    display: none;
  }
  .r_tabs .r_tabs__item--related .r_tabs__item_content {
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
.r_tabs--accordeon .r_tabs__links {
  display: none;
}
.r_tabs--accordeon .r_tabs__item:not(:last-child) {
  margin-bottom: min(max(1.375rem, 2.625vw), 2.625rem);
}
.r_tabs--accordeon .r_tabs__item .r_tabs__item_title {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
}
@media (min-width: 768px) {
  .r_tabs--accordeon .r_tabs__item .r_tabs__item_title {
    font-size: 22px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 30px;
  }
  .r_tabs--accordeon .r_tabs__item .r_tabs__item_title::after {
    font-size: 11px;
  }
}
.r_tabs--accordeon .r_tabs__item.is-selected .r_tabs__item_content {
  padding-top: min(max(0.9375rem, 1.5vw), 1.5625rem);
}
@media (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links {
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid #cfcfcf;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1199.98px) {
  .r_tabs--tabs .r_tabs__links {
    justify-content: center;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links {
    font-size: 18px;
    text-transform: uppercase;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .r_tabs--tabs .r_tabs__links {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links .r_tabs__links_title {
    cursor: pointer;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links .r_tabs__links_title {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links .r_tabs__links_title::after {
    width: 20px;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.5s ease;
  }
}
@media (min-width: 768px) {
  .r_tabs--tabs .r_tabs__links .r_tabs__links_title.is-selected {
    font-weight: 400;
  }
  .r_tabs--tabs .r_tabs__links .r_tabs__links_title.is-selected::after {
    width: 100%;
    background: #404040;
  }
}
@media (min-width: 768px) {
  .r_tabs--tabs .r_tabs__item {
    border: none;
  }
  .r_tabs--tabs .r_tabs__item .r_tabs__item_title {
    display: none;
  }
  .r_tabs--tabs .r_tabs__item.is-selected .r_tabs__item_content {
    padding-top: 40px;
  }
} /*! qty counter */
.r_qty {
  max-width: 130px;
  width: 100%;
  color: var(--body-text);
  position: relative;
  justify-content: space-between;
  display: flex;
  border: 1px solid #ede8e6;
  height: 40px;
}
.r_qty .r_qty__btn {
  font-size: 24px;
  width: 40px;
  background: rgba(0, 0, 0, 0);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.r_qty .r_qty__btn--minus {
  right: auto;
  left: 0;
  font-size: 18px;
}
.r_qty .r_qty__input {
  width: 100%;
  text-align: center;
  min-width: auto;
  padding: 0 40px;
  font-size: 18px;
  font-weight: 500;
}
.r_qty .r_qty__input:disabled ~ .r_qty__btn {
  opacity: 0.6;
  cursor: default;
} /*! page progress */
.r_readprogress {
  --scrollAmount: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  z-index: 903;
  background-image: linear-gradient(
    90deg,
    #e1a4e6 0,
    #249dfd 50.78%,
    #a7ef50 100%
  );
  width: var(--scrollAmount);
  height: 4px;
  position: fixed;
  top: 0;
} /*! editor crop */
.is-text-truncate {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  display: block;
}
.is-text-truncate p {
  display: -webkit-box;
  box-orient: vertical;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.is-text-truncate .link--toggleCrop {
  display: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  font-weight: 400;
}
.is-text-truncate .link--toggleCrop:hover {
  color: inherit;
  text-decoration: none;
}
.is-text-truncate.is-crop-shown-more p {
  -webkit-line-clamp: unset !important;
}
.is-text-truncate.is-crop-shown-button .link--toggleCrop {
  display: inline-flex;
} /*! breadcrumbs */
.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 18px;
  font-family: var(--font-secondary);
}
@media (min-width: 992px) {
  .breadcrumbs {
    font-size: 26px;
  }
}
.breadcrumbs .breadcrumbs__item {
  position: relative;
}
.breadcrumbs .breadcrumbs__item:not(:last-child) {
  padding-right: 6px;
  margin-right: 13px;
}
.breadcrumbs .breadcrumbs__item:not(:last-child)::before {
  position: absolute;
  content: "-";
  right: 0;
  top: 2px;
  width: 1px;
  height: 10px;
}
.breadcrumbs .breadcrumbs__item a.breadcrumbs__item_link {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
.breadcrumbs .breadcrumbs__item a.breadcrumbs__item_link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
} /*! animated loader */
.r_loader {
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 9991;
  width: 11.75rem;
  height: 11.75rem;
  margin: -5.875rem 0 0 -5.875rem;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.r_loader > i {
  font-style: normal;
  display: block;
  top: 5rem;
  left: 5.8125rem;
  width: 0.25rem;
  height: 1.875rem;
  background: #888;
  -webkit-animation: fadeOut 1s linear infinite;
  animation: fadeOut 1s linear infinite;
  border-radius: 0.625rem;
  position: absolute;
}
.r_loader > i:nth-of-type(1) {
  -webkit-transform: rotate(0) translate(0, -3.75rem);
  transform: rotate(0) translate(0, -3.75rem);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.r_loader > i:nth-of-type(2) {
  -webkit-transform: rotate(30deg) translate(0, -3.75rem);
  transform: rotate(30deg) translate(0, -3.75rem);
  -webkit-animation-delay: -0.4166666667s;
  animation-delay: -0.4166666667s;
}
.r_loader > i:nth-of-type(3) {
  -webkit-transform: rotate(60deg) translate(0, -3.75rem);
  transform: rotate(60deg) translate(0, -3.75rem);
  -webkit-animation-delay: -0.3333333333s;
  animation-delay: -0.3333333333s;
}
.r_loader > i:nth-of-type(4) {
  -webkit-transform: rotate(90deg) translate(0, -3.75rem);
  transform: rotate(90deg) translate(0, -3.75rem);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.r_loader > i:nth-of-type(5) {
  -webkit-transform: rotate(120deg) translate(0, -3.75rem);
  transform: rotate(120deg) translate(0, -3.75rem);
  -webkit-animation-delay: -0.1666666667s;
  animation-delay: -0.1666666667s;
}
.r_loader > i:nth-of-type(6) {
  -webkit-transform: rotate(150deg) translate(0, -3.75rem);
  transform: rotate(150deg) translate(0, -3.75rem);
  -webkit-animation-delay: -0.0833333333s;
  animation-delay: -0.0833333333s;
}
.r_loader > i:nth-of-type(7) {
  -webkit-transform: rotate(180deg) translate(0, -3.75rem);
  transform: rotate(180deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.r_loader > i:nth-of-type(8) {
  -webkit-transform: rotate(210deg) translate(0, -3.75rem);
  transform: rotate(210deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0.0833333333s;
  animation-delay: 0.0833333333s;
}
.r_loader > i:nth-of-type(9) {
  -webkit-transform: rotate(240deg) translate(0, -3.75rem);
  transform: rotate(240deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0.1666666667s;
  animation-delay: 0.1666666667s;
}
.r_loader > i:nth-of-type(10) {
  -webkit-transform: rotate(270deg) translate(0, -3.75rem);
  transform: rotate(270deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.r_loader > i:nth-of-type(11) {
  -webkit-transform: rotate(300deg) translate(0, -3.75rem);
  transform: rotate(300deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0.3333333333s;
  animation-delay: 0.3333333333s;
}
.r_loader > i:nth-of-type(12) {
  -webkit-transform: rotate(330deg) translate(0, -3.75rem);
  transform: rotate(330deg) translate(0, -3.75rem);
  -webkit-animation-delay: 0.4166666667s;
  animation-delay: 0.4166666667s;
} /*! show loader */
.js-loader-show .r_loader {
  opacity: 1;
  visibility: visible;
} /*! 
------------------------------------------
POPUPS
------------------------------------------
*/ /*! default popups */
.popup {
  transition: opacity 0.4s ease-in-out;
  visibility: hidden;
  z-index: 9991;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  padding: 20px;
  background: var(--layer-bg);
  color: #000;
}
.popup a {
  color: #000;
}
@supports (height: 100dvh) {
  .popup {
    height: 100dvh;
  }
}
.popup.is-align-top {
  align-items: flex-start;
}
.popup .container {
  display: flex;
  height: 100%;
  position: relative;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .popup .container {
    align-items: center;
  }
}
.popup .popup__layer {
  transition-property: opacity;
  transition-duration: 0.25s, 0s;
  transition-delay: 0s, 0.25s;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 901;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}
.popup .popup__inner {
  width: 100%;
  transition: all 0.4s;
  opacity: 0;
  z-index: 2;
  position: relative;
  overflow: hidden;
  max-height: 100%;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: space-around;
  padding: 15px;
}
.popup .popup__header {
  margin-bottom: min(max(25px, 3.125vw), 50px);
}
.popup .popup__header .popup__header_title {
  position: relative;
  margin-bottom: 0;
}
.popup .popup__header .popup__header_title > * {
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 0;
}
.popup .popup__header .popup__header_subtitle {
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}
.popup .btn {
  min-width: 184px;
}
.popup .popup__close {
  position: absolute;
  display: block;
  right: 14px;
  top: 14px;
  left: auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
  z-index: 9;
  color: #000;
}
@media (min-width: 992px) {
  .popup .popup__close {
    border: 1px solid #000;
    width: 54px;
    height: 54px;
  }
}
.popup .popup__close::before {
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  font-family: var(--font-icons);
  content: "";
}
.popup .popup__close:hover {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.popup .alert--wrap {
  padding: 20px;
}
.popup .popup__state {
  display: none;
}
.popup.is-shown:not(.is-shown-success):not(.is-shown-error):not(.is-shown-shops)
  .popup__state--default {
  display: block;
}
.popup.is-shown-success .popup__state--default,
.popup.is-shown-success .popup__state--error {
  display: none;
}
.popup.is-shown-error .popup__state--default,
.popup.is-shown-error .popup__state--success {
  display: none;
}
.popup--window {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.popup--window .container {
  padding: 0;
  height: 100%;
}
.popup--window .popup__header {
  padding-bottom: 15px;
}
.popup--window .popup__content {
  overflow-y: auto;
  flex: 1;
}
.popup--window .popup__content .form {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.popup--window .popup__inner {
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  z-index: 902;
  transition: all 0.3s;
  background: #fff;
  padding: min(max(25px, 8.125vw), 130px) min(max(25px, 7.1875vw), 115px);
}
@media (max-width: 575.98px) {
  .popup--window.is-sm-fullscreen:not(.is-complete) {
    padding: 0;
    align-items: flex-start;
  }
  .popup--window.is-sm-fullscreen:not(.is-complete) .popup__inner {
    height: 100%;
  }
}
.popup--slide {
  overflow: hidden;
}
@media (max-width: 600px) {
  .popup--slide {
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
}
.popup--slide .popup__header {
  padding: 0 35px;
}
.popup--slide .popup__content {
  padding: 15px 35px;
  overflow: hidden;
  overflow-y: auto;
}
.popup--slide .popup__inner {
  padding: 0;
  padding-top: 35px;
  display: flex;
  flex-direction: column;
  position: fixed;
  justify-content: center;
  left: auto;
  top: 0;
  z-index: 903;
  background: #fff;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 1.25rem 1.25rem rgba(0, 0, 0, 0.1);
  color: var(--body-text);
  height: 100vh;
}
@supports (height: 1dvh) {
  .popup--slide .popup__inner {
    height: 100dvh;
  }
}
.popup--slide-right .popup__inner {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.popup--slide-left {
  padding-left: 0;
}
.popup--slide-left .popup__inner {
  right: auto;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.popup.is-shown-error .popup__title,
.popup.is-shown-success .popup__title {
  --min: 25px;
}
.popup.is-shown-error .popup__header,
.popup.is-shown-success .popup__header {
  padding: 0;
  padding-top: 20px;
}
.popup.is-shown-error .popup__state,
.popup.is-shown-success .popup__state {
  display: none !important;
}
.popup.is-shown-error .popup__inner,
.popup.is-shown-success .popup__inner {
  padding: 80px 20px 40px 20px;
  text-align: center;
  max-width: 570px !important;
}
.popup.is-shown-success .popup__state--success {
  display: block !important;
}
.popup.is-shown-success
  .popup__state--success
  .popup__header
  .popup__header_title {
  margin-bottom: 8px;
}
.popup.is-shown-success
  .popup__state--success
  .popup__header
  .popup__header_title
  > * {
  --max: 40px;
}
.popup.is-shown-error .popup__state--error {
  display: block !important;
} /*! popup show */
.js-popup-show {
  overflow: hidden;
  transition: opacity 0.1s ease-in-out;
}
.js-popup-show.is-no-touchdevice {
  padding-right: var(--scrollbar-width);
}
.js-popup-show.is-no-touchdevice .header {
  padding-right: var(--scrollbar-width);
}
.js-popup-show .popup.is-shown {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}
.js-popup-show .popup.is-shown .popup__layer {
  opacity: 1;
  visibility: visible;
}
.js-popup-show .popup.is-shown .popup__inner {
  visibility: visible;
  opacity: 1;
}
.js-popup-show .popup--slide-left.is-shown .popup__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.js-popup-show .popup--slide-right.is-shown .popup__inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.js-popup-show .popup--window.is-shown .popup__inner {
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .js-popup-show .popup .btn {
    width: 100%;
  }
}
.js-popup-show .popup .input {
  color: var(--color-main);
}
.js-popup-show .popup ::-webkit-input-placeholder {
  color: #666;
}
.js-popup-show .popup ::-moz-placeholder {
  color: #666;
}
.js-popup-show .popup :-ms-input-placeholder {
  color: #666;
}
.js-popup-show .popup ::-ms-input-placeholder {
  color: #666;
}
.js-popup-show .popup ::placeholder {
  color: #666;
}
@media (max-width: 991.98px) {
  .js-popup-show .popup .form__cols {
    display: block;
  }
  .js-popup-show .popup .form__cols .form__cols_item:first-child {
    margin-bottom: 25px;
  }
}
.popup--menu .popup__inner {
  justify-content: space-between;
}
.popup--menu .popup__close {
  border-color: #fff;
}
.popup--menu .popup__content {
  padding: 50px 35px;
}
.popup--menu .popup__footer {
  padding: 0 35px;
}
.popup--menu .nav {
  display: flex;
  flex-direction: column;
  font-size: 18px;
}
.popup--menu .nav .nav__item:not(:last-child) {
  margin-bottom: 30px;
}
.popup--menu .nav .nav__item--address {
  margin-bottom: 8px;
}
.popup--menu .nav .nav__item .nav__item_link {
  text-decoration: none;
  transition: all 0.3s;
}
.popup--menu .nav .nav__item .nav__item_link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.popup--menu .contacts {
  padding: 30px 0;
}
.popup--menu .contacts .contacts__item--phone {
  font-size: 28px;
}
.popup--menu .contacts .contacts__item--phone a {
  text-decoration: none;
}
.popup--menu .contacts .contacts__item--address {
  color: #81a3c2;
  font-size: 13px;
} /*! custom popups */
@media (min-width: 1200px) {
  .popup--xl .popup__inner {
    max-width: 960px;
  }
}
@media (min-width: 1440px) {
  .popup--xl .popup__inner {
    max-width: 1250px;
  }
}
@media (min-width: 768px) {
  .popup--md .popup__inner {
    max-width: 570px;
  }
  .popup--lg .popup__inner {
    max-width: 650px;
  }
}
@media (min-width: 576px) {
  .popup--sm .popup__inner {
    max-width: 360px;
  }
} /*! main banner */
.mainBanner {
  position: relative;
}
@media (max-width: 991.98px) {
  .mainBanner {
    margin-bottom: 50px;
  }
}
.mainBanner .container {
  position: relative;
}
.mainBanner .item {
  position: relative;
  padding: 50px 0;
  height: 100vh;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 992px) {
  .mainBanner .item {
    padding: 200px 0 50px 0;
  }
}
@media (max-width: 991.98px) {
  .mainBanner .item .item__class {
    margin-bottom: 13px;
  }
}
.mainBanner .item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 91;
  background: linear-gradient(
    180deg,
    rgba(7, 57, 102, 0) 0,
    rgba(7, 57, 102, 0.8) 30.53%,
    #073966 80.13%
  );
  height: 268px;
}
.mainBanner .item .item__image {
  background: var(--color-main);
}
.mainBanner .item .item__image img {
  position: absolute;
  display: block;
  height: 100vh;
}
.mainBanner .item .item__content {
  position: relative;
  z-index: 91;
}
.mainBanner .item .item__title {
  font-size: min(max(40px, 6.5vw), 120px);
  margin-bottom: 10px;
  line-height: 100%;
}
.mainBanner .item .item__text {
  font-size: 13px;
}
@media (min-width: 1440px) {
  .mainBanner .item .item__text {
    font-size: 20px;
  }
}
.mainBanner .item--center {
  text-align: center;
}
.mainBanner .swiper__buttons {
  display: none;
}
@media (min-width: 1200px) {
  .mainBanner .swiper__buttons {
    display: flex;
    position: absolute;
    top: 50%;
    width: 100%;
  }
}
.mainBanner .swiper__pagination {
  bottom: 16px;
}
@media (min-width: 1200px) {
  .mainBanner .swiper__pagination {
    bottom: 30px;
  }
}
.mainBanner--object {
  margin-bottom: 0;
}
.mainBanner--object .item {
  padding-top: 50px;
  padding-bottom: 50px;
}
.mainBanner--object .item .item__title {
  font-size: min(max(40px, 6.5vw), 100px);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .mainBanner--object .item .item__title {
    margin-bottom: 35px;
  }
}
.mainBanner--object .item .item__class {
  margin-bottom: 20px;
}
.mainBanner--object .item .item__class .object__class {
  font-size: 18px;
}
.mainBanner--object .item .item__text {
  font-family: var(--font-secondary);
  font-size: min(max(16px, 2vw), 32px);
  font-weight: 200;
  text-transform: uppercase;
  line-height: 157%;
}
.mainBanner .item {
  position: relative;
}
.swiper__pagination {
  padding-top: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.5rem;
  z-index: 999;
}
.swiper__pagination .swiper-pagination {
  display: flex;
  justify-content: flex-start;
}
.swiper__pagination.is-align-right .swiper-pagination {
  justify-content: flex-end;
}
.swiper__pagination.is-align-center .swiper-pagination {
  justify-content: center;
}
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.2);
  width: 4.375rem;
  block-size: 0.25rem;
  border-radius: 0;
} /*! 
------------------------------------------
CATALOG
------------------------------------------
*/
@media (max-width: 991.98px) {
  .section--finder {
    margin-bottom: 20px;
  }
}
.section--finder .filter__mobile .btn {
  width: 100%;
}
@media (min-width: 992px) {
  .section--finder {
    display: block;
  }
  .section--finder .filter__mobile {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .section--finder .section__header {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .section--finder .filter {
    position: fixed;
    padding: 15px;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 450px;
    transition: all 0.3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background: #fff;
    z-index: 991;
    height: 100vh;
  }
  @supports (height: 1dvh) {
    .section--finder .filter {
      height: 100dvh;
    }
  }
}
@media (max-width: 991.98px) {
  .section--finder .filter {
    padding-bottom: 30px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .section--finder .filter .filter__buttons {
    margin-top: auto;
  }
}
.section--finder .filter .filter__header {
  display: none;
}
@media (max-width: 991.98px) {
  .section--finder .filter .filter__header {
    padding: 0 0 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section--finder .filter .filter__header .link {
    font-size: 14px;
  }
  .section--finder .filter .filter__header .filter__header_title {
    padding: 0 10px;
    font-size: 20px;
    text-align: center;
  }
}
.section--finder .filter .selectBox,
.section--finder .filter .selectBox__name,
.section--finder .filter .selectBox__value {
  width: 100%;
}
@media (max-width: 991.98px) {
  .section--finder .filter .selectBox .selectBox__name {
    background: #f1f5fc;
  }
  .section--finder .filter .selectBox .selectBox__dd {
    background: #fff;
  }
  .section--finder .filter .c_input {
    color: #000;
  }
  .section--finder .filter .c_input .c_input__control {
    border-color: #000;
    color: #000;
  }
  .section--finder .filter .c_input .c_input__label {
    color: #000;
  }
}
.section--finder .filter .filter__item .filter__item-label {
  font-size: 14px;
  color: #81a3c2;
  margin-bottom: 12px;
}
.section--finder .filter .filter__items {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px 30px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media (max-width: 991.98px) {
  .section--finder .filter .filter__items {
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
    height: 100%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }
  .section--finder .filter .filter__items .filter__item {
    width: 100%;
  }
}
.section--finder .filter .filter__buttons {
  padding-top: 30px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991.98px) {
  .section--finder .filter .filter__buttons {
    padding-top: 20px;
  }
  .section--finder .filter .filter__buttons .btn {
    width: 100%;
  }
}
.js-show-filter {
  overflow: hidden;
}
.js-show-filter .filter {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.js-show-filter .layer {
  opacity: 1;
  visibility: visible;
  z-index: 903;
}
.js-show-filter.is-no-touchdevice {
  padding-right: var(--scrollbar-width);
}
.js-show-filter.is-no-touchdevice .header {
  padding-right: var(--scrollbar-width);
} /*! 
------------------------------------------
STATIC PAGES
------------------------------------------
*/ /*! section 404 */
.section--404 .page404 {
  font-family: var(--font-secondary);
  text-align: center;
}
@media (min-width: 992px) {
  .section--404 .page404 {
    padding: 35px 0;
  }
}
.section--404 .page404 .page404__sign {
  padding: 25px 0;
  font-size: min(max(50px, 12.5vw), 200px);
  font-weight: 700;
}
.section--404 .page404 .page404__text {
  font-size: 18px;
  line-height: 140%;
} /*! 
------------------------------------------
FOOTER
------------------------------------------
*/
.footer {
  background: var(--color-main);
  color: #fff;
}
@media (min-width: 1440px) {
  .footer {
    font-size: 18px;
  }
}
.footer .nav .nav__item_link.is-selected,
.footer .nav .nav__item_link:hover {
  color: var(--color-secondary);
}
.footer a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s;
  font-size: 16px;
}
.footer .politika {
  font-size: 13px;
}
.footer .contacts {
  display: none;
}
@media (min-width: 992px) {
  .footer .contacts {
    display: block;
  }
  .footer .contacts .contacts__item:not(:last-child) {
    margin-bottom: 20px;
  }
  .footer .contacts .contacts__item .contacts__item_label {
    color: #81a3c2;
    font-size: 13px;
  }
  .footer .contacts .contacts__item .contacts__item_value {
    color: #fff;
  }
  .footer .contacts .contacts__item--phone .contacts__item_value {
    font-size: 28px;
  }
  .footer .contacts .contacts__item--phone .contacts__item_value:hover {
    color: var(--color-secondary);
  }
}
.footer .contacts .btn {
  width: 100%;
  min-width: auto;
}
@media (max-width: 991.98px) {
  .footer .copyrights {
    display: none;
  }
}
.footer .footer__row {
  border-top: 1px solid #81a3c2;
}
@media (min-width: 992px) {
  .footer .footer__row--middle,
  .footer .footer__row--top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 210px 1fr 210px;
    grid-template-columns: 210px 1fr 210px;
    grid-gap: 20px 100px;
  }
}
.footer .footer__row--top {
  padding-top: min(max(30px, 4vw), 65px);
  margin-bottom: min(max(30px, 3.75vw), 60px);
}
.footer .footer__row--middle {
  border-top: 0;
  padding-bottom: 20px;
  font-size: 13px;
  color: #81a3c2;
}
.footer .footer__row--middle .nav {
  font-size: 16px;
  gap: 12px 15px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1440px) {
  .footer .footer__row--middle .nav {
    font-size: 16px;
    gap: 10px 50px;
  }
}
@media (max-width: 991.98px) {
  .footer .footer__row--middle .nav {
    margin-bottom: 12px;
    flex-direction: column;
  }
}
.footer .footer__row--bottom {
  padding: 20px 0;
  font-size: 12px;
  line-height: 13px;
  color: #81a3c2;
}
.footer .footer__col--logo {
  display: none;
}
@media (min-width: 992px) {
  .footer .footer__col--logo {
    display: block;
  }
  .footer .footer__col--logo p {
    font-size: 13px;
    line-height: 20px;
  }
  .footer .footer__col--logo .logo {
    font-size: 60px;
    margin-bottom: 10px;
  }
  .footer .footer__col--logo .logo::before {
    font-family: var(--font-icons);
    content: url("/local/templates/sever_stroi/css/../assets/logo.svg");
  }
}
.footer .footer__col--nav .nav {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 992px) {
  .footer .footer__col--nav .nav {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .footer .footer__col--nav .nav {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px 30px;
  }
} /*! insales components styling */
.m_popup {
  position: relative;
}
.m_popup .m_popup__inner {
  position: absolute;
  background: #fff;
  padding: 10px;
  width: 180px;
  bottom: 10px;
  border: 1px solid var(--color-main);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  left: -25px;
  text-align: center;
  transition: all 0.3s;
  color: var(--color-main);
}
.m_popup .m_popup__inner .social {
  justify-content: center;
  gap: 10px;
}
.m_popup .m_popup__inner::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  right: 20px;
  margin-left: -6px;
  content: "";
}
.m_popup.is-open .m_popup__inner {
  bottom: 25px;
  opacity: 1;
  visibility: visible;
} /*! insales popups */
.insales_widget-modal {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0.25rem 0.625rem;
  padding: 2.5rem 1.5625rem;
  border-radius: 0;
}
@media (min-width: 640px) {
  .insales_widget-modal {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.insales_widget-modal.insales_widget-modal_open {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
@media (min-width: 640px) {
  .insales_widget-modal.insales_widget-modal_open {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
.insales_widget-modal .insales-autocomplete-address-input {
  border-radius: 0;
  background: #fff;
  border: 1px solid #ced0d2;
}
.insales_widget-modal_overlay {
  transition: all 0.3s;
  background: var(--layer-bg);
} /*! delivery widget */
.insales_widget-delivery {
  border: 1px solid #ede8e6;
}
.insales_widget-delivery.insales_widget-delivery--box-shadow {
  box-shadow: none;
}
.insales_widget-delivery.insales_widget-delivery--border-radius,
.insales_widget-delivery.insales_widget-delivery--border-radius
  .insales_widget-delivery_header {
  border-radius: 0;
}
.insales_widget-delivery.insales_widget-delivery--with-background
  .insales_widget-delivery_header {
  background: #ede8e6;
}
.insales_widget-current_address button.insales_widget-open_modal {
  color: var(--color-main);
  border-bottom: 1px dashed var(--color-main);
  padding-left: 0;
  padding-right: 0;
  margin-left: 6px;
}
#theme_settings_body {
  margin-top: 56px;
}
#theme_settings_body .header {
  position: relative !important;
  background: #ccc;
}
.co-input--error .co-input-field {
  border-color: var(--color-error);
} /*! noscript msg */
.nscript {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  zoom: 1;
  z-index: 9999;
}
.nscript__content {
  background: var(--color-error);
  font-size: 0.8125rem;
  text-shadow: 0.0625rem 0 0.0625rem var(--color-error);
  line-height: 0.9375rem;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0.3125rem var(--body-text);
  padding: 1.25rem 0;
}
.grecaptcha-badge {
  display: none !important;
} /*! layer */
.layer {
  transition-property: opacity;
  transition-duration: 0.25s, 0s;
  transition-delay: 0s, 0.25s;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 901;
  background: var(--layer-bg);
}
@media (min-width: 992px) {
  .layer {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
} /*! misc */
.hide,
.is-none,
.none {
  display: none !important;
}
.hidden,
.is-hidden {
  visibility: hidden;
}
.cf::after,
.clear,
.clearfix::after {
  clear: both;
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
} /*! demo colors */
[data-variant-color="black"] {
  background-color: #000;
}
[data-variant-color="green"] {
  background-color: #73f11e;
}
:root {
  --duration-short: 100ms;
  --duration-extra-long: 600ms;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow)
    forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}
.is-animate--zoom-in {
  --zoom-in-ratio: 1;
}
.is-animate--zoom-in > .svg-wrapper,
.is-animate--zoom-in > img {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}
@media (prefers-reduced-motion: no-preference) {
  .is-animate--zoom-in > .svg-wrapper,
  .is-animate--zoom-in > img {
    -webkit-animation: animateAmbient 30s linear infinite;
    animation: animateAmbient 30s linear infinite;
  }
  .is-animate.is-animate--fade-in,
  .is-animate.is-animate--slide-in {
    opacity: 0.01;
  }
  .is-animate.is-animate--slide-in {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  .is-animate:not(.is-animate--offscreen).is-animate--fade-in {
    opacity: 1;
    -webkit-animation: var(--animation-fade-in);
    animation: var(--animation-fade-in);
  }
  .is-animate:not(.is-animate--offscreen).is-animate--slide-in {
    -webkit-animation: var(--animation-slide-in);
    animation: var(--animation-slide-in);
    -webkit-animation-delay: calc(var(--animation-order) * 75ms);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .is-animate:not(.is-animate--offscreen).is-animate--cancel {
    opacity: 1;
    -webkit-animation: none;
    animation: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
  }
} /*! */
@keyframes loading {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes color-change {
  0% {
    background-image: linear-gradient(to right, #b3ffff, #df80ff, #ff80ff);
  }
  100% {
    background-image: linear-gradient(to right, red, red);
    background-image: linear-gradient(to right, #ff80ff, #df80ff, #b3ffff);
  }
}
@keyframes color-change {
  0% {
    background-image: linear-gradient(to right, #b3ffff, #df80ff, #ff80ff);
  }
  100% {
    background-image: linear-gradient(to right, red, red);
    background-image: linear-gradient(to right, #ff80ff, #df80ff, #b3ffff);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader {
  50% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes loader {
  50% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes animateAmbient {
  0% {
    -webkit-transform: rotate(0) translateX(1em) rotate(0) scale(1.2);
    transform: rotate(0) translateX(1em) rotate(0) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
  }
}
@keyframes animateAmbient {
  0% {
    -webkit-transform: rotate(0) translateX(1em) rotate(0) scale(1.2);
    transform: rotate(0) translateX(1em) rotate(0) scale(1.2);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
  }
}
@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0.01;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0.01;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
} /*! 
------------------------------------------
PLUGINS
------------------------------------------
*/ /*! swiper styles */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-scrollbar {
  margin-top: 10px;
  border-radius: 13px;
  position: relative;
  background: #bfbfbf;
  height: 2px;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 4px;
  top: auto;
  z-index: 50;
  background: #ebebeb;
  width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: auto;
  right: 4px;
  top: 1%;
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: 1%;
}
.swiper-scrollbar-drag {
  width: 100%;
  position: relative;
  background: var(--color-main);
  border-radius: 7px;
  height: 2px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper__buttons {
  display: flex;
  justify-content: space-between;
  transition: all 0.3s;
  z-index: 800;
  width: 100%;
  padding-top: 20px;
}
.swiper__buttons .swiper__button {
  color: #757575;
  cursor: pointer;
  font-size: 15px;
  width: 70px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s;
  color: #81a3c2;
}
.swiper__buttons .swiper__button::before {
  font-family: var(--font-icons);
  content: "";
}
.swiper__buttons .swiper__button--prev {
  justify-content: flex-start;
}
.swiper__buttons .swiper__button--prev::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.swiper__buttons .swiper__button:hover:not(.swiper-button-disabled) {
  color: var(--color-secondary);
}
.swiper__buttons .swiper__button.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  cursor: default;
}
.swiper--hide .swiper__buttons {
  opacity: 0;
  visibility: hidden;
}
.swiper--hide:hover .swiper__buttons {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  padding: 0 40px;
}
.swiper__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .swiper__controls {
    justify-content: center;
  }
}
.swiper__pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .swiper__pagination {
    padding: 0 10px;
  }
}
.swiper__pagination > * {
  font-size: 0;
  margin: 0 5px;
  flex: 1;
  height: 3px;
  background: #81a3c2;
  transition: all 0.3s;
  cursor: pointer;
}
@media (min-width: 768px) {
  .swiper__pagination > * {
    margin: 0 15px;
  }
}
.swiper__pagination > .swiper-pagination-bullet-active,
.swiper__pagination > :hover {
  background: #81a3c2;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  right: 0;
  left: 0;
  height: 10px;
}
.swiper-pagination-bullet {
  flex: 1;
  position: relative;
  cursor: pointer;
  text-align: left;
  display: block;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  height: 3px;
}
.swiper-pagination-bullet span {
  display: none;
}
@media (min-width: 768px) {
  .swiper-pagination-bullet span {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #81a3c2;
    font-size: 18px;
  }
}
.swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 4px;
  background-color: rgba(0, 0, 0, 0);
}
.swiper-pagination-bullet-active b {
  -webkit-animation-name: countingBar;
  animation-name: countingBar;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background: #b9e889;
}
@-webkit-keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body:has(.js-menu-hover) .header .logo::before {
  background: red;
  content: url("/local/templates/sever_stroi/css/../assets/logoSSS-dark.svg") !important;
}

/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17484328392729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */


/* Start:/local/templates/sever_stroi/styles.css?1745934931600*/
/* Popup Banner */
.popup-form-call-whatsapp {
  z-index: 500;
  display: none;
  background: #f2f2f2;
  position: fixed;
  top: 50%;
  right: 50%;
  width: 680px;
  max-width: 100%;
  height: fit-content;
  color: var(--text-color);
  transform: translate(50%, -50%);
}

.popup-form-call-whatsapp .close-form {
  position: absolute;
  right: 0;
  margin-right: 15px;
  margin-top: 15px;
}

.overlay-blur {
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(3px);
  z-index: 301;
  opacity: 1;
}
/* Popup Banner end */

/* End */
/* /local/templates/sever_stroi/css/fonts.min.css?17413397022426 */
/* /local/templates/sever_stroi/css/base.min.css?1757071017160479 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17484328392729 */
/* /local/templates/sever_stroi/styles.css?1745934931600 */