:root {
  --field-width: 100%;
  --form-offers-mr-sl: 1rem;
  --nav-menu-mb: 0.75rem;
  --nav-menu-pt: 30px;
  --btn-padding: 0.5rem;
  --bs-body-line-height: 130%;
  --nav-btn-pd: 19px;
  --size-clubs-result-h: 300px;
  --form-book-w: 100%;
  --slider-club-w: 100%;
  --slider-club-h: 365px;
  --page-sale-mb: 30px;
  --page-sale-mr: 0.25rem;
  --page-sale-count: 2;
  --page-sale-w-size: calc(100% / var(--page-sale-count) - var(--page-sale-mr));
  --box-pd-base: 37px;
  --box-pd: 37px 1rem;
}
@media (min-width: 375px) {
  :root {
    --slider-club-h: 427px;
  }
}
@media (min-width: 768px) {
  :root {
    --nav-btn-pd: 20px;
    --nav-menu-pt: 1.4rem;
  }
}
@media (min-width: 992px) {
  :root {
    --field-width: calc(50% - 0.5rem);
    --slider-club-h: 539px;
    --form-book-w: 30%;
    --slider-club-w: calc(70% - 10px);
    --size-clubs-result-h: 650px;
    --page-sale-mb: 50px;
    --page-sale-mr: 1rem;
    --page-sale-count: 4;
  }
}
@media (min-width: 1200px) {
  :root {
    --btn-padding: 0.7rem 1rem;
    --nav-btn-pd: 20px 24px 19px 24px;
    --bs-modal-border-radius: 14px;
    --slider-club-h: 501px;
    --slider-club-w: 70%;
    --size-clubs-result-h: 850px;
    --box-pd: 0 55px 30px 37px;
  }
}
@media (min-width: 1300px) {
  :root {
    --page-sale-count: 4;
    --box-pd: 0 30px 37px;
  }
}
@media (min-width: 1400px) {
  :root {
    --form-book-w: 30%;
    --slider-club-w: 70%;
    --slider-club-h: 575px;
  }
}

@keyframes animBg {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes animBgRev {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@font-face {
  font-family: "Avenir Next Cyr";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Avenir Next Cyr"), url("../fonts/AvenirNextCyr-Regular.woff2") format("woff2"), url("../fonts/AvenirNextCyr-Regular.woff") format("woff");
}
@font-face {
  font-family: "Avenir Next Cyr Demi";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("Avenir Next Cyr Demi"), url("../fonts/AvenirNextCyr-Demi.woff2") format("woff2"), url("../fonts/AvenirNextCyr-Demi.woff") format("woff");
}
@font-face {
  font-family: "Avenir Next Cyr Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("Avenir Next Cyr Light"), url("../fonts/AvenirNextCyr-Light.woff2") format("woff2"), url("../fonts/AvenirNextCyr-Light.woff") format("woff");
}
/**
 * Rem-converter mixin to convert px to rem
 */
/**
 * Usages
 */
body,
html {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  min-height: 100vh;
  font-family: "Avenir Next Cyr", sans-serif;
  font-size: 20px;
  line-height: 130%;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

svg {
  fill: currentColor;
}

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

.small {
  font-size: 0.875rem;
  line-height: 100%;
}

#slider-scroll {
  /*   background-color: orange; */
  width: 100%;
}

.item {
  width: 100%;
  height: 500px;
  /*   background-color: yellow; */
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: https://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 10px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.section {
  border-radius: 16px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.section--bg-pic {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 550px;
  min-height: 254px;
  padding: 1rem;
  padding-top: 5rem;
  background-color: #42474d;
  transition: 0.3s;
  background-size: cover;
  text-decoration: none;
  overflow: hidden;
}
@media (min-width: 576px) {
  .section--bg-pic {
    min-height: 254px;
  }
}
@media (min-width: 768px) {
  .section--bg-pic {
    padding: 2.5rem 1.5rem 1rem 2.075rem;
  }
}
@media (min-width: 1400px) {
  .section--bg-pic {
    padding: 2.5rem 2.075rem;
  }
}
.section--bg-pic .section__pic-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .section--bg-pic .section__pic-bg {
    animation: animBgRev 1s ease-in-out;
  }
}
.section--bg-pic .section__pic-bg picture, .section--bg-pic .section__pic-bg img {
  display: block;
  width: 100%;
  min-height: 254px;
}
@media (min-width: 992px) {
  .section--bg-pic .section__pic-bg picture, .section--bg-pic .section__pic-bg img {
    height: 100%;
  }
}
.section--bg-pic:focus, .section--bg-pic:hover {
  transition: 0.3s;
  text-decoration: none;
  outline: none;
}
@media (min-width: 992px) {
  .section--bg-pic:focus::before, .section--bg-pic:focus .section__pic-bg, .section--bg-pic:hover::before, .section--bg-pic:hover .section__pic-bg {
    animation: animBg 1s forwards;
  }
}
.section--bg-pic:focus .link-text--more .icon, .section--bg-pic:hover .link-text--more .icon {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
@media (max-width: 576px) {
  .section--bg-pic:focus .link-text--more .icon, .section--bg-pic:hover .link-text--more .icon {
    width: 19px;
  }
}
.section--bg-pic .title {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  color: #ffffff;
}
@media (min-width: 992px) {
  .section--bg-pic .title {
    min-height: 52px;
  }
}
.section--bg-pic .link-text--more {
  margin-left: auto;
  margin-right: 0;
  color: #ffffff;
}
.section--bg-pic .link-text--more:focus, .section--bg-pic .link-text--more:hover {
  color: #fffeda;
}
@media (max-width: 576px) {
  .section--bg-pic .link-text--more .icon {
    width: 19px;
  }
}

.title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
  font-size: 16px;
}
@media (min-width: 375px) {
  .title {
    font-size: calc(0.4419889503vw + 14.3425414365px);
  }
}
@media (min-width: 1280px) {
  .title {
    font-size: 20px;
  }
}
.title span {
  word-spacing: inherit;
}

.subtitle {
  display: inline-block;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  line-height: 130%;
  font-size: 16px;
}
@media (min-width: 375px) {
  .subtitle {
    font-size: calc(0.4419889503vw + 14.3425414365px);
  }
}
@media (min-width: 1280px) {
  .subtitle {
    font-size: 20px;
  }
}
.subtitle span {
  word-spacing: inherit;
}

.logo {
  display: block;
  width: 126px;
  height: 33px;
}
@media (min-width: 992px) {
  .logo {
    width: 230px;
    height: 39px;
  }
}
@media (min-width: 1300px) {
  .logo {
    width: 269px;
    height: 45px;
  }
}
.logo--footer {
  width: 154px;
  height: 25px;
}
.logo--footer picture {
  width: 100%;
  height: 100%;
}

.button {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding: 16px 20px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  transition: 0.3s;
  cursor: pointer;
  font-size: 16px;
}
@media (min-width: 375px) {
  .button {
    font-size: calc(0.4419889503vw + 14.3425414365px);
  }
}
@media (min-width: 1280px) {
  .button {
    font-size: 20px;
  }
}
.button--red {
  padding: 0.5rem 2rem;
  color: #ffffff;
  border: 2px solid #cd4141;
  background-color: #cd4141;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}
.button--red:focus, .button--red:hover {
  color: #cd4141;
  border: 2px solid #cd4141;
  background-color: transparent;
}
.button--outline {
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 16px;
  background-color: transparent;
}
.button--outline:focus, .button--outline:hover {
  color: #fffeda;
  border-color: #fffeda;
  background-color: transparent;
}
.button--outline-red {
  color: #cd4141;
  border: 2px solid #cd4141;
  border-radius: 16px;
  background-color: transparent;
}
.button--outline-red:focus, .button--outline-red:hover {
  color: #ffffff;
  border-color: #cd4141;
  background-color: #cd4141;
}
.button--yellow {
  color: #42474d;
  border: 2px solid #fffeda;
  border-radius: 16px;
  background-color: #fffeda;
}
.button--yellow:focus, .button--yellow:hover {
  border-color: #42474d;
}
.button-tooltip {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
}
.button-tooltip .icon {
  width: 20px;
  height: 20px;
  stroke: #217abf;
}

.link-pay {
  padding: 17px 19px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #ffffff;
  border: 2px solid #cd4141;
  background-color: #cd4141;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  transition: 0.3s;
  text-decoration: none;
  font-size: 16px;
}
@media (min-width: 375px) {
  .link-pay {
    font-size: calc(0.4419889503vw + 14.3425414365px);
  }
}
@media (min-width: 1280px) {
  .link-pay {
    font-size: 20px;
  }
}
.link-pay:focus, .link-pay:hover {
  color: #cd4141;
  background-color: transparent;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .link-pay {
    padding: 17px 25px;
  }
}

.link-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  font-family: inherit;
}
.link-text:focus, .link-text:hover {
  color: #fffeda;
  text-decoration: none;
}
.link-text--svg .icon {
  margin-right: 7px;
  margin-right: 0.4375rem;
  fill: #fffeda;
}
.link-text--more {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #42474d;
  line-height: normal;
  text-transform: lowercase;
}
.link-text--more .icon {
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  height: 8px;
}
.link-text--more:focus, .link-text--more:hover {
  color: #42474d;
}
.link-text--arrow span {
  width: calc(100% - 16px - 0.5rem);
}
.link-text--arrow .icon {
  margin-right: 0.5rem;
  fill: #fffeda;
}

.link-icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration: none;
  font-family: inherit;
  color: #42474d;
}
.link-icon:focus, .link-icon:hover {
  text-decoration: none;
  color: #42474d;
}
.link-icon--more {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  transition: 0.3s;
}
.link-icon--more:focus .icon, .link-icon--more:hover .icon {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.link-icon--more .icon {
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  height: 8px;
  transition: 0.3s;
}
.link-icon--bold {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
}
.link-icon--lower {
  text-transform: lowercase;
}

.nav-select {
  padding: 0 1rem;
  margin: 0.5rem;
  color: #42474d;
  background-color: #e2f0fb;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  transition: 0.3s;
  line-height: normal;
  cursor: pointer;
}
.nav-select:focus {
  border: 1px solid black;
}
.nav-select:focus, .nav-select:hover {
  background-color: #fffeda;
}
.nav-select select {
  padding: 0.5rem 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  border: none;
}
.nav-select select:focus {
  outline: none;
}
@media (min-width: 1300px) {
  .nav-select select {
    padding: 0.7rem 0;
    font-size: 20px;
  }
}
.nav-select option {
  padding: 0.5rem;
  background-color: #fffeda;
}
.nav-select option:hover {
  background-color: #fff;
}

.nav-city {
  position: relative;
  height: 100%;
}
@media (max-width: 450px) {
  .nav-city {
    width: 100%;
  }
}
.nav-city .title {
  margin-bottom: 15px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
}
.nav-city__title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding: var(--nav-btn-pd);
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  height: 100%;
  color: #42474d;
  background-color: #e2f0fb;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  transition: 0.3s;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}
@media (min-width: 320px) {
  .nav-city__title {
    font-size: calc(7.2727272727vw - 9.2727272727px);
  }
}
@media (min-width: 375px) {
  .nav-city__title {
    font-size: calc(2.6666666667vw + 8px);
  }
}
@media (min-width: 450px) {
  .nav-city__title {
    font-size: calc(-1.8867924528vw + 28.4905660377px);
  }
}
@media (min-width: 768px) {
  .nav-city__title {
    font-size: calc(0.8620689655vw + 7.3793103448px);
  }
}
@media (min-width: 1000px) {
  .nav-city__title {
    font-size: calc(-0.5vw + 21px);
  }
}
@media (min-width: 1200px) {
  .nav-city__title {
    font-size: calc(2.5vw - 15px);
  }
}
@media (min-width: 1280px) {
  .nav-city__title {
    font-size: calc(2.5vw - 15px);
  }
}
@media (min-width: 1400px) {
  .nav-city__title {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .nav-city__title {
    width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .nav-city__title {
    line-height: 130%;
  }
}
@media (min-width: 1300px) {
  .nav-city__title {
    margin-left: 0;
  }
}
.nav-city__title:focus, .nav-city__title:hover {
  color: #42474d;
  background-color: #fffeda;
}
.nav-city__title:focus svg, .nav-city__title:hover svg {
  fill: #42474d;
  stroke: #ffffff;
}
.nav-city__title ~ .nav-city__list.d-block {
  background-color: #fffeda;
}
.nav-city__title svg {
  margin-left: 0.5rem;
}
.nav-city__title span {
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .nav-city__title span {
    max-width: 120px;
  }
}
@media (min-width: 1400px) {
  .nav-city__title span {
    max-width: 200px;
  }
}
.nav-city__wrapper {
  z-index: 10;
  position: absolute;
  top: 75%;
  left: 0;
  padding: 1rem;
  padding-right: 0.2rem;
  border-radius: 16px;
  background-color: #fffeda;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  padding-bottom: 0.1rem;
}
.nav-city__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-city__list li {
  min-width: 180px;
  margin-bottom: 0.25rem;
}
@media (min-width: 375px) {
  .nav-city__list li {
    min-width: 200px;
  }
}
@media (min-width: 768px) {
  .nav-city__list li {
    min-width: 175px;
  }
}
@media (min-width: 1200px) {
  .nav-city__list li {
    min-width: 200px;
  }
}
.nav-city__list li:first-child a {
  font-weight: 700;
}
.nav-city__list a {
  display: block;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  text-decoration: none;
  color: #42474d;
  transition: 0.3s;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  padding-bottom: 0.1rem;
}
@media (min-width: 375px) {
  .nav-city__list a {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .nav-city__list a {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .nav-city__list a {
    font-size: 20px;
  }
}
.nav-city__list a:focus, .nav-city__list a:hover {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  transition: 0.3s;
}

.my-custom-scrollbar {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  /* Scrollbar */
}
@media (min-width: 992px) {
  .my-custom-scrollbar {
    height: auto;
  }
}
.my-custom-scrollbar::-webkit-scrollbar {
  width: 0.45rem;
}
.my-custom-scrollbar::-webkit-scrollbar-thumb, .my-custom-scrollbar::-webkit-scrollbar-track-piece {
  background: rgba(66, 71, 77, 0.15);
  border-radius: 41px;
}
.my-custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  background-color: #e2f0fb;
  width: 100%;
  text-decoration: none;
  color: #42474d;
  padding: 10% 2rem;
}
.box:focus, .box:hover {
  color: #42474d;
  text-decoration: none;
}
@media (min-width: 1300px) {
  .box {
    margin-top: 0;
    width: 50%;
    padding: 25% 2rem;
  }
}
@media (min-width: 1200px) {
  .box {
    padding-bottom: 2rem;
  }
}
.box__title {
  position: relative;
  margin: auto;
  padding-top: calc(25% + 0.5rem);
  padding-bottom: 5%;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  width: 100%;
  max-width: 220px;
}
@media (min-width: 1200px) {
  .box__title {
    padding-bottom: 2%;
    padding-top: calc(30% + 0.5rem);
  }
}
@media (min-width: 1400px) {
  .box__title {
    font-size: 22px;
    padding-top: calc(40% + 0.5rem);
  }
}
.box__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.box__title span {
  display: block;
  text-transform: uppercase;
}
.box--job {
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 800px) {
  .box--job {
    width: 47vw !important;
  }
}
.box--job .box__title::before {
  width: 27%;
  height: 35%;
  min-width: 94px;
  background-image: url("../img/icons/job.svg");
}
@media (min-width: 1400px) {
  .box--job .box__title::before {
    min-width: 120px;
    height: 38%;
  }
}
.box--schedule {
  align-items: flex-end;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 800px) {
  .box--schedule {
    width: 47vw !important;
  }
}
.box--schedule .box__title::before {
  width: 30%;
  height: 43%;
  min-width: 50px;
  background-image: url("../img/icons/schedule-2.svg");
}
@media (min-width: 1400px) {
  .box--schedule .box__title::before {
    min-width: 70px;
    height: 47%;
  }
}
.box--schedule .box__title span {
  display: block;
  text-transform: lowercase;
}
.box__link {
  margin: auto 0 0 auto;
}
.box__link span {
  margin: 0;
}
.box:focus, .box:hover {
  background-color: #fffeda;
}
.box:focus .link-text--more .icon, .box:hover .link-text--more .icon {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.box--yellow {
  background-color: #fffeda;
}
.box--yellow:focus, .box--yellow:hover {
  background-color: #e2f0fb;
}
.box__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding: 26px 57px 29px 33px;
}
@media (min-width: 1300px) {
  .box__content {
    padding: 0;
  }
}

:root {
  --slidePicMaxSize: 410px;
  --mainSlidePicMaxSize: 233px;
}
@media (min-width: 420px) {
  :root {
    --slidePicMaxSize: 540px;
    --mainSlidePicMaxSize: 240px;
  }
}
@media (min-width: 992px) {
  :root {
    --slidePicMaxSize: 600px;
    --mainSlidePicMaxSize: 500px;
  }
}
@media (min-width: 1200px) {
  :root {
    --slidePicMaxSize: 575px;
  }
}

.slider {
  width: 100%;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
.slider .swiper-container {
  position: relative;
}
.slider .swiper-wrapper {
  height: auto;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
}
.slider .swiper-slide {
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  max-height: var(--slidePicMaxSize);
  border-radius: 16px;
  overflow: hidden;
}
.slider .swiper-slide picture {
  width: 100%;
  height: auto;
}
.slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider .swiper-button-next:after, .slider .swiper-button-prev:after {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .slider .swiper-button-next:after, .slider .swiper-button-prev:after {
    font-size: 2.45rem;
  }
}
.slider .swiper-pagination {
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
}
.slider .swiper-pagination-bullet {
  margin: 0 6px;
  background-color: #ffffff;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  opacity: 1;
}
.slider .swiper-pagination-bullet-active {
  background-color: transparent;
}
.slider .swiper-button-container {
  background-color: rgba(0, 0, 0, 0.25);
}
.slider .swiper-button-prev, .slider .swiper-button-next {
  z-index: 4;
  color: #ffffff;
}
.slider .swiper-button-prev:focus, .slider .swiper-button-prev:hover, .slider .swiper-button-next:focus, .slider .swiper-button-next:hover {
  color: #fffeda;
}
.slider--content {
  height: 360px;
}
@media (min-width: 576px) {
  .slider--content {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .slider--content {
    height: 435px;
  }
}
@media (min-width: 992px) {
  .slider--content {
    height: 500px;
  }
}
.slider--content .swiper-container {
  height: 100%;
}
.slider--content .swiper-wrapper {
  height: 100% !important;
}
@media (min-width: 576px) {
  .slider--content .swiper-slide {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .slider--content .swiper-slide {
    height: 435px;
  }
}
@media (min-width: 992px) {
  .slider--content .swiper-slide {
    height: 500px;
  }
}
.slider--content .swiper-slide img, .slider--content .swiper-slide picture {
  height: 100%;
}
.slider--slide-br .swiper-slide {
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  overflow: hidden;
}
.slider--sale .swiper-wrapper {
  height: 100% !important;
}
.slider--sale .swiper-button-next {
  right: 10px;
}
@media (min-width: 768px) {
  .slider--sale .swiper-button-next {
    right: 17px;
  }
}
.slider--sale .swiper-button-prev {
  left: 10px;
}
@media (min-width: 768px) {
  .slider--sale .swiper-button-prev {
    left: 17px;
  }
}
.slider--sale .swiper-button-next:after, .slider--sale .swiper-button-prev:after {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .slider--sale .swiper-button-next:after, .slider--sale .swiper-button-prev:after {
    font-size: 2.45rem;
  }
}
.slider--sale .swiper-pagination-fraction {
  bottom: 10px;
  left: 35px;
  color: #ffffff;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
}

.slider.slider--main {
  height: 100%;
}
.slider.slider--presale .swiper-wrapper {
  height: 100% !important;
}

.slider.slider--bg .swiper-container, .slider.slider--bg .swiper-wrapper, .slider.slider--bg .swiper-slide {
  height: 100% !important;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.list li {
  font-weight: inherit;
  margin-bottom: 0.5rem;
}
.list a {
  text-decoration: none;
}
.list a:focus, .list a:hover {
  color: #fffeda;
}
.list--bold {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}
.list--bold li {
  font-weight: 700;
}

.modal .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 11;
  color: #fffeda;
  opacity: 1;
  background: none;
  width: 30px;
  height: 30px;
  padding: 2px;
  outline: none;
  cursor: pointer;
}
.modal .btn-close:focus, .modal .btn-close:hover {
  outline: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .modal .btn-close {
    color: #fffeda;
  }
}
.modal .btn-close .icon {
  width: 26px;
  height: 28px;
  fill: #fffeda;
  stroke: #42474d;
}
@media (min-width: 768px) {
  .modal .btn-close .icon {
    fill: #fffeda;
    stroke: #42474d;
  }
}
.modal--bg .modal-content {
  position: relative;
  background-color: #fffeda;
  border-radius: 16px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
@media (min-width: 768px) {
  .modal--bg .modal-content {
    padding: 1rem;
    min-height: 240px;
  }
  .modal--bg .modal-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 45%;
    background-image: var(--pic);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
    background-color: #42474d;
  }
}
.modal--bg .modal-header {
  border: none;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}
.modal--bg .title {
  width: calc(100% - 30px);
}
.modal--bg .btn-close {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  color: #42474d;
  background: none;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (min-width: 768px) {
  .modal--bg .btn-close {
    color: #fffeda;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
.modal--bg .btn-close .icon {
  fill: #42474d;
  stroke: #fffeda;
}
@media (min-width: 768px) {
  .modal--bg .btn-close .icon {
    fill: #fffeda;
    stroke: #42474d;
  }
}
.modal--bg .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #42474d;
}
@media (min-width: 992px) {
  .modal--bg .modal-body {
    width: 50%;
    padding: 0 1rem;
  }
}
.modal--bg .modal-body p {
  margin: 0;
  margin-bottom: 0.5rem;
}
.modal--bg .modal-body ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 0.6rem;
}
.modal--bg-message .modal-content {
  position: relative;
  background-color: #fffeda;
  border-radius: 16px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding-bottom: 210px;
}
.modal--bg-message .modal-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 210px;
  width: 100%;
  background-image: var(--pic);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  background-color: #42474d;
}
@media (min-width: 992px) {
  .modal--bg-message .modal-content {
    padding: 1rem;
    min-height: 240px;
  }
  .modal--bg-message .modal-content::before {
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: 45%;
  }
}
.modal--bg-message .modal-header {
  border: none;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}
.modal--bg-message .title {
  width: calc(95% - 30px);
}
.modal--bg-message .btn-close {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  color: #42474d;
  background: none;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (min-width: 992px) {
  .modal--bg-message .btn-close {
    color: #fffeda;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
.modal--bg-message .btn-close .icon {
  fill: #42474d;
  stroke: #fffeda;
}
@media (min-width: 992px) {
  .modal--bg-message .btn-close .icon {
    fill: #fffeda;
    stroke: #42474d;
  }
}
.modal--bg-message .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #42474d;
}
@media (min-width: 992px) {
  .modal--bg-message .modal-body {
    width: 50%;
    padding: 0 1rem;
  }
}
.modal--bg-message .modal-body p {
  margin: 0;
  margin-bottom: 0.5rem;
}
.modal--bg-message .modal-body ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 0.6rem;
}
.modal--bg-md .modal-content {
  position: relative;
  background-color: #fffeda;
  border-radius: 16px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding-top: 115px;
}
.modal--bg-md .modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 115px;
  width: 100%;
  background-image: var(--pic);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #42474d;
}
@media (min-width: 992px) {
  .modal--bg-md .modal-content {
    padding: 1rem;
    min-height: 240px;
  }
  .modal--bg-md .modal-content::before {
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: 45%;
  }
}
.modal--bg-md .modal-header {
  border: none;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}
.modal--bg-md .title {
  width: calc(95% - 30px);
}
.modal--bg-md .btn-close {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  color: #42474d;
  background: none;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (min-width: 992px) {
  .modal--bg-md .btn-close {
    color: #fffeda;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
.modal--bg-md .btn-close .icon {
  fill: #42474d;
  stroke: #fffeda;
}
@media (min-width: 992px) {
  .modal--bg-md .btn-close .icon {
    fill: #fffeda;
    stroke: #42474d;
  }
}
.modal--bg-md .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #42474d;
}
@media (min-width: 992px) {
  .modal--bg-md .modal-body {
    width: 50%;
    padding: 0 1rem;
  }
}
.modal--bg-md .modal-body p {
  margin: 0;
  margin-bottom: 0.5rem;
}
.modal--bg-md .modal-body ul {
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 0.6rem;
}
.modal.modal-gallery .modal-header, .modal.modal-stories .modal-header {
  padding-bottom: 0;
  border: none;
  text-transform: uppercase;
}
.modal.modal-gallery .modal-dialog, .modal.modal-stories .modal-dialog {
  max-width: 700px;
}
.modal.modal-gallery .modal-content, .modal.modal-stories .modal-content {
  border-radius: 1rem;
}

.form {
  display: flex;
  flex-direction: column;
  position: relative;
}
.form__policy {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #8f8f8f;
}
@media (min-width: 576px) {
  .form__policy {
    font-size: 13px;
    color: #42474d;
  }
}
.form__policy a {
  color: inherit;
}
.form__check {
  display: flex;
  align-items: center;
  margin-top: 0.7rem;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #8f8f8f;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .form__check {
    font-size: 14px;
  }
}
.form__check-text {
  display: inline-flex;
  flex-wrap: wrap;
  width: calc(100% - 1.3em);
  padding-left: 0.4rem;
}
@media (min-width: 768px) {
  .form__check-text {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .form__check-text {
    padding-left: 0.5rem;
  }
}
.form__check-text span {
  display: block;
}
.form__check-text a {
  color: inherit;
  text-decoration: revert;
}
.form__check-text a:focus, .form__check-text a:hover {
  color: #42474d;
}
@media (min-width: 992px) {
  .form__check {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .form__check {
    justify-content: stretch;
  }
}
.form__check .form-check-input {
  width: 1.3em;
  height: 1.3em;
}
.form .form-label, .form .form-select, .form .form-control {
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 140%;
  color: #42474d;
  padding-bottom: 1.5rem;
  margin-bottom: 0;
  outline-color: #42474d;
}
@media (min-width: 768px) {
  .form .form-label, .form .form-select, .form .form-control {
    font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .form .form-label, .form .form-select, .form .form-control {
    padding: 0 0 1rem;
  }
}
@media (min-width: 1200px) {
  .form .form-label, .form .form-select, .form .form-control {
    padding-bottom: 1rem;
  }
}
.form__label-name {
  display: block;
  padding-bottom: 12px;
}
@media (min-width: 1200px) {
  .form__label-name {
    padding-bottom: 8px;
  }
}
.form .form-control {
  font-size: 17px;
}
@media (min-width: 768px) {
  .form .form-control {
    font-size: 15px;
  }
}
.form .form-control::placeholder {
  font-size: 17px;
}
.form .form-select, .form .form-control {
  border-radius: 6px;
  border-color: transparent;
  padding: 1.175rem 0.75rem;
  padding-left: 1.45rem;
  cursor: pointer;
}
@media (min-width: 576px) {
  .form .form-select, .form .form-control {
    padding: 0.775rem 1.45rem;
  }
}
@media (min-width: 992px) {
  .form .form-select, .form .form-control {
    padding: 0.775rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .form .form-select, .form .form-control {
    padding: 0.8rem 1.25rem;
    padding-left: 1.65rem;
  }
}
.form .form-select:focus, .form .form-select:hover, .form .form-control:focus, .form .form-control:hover {
  box-shadow: 0 0 0 0.15rem rgba(164, 176, 186, 0.22);
}
.form .form-select::placeholder, .form .form-control::placeholder {
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: rgba(66, 71, 77, 0.5);
  font-size: 17px;
}
@media (min-width: 320px) {
  .form .form-select::placeholder, .form .form-control::placeholder {
    font-size: calc(-0.4464285714vw + 18.4285714286px);
  }
}
@media (min-width: 768px) {
  .form .form-select::placeholder, .form .form-control::placeholder {
    font-size: 15px;
  }
}
@media (min-width: 576px) {
  .form .form-select::placeholder, .form .form-control::placeholder {
    font-size: 17px;
  }
}
.form .form-label {
  position: relative;
}
.form .valid-feedback, .form .invalid-feedback {
  position: absolute;
  bottom: -4px;
  right: 0;
  text-align: right;
}
.form .form-check-input {
  margin: 0;
}
.form .form-check-input:checked {
  background-color: #888888;
  border-color: #888888;
  margin: 0;
}
.form .form-select {
  margin-bottom: 0;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-size: 17px;
  font-weight: 400;
  color: rgba(66, 71, 77, 0.5);
}
.form .form-select option {
  padding: 10px;
  color: #42474d;
  min-height: 50px;
  font-size: 17px;
  line-height: 30px;
}
.form .form-select:focus, .form .form-select:active {
  color: #42474d;
}
.form__btns {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .form__btns {
    align-items: flex-start;
  }
}
.form__btns .form-check-input:checked {
  background-color: #888888;
  border-color: #888888;
  margin: 0;
}
.form__btns button[type=submit] {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 13px 29px;
  max-width: 100%;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .form__btns button[type=submit] {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .form__btns button[type=submit] {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1400px) {
  .form__btns button[type=submit] {
    margin-right: auto;
    margin-left: 0;
    padding: 0.8rem 4.2rem;
  }
}

.custom-form-check {
  display: flex;
  align-items: center;
  margin-top: 0.7rem;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #8f8f8f;
  cursor: pointer;
}
.custom-form-check:focus::before {
  cursor: pointer;
  border-color: #42474d;
}
@media (min-width: 1200px) {
  .custom-form-check {
    font-size: 14px;
  }
}
.custom-form-check input:checked + label::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  padding: 5px;
  background-image: url(../img/icons/check.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: #ffffff;
  font-weight: 700;
  background-color: #8f8f8f;
}
.custom-form-check label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
}
.custom-form-check label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #42474d;
  background-color: #ffffff;
}
.custom-form-check label:hover::before {
  cursor: pointer;
  border-color: #42474d;
}
.custom-form-check label:focus::before {
  cursor: pointer;
  border-color: #42474d;
}
.custom-form-check a {
  color: inherit;
  text-decoration: revert;
}
.custom-form-check a:focus, .custom-form-check a:hover {
  color: #42474d;
}

.was-validated:invalid .custom-form-check label::before {
  outline: 2px solid red;
}
.was-validated:valid .custom-form-check label::before {
  outline: 2px solid green;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

.phone {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
}
.phone .icon {
  margin-right: 7px;
  margin-right: 0.4375rem;
}
.number {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  text-transform: uppercase;
  font-size: 40px;
}
@media (min-width: 375px) {
  .number {
    font-size: calc(7.6335877863vw + 11.3740458015px);
  }
}
@media (min-width: 768px) {
  .number {
    font-size: calc(-8.9285714286vw + 138.5714285714px);
  }
}
@media (min-width: 992px) {
  .number {
    font-size: calc(6.4935064935vw - 14.4155844156px);
  }
}
@media (min-width: 1300px) {
  .number {
    font-size: 70px;
  }
}

.page--overlay {
  overflow: hidden;
}

.page-title-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  color: #42474d;
}
@media (min-width: 768px) {
  .page-title-icon {
    justify-content: flex-start;
    width: auto;
    color: rgba(73, 76, 79, 0.5);
  }
}
.page-title-icon h1 {
  margin: 0;
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: inherit;
}
@media (min-width: 350px) {
  .page-title-icon h1 {
    font-size: 22px;
  }
}
@media (min-width: 375px) {
  .page-title-icon h1 {
    font-size: 23px;
  }
}
@media (min-width: 576px) {
  .page-title-icon h1 {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .page-title-icon h1 {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .page-title-icon h1 {
    font-size: 60px;
  }
}
.page-title-icon .icon {
  margin-top: 3px;
  width: 20px;
  height: 18px;
  fill: rgba(73, 76, 79, 0.5);
}
@media (min-width: 375px) {
  .page-title-icon .icon {
    margin-top: 6px;
    width: 30px;
  }
}
@media (min-width: 576px) {
  .page-title-icon .icon {
    width: 30px;
    height: 23px;
  }
}
@media (min-width: 768px) {
  .page-title-icon .icon {
    margin-left: 0.5rem;
    margin-top: 15px;
    width: 30px;
    height: 37px;
  }
}
@media (min-width: 992px) {
  .page-title-icon .icon {
    margin-top: 10px;
    margin-left: 0.5rem;
    height: 60px;
  }
}
.page-title-icon .small {
  display: block;
  font-size: 0.75rem;
  line-height: 100%;
  color: #8f8f8f;
}
@media (min-width: 768px) {
  .page-title-icon .small {
    font-size: 0.875rem;
    font-weight: 700;
  }
}

.page-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 20px;
  line-height: 130%;
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  scroll-behavior: smooth;
  padding-top: 100px;
}
@media (max-width: 576px) {
  .page-body {
    padding-top: 80px;
  }
}
.page-body .container {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .page-body .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .page-body .container {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.page-body .link {
  text-decoration: none;
}
.page-body .link:focus, .page-body .link:hover {
  text-decoration: none;
}
.page-body .link--red {
  background-color: #CD4141;
  color: #ffffff;
  padding: 1.2rem 1.5rem;
  border-radius: 16px;
}

.page-header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #42474d;
  padding: 1.8rem 0 1.2rem;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .page-header {
    padding: 1.6rem 0;
  }
}
@media (min-width: 992px) {
  .page-header {
    padding: 1.3rem 0 1.1rem;
  }
}
@media (min-width: 1200px) {
  .page-header {
    padding: 1.7rem 0 1.4rem;
  }
}
.page-header .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (min-width: 992px) {
  .page-header .container {
    flex-direction: row;
  }
}
.page-header a {
  align-items: center;
  color: #ffffff;
}
.page-header .phone {
  width: 30px;
}
@media (max-width: 768px) {
  .page-header .phone {
    position: absolute;
    top: 0;
    right: 16px;
  }
}
@media (min-width: 768px) {
  .page-header .phone {
    width: 50px;
    padding-right: 21px;
  }
}
@media (min-width: 992px) {
  .page-header .phone {
    width: auto;
    padding-right: 0;
  }
}
.page-header .phone span {
  display: none;
}
@media (min-width: 992px) {
  .page-header .phone span {
    display: flex;
  }
}
.page-header .phone .icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
}
@media (min-width: 768px) {
  .page-header .phone .icon {
    width: 17px;
    height: 27px;
  }
}
@media (min-width: 992px) {
  .page-header .phone .icon {
    width: 24px;
    height: 24px;
  }
}
.page-header__lk {
  display: none;
}
@media (min-width: 992px) {
  .page-header__lk {
    display: flex;
  }
}
.page-header__lk span {
  margin-left: 0;
}
@media (max-width: 768px) {}
  .page-header .logo {
    margin: 0 auto;
  }

@media (min-width: 768px) {
  .page-header .logo {
    width: 230px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .page-header .logo {
    width: auto;
    height: auto;
  }
}
.page-header__btn-menu {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  color: #ffffff;
}
@media (max-width: 768px) {
  .page-header__btn-menu {
    position: absolute;
    top: 0;
    left: 16px;
  }
}
@media (min-width: 992px) {
  .page-header__btn-menu {
    display: none;
  }
}
.page-header__btn-menu .icon {
  width: 30px;
  height: 30px;
  fill: #ffffff;
}
@media (min-width: 768px) {
  .page-header__btn-menu .icon {
    width: 50px;
  }
}

.scroll-down .page-header {
  transform: translate3d(0, -100%, 0);
}

.scroll-up .page-header {
  transform: none;
}

.scroll-up .page-header {
  color: #42474d;
}

.scroll-up:not(.menu-open) .page-header {
  background-color: #42474d;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}

.page-footer {
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 1.6rem;
  padding-top: 2.2rem;
  background-color: #42474d;
  color: #ffffff;
}
@media (min-width: 768px) {
  .page-footer {
    padding-top: 2.2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .page-footer {
    padding-top: 2.4rem;
  }
}
.page-footer__top {
  display: grid;
  grid-template-areas: "phone" "links" "support" "logo";
}
@media (min-width: 768px) {
  .page-footer__top {
    grid-template-columns: 1fr 1fr;
    column-gap: 3%;
    grid-template-areas: "logo support" "phone support " "links  links";
  }
}
@media (min-width: 992px) {
  .page-footer__top {
    grid-template-columns: 1fr 3fr;
    column-gap: 5%;
    grid-template-areas: "phone links" "logo links " "support  links";
  }
}
@media (min-width: 1200px) {
  .page-footer__top {
    grid-template-columns: 1fr 4fr 1fr;
    column-gap: 20px;
    grid-template-areas: "logo links support" "phone links support " ".    links support ";
    align-content: space-between;
  }
}
@media (min-width: 1400px) {
  .page-footer__top {
    column-gap: 50px;
    row-gap: 5px;
  }
}
.page-footer .logo {
  grid-area: logo;
}
@media (min-width: 768px) {
  .page-footer .logo {
    margin-bottom: 0.5rem;
    padding-left: 7px;
  }
}
@media (min-width: 992px) {
  .page-footer .logo {
    margin-bottom: 0.5rem;
    padding-left: 0;
  }
}
.page-footer__phone {
  grid-area: phone;
  display: flex;
  align-items: center;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  /* identical to box height, or 26px */
  text-transform: uppercase;
  margin-bottom: 1.7rem;
}
@media (min-width: 576px) {
  .page-footer__phone {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .page-footer__phone {
    padding-left: 7px;
  }
}
@media (min-width: 992px) {
  .page-footer__phone {
    margin-bottom: 0;
    padding-left: 0;
  }
}
.page-footer__phone .icon {
  width: 24px;
  height: 24px;
  margin-right: 14px;
}
@media (min-width: 768px) {
  .page-footer__phone .icon {
    display: none;
    margin-right: 0;
  }
}
.page-footer__links {
  flex-grow: 1;
  grid-area: links;
  margin-bottom: 0.4rem;
}
@media (min-width: 576px) {
  .page-footer__links {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .page-footer__links {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .page-footer__links {
    padding-top: 0;
  }
}
.page-footer__support {
  grid-area: support;
  margin-bottom: 1.6rem;
  font-size: 15px;
  line-height: 21px;
}
@media (min-width: 768px) {
  .page-footer__support {
    margin-bottom: 1rem;
    padding-top: 0.9rem;
  }
}
@media (min-width: 992px) {
  .page-footer__support {
    padding-top: 0;
  }
}
@media (min-width: 1400px) {
  .page-footer__support {
    padding-left: 34px;
    padding-top: 3px;
  }
}
.page-footer__support span {
  display: block;
}
@media (min-width: 768px) {
  .page-footer__support span {
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .page-footer__support span {
    display: block;
  }
}
.page-footer__support a {
  padding-left: 0.2rem;
  text-decoration: none;
  color: inherit;
}
.page-footer__support a:focus, .page-footer__support a:hover {
  color: #fffeda;
}
.page-footer__buttom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  padding: 0.5rem 0;
  padding-right: 2rem;
  margin-top: 1.1rem;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  border-top: 1px solid #ffffff;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .page-footer__buttom {
    flex-direction: row;
    padding-right: 0;
    padding-top: 2rem;
    margin-top: 1.2rem;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .page-footer__buttom {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .page-footer__buttom {
    margin-top: 17px;
  }
}
@media (min-width: 1400px) {
  .page-footer__buttom {
    margin-top: 35px;
  }
}
.page-footer__buttom a {
  margin-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 800px) {
  .page-footer__buttom .link-text {
    width: 24%;
  }
}
.page-footer__copy {
  line-height: 144%;
}
.links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  .links {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.links__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
  text-transform: uppercase;
  width: 100%;
  font-size: 17px;
}
@media (min-width: 375px) {
  .links__list {
    font-size: calc(0.7633587786vw + 14.1374045802px);
  }
}
@media (min-width: 768px) {
  .links__list {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .links__list {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .links__list {
    padding-top: 4px;
    padding-left: 50px;
  }
}
.links__list li {
  margin-bottom: 0.77rem;
}
@media (min-width: 576px) {
  .links__list li {
    margin-bottom: 0.7rem;
  }
}
.links__list li span {
  width: 86%;
}
@media (min-width: 768px) {
  .links__list li span {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .links__list li span {
    width: 90%;
  }
}
.links__list a {
  display: block;
}
@media (min-width: 768px) {
  .links__list .icon {
    margin-right: 1rem;
  }
}
@media (min-width: 992px) {
  .links__list .icon {
    margin-right: 0.7rem;
  }
}

.main {
  position: relative;
}
@media (max-width: 576px) {
  .main.container {
    padding: 0;
  }
}
.main__grid {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .main__grid {
    display: grid;
    column-gap: 16px;
    row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-areas: "s s" "f f" "a a" "j h" "l l" "d d";
  }
}
@media (min-width: 768px) {
  .main__grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 229px;
    grid-template-columns: 1fr 1fr 1fr 229px;
    grid-template-areas: "s s s a" "f f f f" "j j h h" "l l l l" "d d d d";
  }
}
@media (min-width: 992px) {
  .main__grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 2fr;
    grid-template-columns: 240px 240px 2fr;
    grid-template-areas: "s s a" "s s f" "j h l" "d d d";
  }
}
@media (min-width: 1024px) {
  .main__grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 2fr;
    grid-template-columns: 265px 265px 2fr;
    grid-template-areas: "s s a" "s s f" "j h l" "d d d";
  }
}
@media (min-width: 1200px) {
  .main__grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 3fr;
    -ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 307.5px 307.5px 3fr;
    grid-template-areas: "s s a" "s s f" "j h l" "d d d";
  }
}
@media (min-width: 1300px) {
  .main__grid {
    grid-template-columns: 307.5px 307.5px 1fr;
    grid-template-areas: "s s a" "s s f" "j h l" "d d d";
  }
}
@media (min-width: 1440px) {
  .main__grid {
    -ms-grid-columns: 1fr 20px 1fr 20px 660px;
    -ms-grid-rows: 1fr 100px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 307.5px 307.5px minmax(auto, 660px);
    grid-template-areas: "s s a" "s s f" "j h l" "d d d";
  }
}
.main__grid > * {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .main__grid > * {
    margin-bottom: 0;
  }
}
.main__sale {
  grid-area: s;
  -ms-grid-area: s;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .main__sale {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .main__sale {
    height: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
  }
}
.main__sale .sale {
  height: 100%;
  width: 100%;
}
@media (min-width: 1400px) {
  .main__sale .sale {
    margin-top: 10px;
  }
}
.main__adv {
  grid-area: a;
  -ms-grid-area: a;
  display: flex;
  flex-direction: column;
  order: 1;
}
@media (max-width: 576px) {
  .main__adv {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .main__adv {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .main__adv {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
    max-width: 100%;
  }
}
.main__adv .advantages {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .main__adv .advantages__list {
    height: 100%;
  }
}
@media (min-width: 1300px) {
  .main__adv .advantages__list {
    height: auto;
  }
}
.main__form {
  grid-area: f;
  -ms-grid-area: f;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .main__form {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .main__form {
    -ms-grid-column: 5;
    -ms-grid-row: 2;
    max-width: 100%;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .main__form .form {
    min-height: 312px;
    height: 100%;
  }
}
.main__job {
  grid-area: j;
  -ms-grid-area: j;
  display: flex;
  flex-direction: column;
  order: 2;
}
@media (max-width: 576px) {
  .main__job {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .main__job {
    margin-top: 15px;
    margin-bottom: 15px;
    order: 0;
  }
}
@media (min-width: 992px) {
  .main__job {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .main__job {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
  }
}
.main__job .job {
  height: 100%;
  width: 100%;
}
.main__schedule {
  grid-area: h;
  -ms-grid-area: h;
  display: flex;
  flex-direction: column;
  order: 2;
}
@media (max-width: 576px) {
  .main__schedule {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .main__schedule {
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: flex-end;
    order: 0;
  }
}
@media (min-width: 992px) {
  .main__schedule {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .main__schedule {
    align-items: start;
    -ms-grid-column: 3;
    -ms-grid-row: 5;
    max-width: 100%;
  }
}
.main__schedule .schedule {
  height: 100%;
  width: 100%;
}
.main__slider {
  grid-area: l;
  -ms-grid-area: l;
  display: flex;
  flex-direction: column;
  order: 2;
  height: 100%;
  max-height: 700px;
  border-radius: 16px;
  overflow: hidden;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .main__slider {
    order: 0;
    padding: 0;
    box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  }
}
@media (min-width: 992px) {
  .main__slider {
    min-height: auto;
    max-height: 350px;
  }
}
@media (min-width: 1200px) {
  .main__slider {
    -ms-grid-column: 5;
    -ms-grid-row: 5;
    max-width: 100%;
    box-shadow: none;
  }
}
@media (min-width: 1400px) {
  .main__slider {
    box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  }
}
.main__slider .slider--bg .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  min-height: 54vw;
}
@media (min-width: 992px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 26vw;
  }
}
@media (min-width: 1024px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 23vw;
  }
}
@media (min-width: 1100px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 25vw;
  }
}
@media (min-width: 1200px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 18vw;
  }
}
@media (min-width: 1250px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 20vw;
  }
}
@media (min-width: 1300px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 22vw;
  }
}
@media (min-width: 1400px) {
  .main__slider .slider--bg .swiper-slide {
    min-height: 350px;
  }
}
.main__record {
  grid-area: d;
  -ms-grid-area: d;
  display: flex;
  flex-direction: column;
  order: 2;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .main__record {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .main__record {
    -ms-grid-column: 1;
    -ms-grid-column-span: -1;
    -ms-grid-row: 7;
  }
}
@media (max-width: 576px) {
  .main__record {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sale {
  display: block;
  position: relative;
  background-position: 50%;
  background-size: cover;
  background-color: #e2f0fb;
  min-height: 320px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sale {
    min-height: 550px;
  }
}
@media (min-width: 1200px) {
  .sale {
    min-height: 630px;
  }
}
.sale img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.advantages {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .advantages {
    margin-bottom: 0;
  }
}
.advantages__link-modal {
  height: 100%;
  position: relative;
  background-color: #e2f0fb;
  border-radius: 22px;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  display: flex;
  flex-direction: column;
}
.advantages__link-modal:focus, .advantages__link-modal:hover {
  background-color: #fffeda;
}
.advantages__more {
  padding: 0 1rem 1rem;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  margin-left: auto;
}
@media (min-width: 768px) {
  .advantages__more {
    padding: 0 0.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .advantages__more {
    padding: 0 1rem 1rem;
  }
}
@media (min-width: 1200px) {
  .advantages__more {
    padding-right: 2.8rem;
  }
}
.advantages__more .link-text {
  align-items: baseline;
}
@media (min-width: 768px) {
  .advantages__more .link-text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .advantages__more .link-text {
    font-size: 15px;
  }
}
.advantages__more .link-text--more .icon {
  height: 6px;
  margin-left: 0;
  margin-top: 0;
}
@media (min-width: 768px) {
  .advantages__more .link-text--more .icon {
    height: 4px;
  }
}
@media (min-width: 992px) {
  .advantages__more .link-text--more .icon {
    height: 6px;
  }
}
.advantages__list {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  padding: 0.5rem;
}
.advantages__list:focus, .advantages__list:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .advantages__list {
    padding: 0.65rem 0.7rem;
    height: auto;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .advantages__list {
    align-items: center;
  }
}
@media (min-width: 1300px) {
  .advantages__list {
    height: calc(100% - 49px);
    padding: 12px 17px 0 30px;
  }
}
@media (max-width: 992px) {
  .advantages__list {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .advantages__list {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .advantages__list {
    height: auto;
    padding-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .advantages__list {
    padding: 12px 30px 0 50px;
  }
}
.advantages__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 50%;
  color: #42474d;
  border: 1px solid #ffffff;
  padding: 0.6rem 0.5rem 0.5rem 0.9rem;
}
@media (min-width: 576px) {
  .advantages__item {
    padding: 0.5rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .advantages__item {
    padding: 0 0.2rem;
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 992px) {
  .advantages__item {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .advantages__item {
    width: 50%;
    height: 50%;
    padding: 0.5rem 0.3rem;
    border-width: 2px;
  }
}
@media (min-width: 1200px) {
  .advantages__item {
    width: 50%;
    padding: 0.5rem 0.3rem;
    border-width: 2px;
  }
}
@media (min-width: 1400px) {
  .advantages__item {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .advantages__item:nth-child(2n+1) {
    max-width: 266px;
  }
}
.advantages__item .icon {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .advantages__item .icon {
    margin-bottom: 0.7rem;
  }
}
.advantages__item--1 {
  border-top-color: transparent;
  border-left-color: transparent;
}
@media (min-width: 768px) {
  .advantages__item--1 {
    border-right-color: transparent;
  }
}
@media (min-width: 992px) {
  .advantages__item--1 {
    border-right-color: #ffffff;
  }
}
@media (min-width: 1200px) {
  .advantages__item--1 {
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    padding-left: 2px;
    padding-bottom: 29px;
  }
}
@media (min-width: 1349px) {
  .advantages__item--1 {
    padding-bottom: 8px;
  }
}
@media (min-width: 1400px) {
  .advantages__item--1 {
    padding-bottom: 21px;
  }
}
.advantages__item--1 .icon {
  width: 33px;
  height: 30px;
}
@media (min-width: 768px) {
  .advantages__item--1 .icon {
    width: 49px;
    height: 45px;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .advantages__item--1 .icon {
    width: 40px;
    height: 37px;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .advantages__item--1 .icon {
    width: 49px;
    height: 45px;
    margin-bottom: 1rem;
  }
}
.advantages__item--2 {
  border-top-color: transparent;
  border-right-color: transparent;
  padding-left: 1.1rem;
}
@media (min-width: 576px) {
  .advantages__item--2 {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .advantages__item--2 {
    border-top-color: #ffffff;
    border-left-color: transparent;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .advantages__item--2 {
    border-top-color: transparent;
    border-left-color: #ffffff;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .advantages__item--2 {
    border-top-color: transparent;
    border-left-color: #ffffff;
    padding-left: 20px;
    padding-bottom: 8px;
  }
}
@media (min-width: 1319px) and (max-width: 1349px) {
  .advantages__item--2 {
    padding-bottom: 29px;
  }
}
@media (min-width: 1400px) {
  .advantages__item--2 {
    padding-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .advantages__item--2 {
    padding-left: 70px;
  }
}
.advantages__item--2 .icon {
  width: 38px;
  height: 20px;
}
@media (min-width: 768px) {
  .advantages__item--2 .icon {
    width: 53px;
    height: 29px;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .advantages__item--2 .icon {
    width: 48px;
    height: 30px;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .advantages__item--2 .icon {
    width: 53px;
    height: 29px;
    margin-bottom: 25px;
  }
}
.advantages__item--3 {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
@media (min-width: 768px) {
  .advantages__item--3 {
    border-right-color: transparent;
    border-bottom-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .advantages__item--3 {
    border-bottom-color: transparent;
    border-right-color: #ffffff;
  }
}
@media (min-width: 1200px) {
  .advantages__item--3 {
    border-bottom-color: transparent;
    border-right-color: #ffffff;
    padding-top: 7px;
  }
}
.advantages__item--3 sub {
  bottom: 5px;
}
@media (min-width: 768px) {
  .advantages__item--3 sub {
    bottom: 10px;
  }
}
.advantages__item--3 .icon {
  width: 28px;
  height: 26px;
}
@media (min-width: 768px) {
  .advantages__item--3 .icon {
    width: 55px;
    height: 55px;
    margin-left: -10px;
  }
}
@media (min-width: 992px) {
  .advantages__item--3 .icon {
    width: 38px;
    height: 36px;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .advantages__item--3 .icon {
    width: 55px;
    height: 55px;
    margin-left: -10px;
  }
}
.advantages__item--4 {
  border-right-color: transparent;
  border-bottom-color: transparent;
  padding-left: 1.1rem;
}
@media (min-width: 576px) {
  .advantages__item--4 {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .advantages__item--4 {
    border-left-color: transparent;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .advantages__item--4 {
    border-left-color: #ffffff;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .advantages__item--4 {
    border-left-color: #ffffff;
    padding-left: 20px;
    padding-top: 7px;
  }
}
@media (min-width: 1440px) {
  .advantages__item--4 {
    padding-left: 71px;
  }
}
.advantages__item--4 .icon {
  width: 33px;
  height: 25px;
}
@media (min-width: 768px) {
  .advantages__item--4 .icon {
    width: 49px;
    height: 36px;
    margin-bottom: 22px;
    margin-left: 2px;
  }
}
@media (min-width: 992px) {
  .advantages__item--4 .icon {
    width: 40px;
    height: 32px;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .advantages__item--4 .icon {
    width: 49px;
    height: 36px;
    margin-bottom: 22px;
    margin-left: 2px;
  }
}
.advantages h1 {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 27px;
  line-height: 130%;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(73, 76, 79, 0.5);
}
@media (max-width: 576px) {
  .advantages h1 {
    display: block;
    font-size: 36px;
  }
}
@media (max-width: 1023px) {
  .advantages h1 {
    display: none;
  }
}
@media (min-width: 768px) {
  .advantages h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    text-align: left;
  }
}
@media (min-width: 1023px) {
  .advantages h1 {
    font-size: 36px;
  }
}
@media (min-width: 1100px) {
  .advantages h1 {
    font-size: 40px;
  }
}
@media (min-width: 1150px) {
  .advantages h1 {
    font-size: 46px;
  }
}
@media (min-width: 1200px) {
  .advantages h1 {
    font-size: 36px;
  }
}
@media (min-width: 1250px) {
  .advantages h1 {
    font-size: 40px;
  }
}
@media (min-width: 1300px) {
  .advantages h1 {
    display: block;
    font-size: 46px;
  }
}
@media (min-width: 1400px) {
  .advantages h1 {
    font-size: 53px;
  }
}
@media (min-width: 1440px) {
  .advantages h1 {
    font-size: 60px;
  }
}
.advantages__title {
  position: relative;
  color: #42474d;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  font-size: 10px;
}
@media (min-width: 320px) {
  .advantages__title {
    font-size: calc(5.4545454545vw - 7.4545454545px);
  }
}
@media (min-width: 375px) {
  .advantages__title {
    font-size: calc(0vw + 13px);
  }
}
@media (min-width: 1024px) {
  .advantages__title {
    font-size: calc(-0.5681818182vw + 18.8181818182px);
  }
}
@media (min-width: 1200px) {
  .advantages__title {
    font-size: calc(2vw - 12px);
  }
}
@media (min-width: 1300px) {
  .advantages__title {
    font-size: calc(0.7142857143vw + 4.7142857143px);
  }
}
@media (min-width: 1440px) {
  .advantages__title {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .advantages__title {
    margin-top: -10px;
  }
}
@media (min-width: 1300px) {
  .advantages__title {
    bottom: 13px;
    left: 3px;
  }
}
@media (min-width: 1300px) {
  .advantages__title {
    margin-top: 0;
  }
}
.advantages__title span {
  display: block;
}
@media (min-width: 768px) {
  .advantages__title span {
    display: inline-block;
    padding-left: 0.2rem;
  }
}
.advantages__count {
  display: flex;
  align-items: flex-end;
}
.advantages__count span {
  margin-right: 0.5rem;
}

.nav-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.5rem 0 1.1rem;
  padding-top: var(--nav-menu-pt);
  padding-bottom: calc(var(--nav-menu-pt) - var(--nav-menu-mb));
}
@media (max-width: 576px) {
  .nav-menu {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 768px) {
  .nav-menu {
    padding-top: var(--nav-menu-pt);
    padding-bottom: calc(var(--nav-menu-pt) - var(--nav-menu-mb));
  }
}
@media (min-width: 1200px) {
  .nav-menu {
    align-items: start;
  }
}
@media (min-width: 992px) {
  .nav-menu.container {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .nav-menu.container {
    margin-bottom: 20px;
  }
}
.nav-menu__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 450px) {
  .nav-menu__list {
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .nav-menu__list {
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media (min-width: 1300px) {
  .nav-menu__list {
    flex-wrap: wrap;
  }
}
.nav-menu__item {
  margin-bottom: var(--nav-menu-mb);
}
@media (max-width: 450px) {
  .nav-menu__item {
    flex-grow: 1;
    width: calc(50% - 0.65rem);
  }
}
.nav-menu__item:not(:last-child) {
  margin-right: 0.65rem;
}
@media (min-width: 576px) {
  .nav-menu__item:not(:last-child) {
    margin-right: 0.55rem;
  }
}
@media (min-width: 1200px) {
  .nav-menu__item:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (min-width: 1400px) {
  .nav-menu__item:not(:last-child) {
    margin-right: 1.65rem;
  }
}
.nav-menu__item:nth-child(2) {
  width: 100%;
  margin-right: 0;
}
@media (max-width: 450px) {
  .nav-menu__item:nth-child(2) {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 450px) {
  .nav-menu__item:nth-child(2) {
    margin-right: 0.65rem;
    max-width: 325px;
  }
}
@media (min-width: 576px) {
  .nav-menu__item:nth-child(2) {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .nav-menu__item:nth-child(2) {
    margin-right: 1rem;
  }
}
@media (min-width: 1400px) {
  .nav-menu__item:nth-child(2) {
    margin-right: 1.65rem;
  }
}
@media (max-width: 450px) {
  .nav-menu__item.order-1.order-md-3 {
    width: 25%;
    margin-right: 0;
  }
}
@media (max-width: 450px) {
  .nav-menu__item.order-3 {
    width: 40%;
  }
}
@media (min-width: 1300px) {
  .nav-menu__item {
    margin-right: 28px;
  }
  .nav-menu__item--city {
    margin-right: 20px;
  }
}
.nav-menu__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: var(--nav-btn-pd);
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #42474d;
  background-color: #e2f0fb;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  transition: 0.3s;
  text-decoration: none;
  font-size: 14px;
}
@media (min-width: 320px) {
  .nav-menu__link {
    font-size: calc(7.2727272727vw - 9.2727272727px);
  }
}
@media (min-width: 375px) {
  .nav-menu__link {
    font-size: calc(2.6666666667vw + 8px);
  }
}
@media (min-width: 450px) {
  .nav-menu__link {
    font-size: calc(-1.8867924528vw + 28.4905660377px);
  }
}
@media (min-width: 768px) {
  .nav-menu__link {
    font-size: calc(0.8620689655vw + 7.3793103448px);
  }
}
@media (min-width: 1000px) {
  .nav-menu__link {
    font-size: calc(-0.5vw + 21px);
  }
}
@media (min-width: 1200px) {
  .nav-menu__link {
    font-size: calc(2.5vw - 15px);
  }
}
@media (min-width: 1280px) {
  .nav-menu__link {
    font-size: calc(2.5vw - 15px);
  }
}
@media (min-width: 1400px) {
  .nav-menu__link {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .nav-menu__link {
    line-height: 130%;
  }
}
.nav-menu__link:focus, .nav-menu__link:hover {
  color: #42474d;
  background-color: #fffeda;
  text-decoration: none;
}
.nav-menu__link:focus svg, .nav-menu__link:hover svg {
  fill: #42474d;
  stroke: #ffffff;
}
.nav-menu__link span {
  padding-right: 12px;
  width: calc(100% - 20px);
}
.nav-menu__link--sale span {
  padding-right: 20px;
}
.nav-menu__link.active {
  background-color: #fffeda;
  color: #42474d;
}
.nav-menu__link svg {
  fill: #42474d;
  stroke: #ffffff;
  width: 20px;
  height: 20px;
  margin-left: auto;
}
.nav-menu .link-pay {
  margin-bottom: var(--nav-menu-mb);
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 110vh;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.mobile-menu.active {
  display: flex;
}
.mobile-menu__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 1rem;
  padding-top: 2rem;
  background-color: #42474d;
  height: 100%;
  min-height: 110vh;
  min-width: 320px;
}
.mobile-menu__btn-close {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #fffeda;
}
.mobile-menu__btn-close .icon {
  fill: #fffeda;
  stroke: #42474d;
}
.mobile-menu .link-pay {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 20px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.mobile-menu .list {
  margin: 0.5rem 0;
}
.mobile-menu .list a {
  display: block;
  padding: 0.25rem 0;
}
.mobile-menu .link-text svg {
  color: #fffeda;
}
.mobile-menu a {
  margin: 0.5rem 0;
  text-decoration: none;
}
.mobile-menu hr {
  background-color: #ffffff;
  width: 100%;
  height: 2px;
}

.record {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  margin-top: 1rem;
  padding: 1.2rem 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .record {
    margin-bottom: 2rem;
    margin-top: 0;
  }
}
.record::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #42474d;
}
@media (min-width: 768px) {
  .record::before {
    top: 0;
  }
}
.record::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #42474d;
}
@media (min-width: 768px) {
  .record::after {
    bottom: 0;
  }
}
@media (min-width: 576px) {
  .record {
    margin-top: 1rem;
    padding: 1rem 0;
  }
}
@media (min-width: 768px) {
  .record {
    margin-top: 0.8rem;
    margin-bottom: 1.9rem;
    padding-bottom: 1.2rem;
    padding-top: 1.5rem;
    padding-left: 0.5rem;
  }
}
@media (min-width: 992px) {
  .record {
    margin-top: 0.4rem;
    margin-bottom: 1.5rem;
    padding: 1.8rem 0 1.3rem 0.6rem;
  }
}
@media (min-width: 1200px) {
  .record {
    margin-top: 1rem;
  }
}
.record:focus, .record:hover {
  outline: none;
  border-radius: 0;
  transition: 0.3s;
  cursor: pointer;
}
.record:focus .record__title span, .record:hover .record__title span {
  opacity: 1;
}
.record:focus .link-text--more svg, .record:hover .link-text--more svg {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.record .icon {
  transition: 0.3s;
}
.record__title {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 1.7rem;
  color: #42474d;
  font-size: 27px;
}
@media (min-width: 768px) {
  .record__title {
    padding-bottom: 0;
  }
}
@media (min-width: 375px) {
  .record__title {
    font-size: calc(8.3969465649vw - 4.4885496183px);
  }
}
@media (min-width: 768px) {
  .record__title {
    font-size: 60px;
  }
}
.record__title span {
  opacity: 0.6;
}
.record .link-text {
  margin-left: auto;
}
@media (min-width: 768px) {
  .record .link-text {
    margin-bottom: 17px;
  }
}
@media (min-width: 992px) {
  .record .link-text {
    margin-bottom: 0;
  }
}
.record--club {
  padding: 1rem 0;
}
.record--club .record__title {
  padding-bottom: 0.5rem;
  font-size: 26px;
  font-size: 26px;
}
@media (min-width: 420px) {
  .record--club .record__title {
    font-size: calc(6.8965517241vw - 2.9655172414px);
  }
}
@media (min-width: 768px) {
  .record--club .record__title {
    font-size: calc(-7.8125vw + 110px);
  }
}
@media (min-width: 1024px) {
  .record--club .record__title {
    font-size: calc(4.8076923077vw - 19.2307692308px);
  }
}
@media (min-width: 1440px) {
  .record--club .record__title {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .record--club .record__title {
    padding-bottom: 0;
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .record--club .record__title {
    font-size: 36px;
  }
}
@media (min-width: 1400px) {
  .record--club .record__title {
    font-size: 50px;
  }
}
.record--club .record__subtitle {
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 140%;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  /* or 42px */
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(66, 71, 77, 0.5);
}
@media (min-width: 576px) {
  .record--club .record__subtitle {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .record--club .record__subtitle {
    font-size: 30px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .record--club .record__subtitle {
    margin-bottom: auto;
    margin-top: 1rem;
  }
}
.record--club .record__subtitle span {
  display: block;
}
@media (min-width: 768px) {
  .record--club .record__subtitle span {
    display: inline-block;
  }
}
@media (min-width: 1210px) {
  .record--club .link-text {
    margin-right: 0;
    margin-bottom: 5%;
  }
}
@media (min-width: 1300px) {
  .record--club .link-text {
    margin-right: 15%;
  }
}
.social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1.2rem;
}
.social__item:not(:last-child) {
  margin-right: 0.8rem;
}
@media (min-width: 768px) {
  .social__item:not(:last-child) {
    margin-right: 0.3rem;
  }
}
.social__link {
  display: block;
  color: #ffffff;
}
.social__link:focus, .social__link:hover {
  color: #fffeda;
}
.social__link--vk .icon {
  width: 42px;
  height: 24px;
}
@media (min-width: 768px) {
  .social__link--vk .icon {
    width: 31px;
    height: 18px;
  }
}
.social__link--inst .icon {
  width: 40.65px;
  height: 28.45px;
}
@media (min-width: 768px) {
  .social__link--inst .icon {
    width: 30px;
    height: 21px;
  }
}
.social__link--fb .icon {
  width: 35px;
  height: 35px;
}
@media (min-width: 768px) {
  .social__link--fb .icon {
    width: 26px;
    height: 26px;
  }
}
.social__link--support {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid white;
  border-radius: 7px;
}
.social__link--support .icon {
  width: 25px;
  height: 25px;
  margin-left: 2px;
}
.social .icon {
  fill: #ffffff;
}

.modal-tour .modal-content {
  padding: 1rem 0;
}
@media (min-width: 768px) {
  .modal-tour .modal-content {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .modal-tour .modal-dialog {
    max-width: 700px;
  }
}
.modal-tour .modal-title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}
@media (min-width: 768px) {
  .modal-tour .modal-title {
    width: 50%;
  }
}
.modal-tour .modal-header {
  border: none;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  .modal-tour .modal-header {
    padding-left: 57px;
    padding-top: 50px;
  }
}
.modal-tour .modal-body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modal-tour .modal-body {
    padding-left: 57px;
    padding-bottom: 50px;
    width: 50%;
  }
}

.content {
  color: #42474d;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  margin-bottom: 30px;
}
@media (min-width: 1400px) {
  .content {
    margin-bottom: 3.3rem;
  }
}
.content__slider {
  margin-bottom: 50px;
}
@media (min-width: 1400px) {
  .content__slider {
    margin-bottom: 3.3rem;
  }
}
@media (min-width: 992px) {
  .content .slider .swiper-slide {
    min-height: 500px;
  }
}
.content h1 {
  margin-bottom: 10px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  /* identical to box height, or 78px */
  letter-spacing: 0.02em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(73, 76, 79, 0.5);
  font-size: 32px;
}
@media (min-width: 375px) {
  .content h1 {
    font-size: calc(3.0939226519vw + 20.3977900552px);
  }
}
@media (min-width: 1280px) {
  .content h1 {
    font-size: 60px;
  }
}
@media (min-width: 768px) {
  .content h1 {
    margin-bottom: 0.8rem;
  }
}
.content p {
  margin-bottom: 0;
  color: inherit;
  font-size: 13px;
}
@media (min-width: 576px) {
  .content p {
    font-size: 15px;
  }
}
.content a {
  color: #42474d;
  text-decoration: underline;
}
.content a:hover {
  color: #42474d;
}
.content--promo p {
  font-size: 20px;
  line-height: 130%;
}

.form-offers {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 2rem 1rem;
  background-color: #42474d;
  border-radius: 22px;
}
@media (min-width: 576px) {
  .form-offers {
    padding: 1rem;
  }
}
@media (min-width: 1024px) {
  .form-offers {
    padding: 1rem;
  }
}
@media (min-width: 1200px) {
  .form-offers {
    padding: 1.8rem 1rem;
  }
}
@media (min-width: 1400px) {
  .form-offers {
    padding: 1.8rem;
  }
}
.form-offers__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .form-offers__wrapper {
    justify-content: space-between;
  }
}
.form-offers__title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  color: #ffffff;
  margin-bottom: 1.6rem;
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-offers__title {
    font-size: calc(0vw + 17px);
  }
}
@media (min-width: 768px) {
  .form-offers__title {
    font-size: 17px;
  }
}
@media (max-width: 450px) {
  .form-offers__title {
/*    text-transform: uppercase */
  }
}
@media (min-width: 768px) {
  .form-offers__title {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .form-offers__title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .form-offers__title {
    margin-bottom: 2rem;
  }
}
.form-offers__btns {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
  padding-top: 1rem;
  width: var(--field-width);
}
@media (min-width: 576px) {
  .form-offers__btns {
    padding-top: 22px;
    padding-right: 0.9rem;
    width: calc(50% - 1rem);
    margin-right: 0.9rem;
  }
}
@media (min-width: 768px) {
  .form-offers__btns {
    padding-right: 0.5rem;
    width: calc(50% - 0.5rem);
    margin-right: 0.5rem;
  }
}
@media (min-width: 992px) {
  .form-offers__btns {
    padding-right: 0;
    align-items: flex-start;
    margin-right: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .form-offers__btns {
    padding-right: 1.3rem;
    width: calc(50% - 0.5rem);
  }
}
.form-offers .form-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: var(--field-width);
  flex-grow: 1;
}
@media (min-width: 576px) {
  .form-offers .form-label {
    width: calc(50% - 2.5rem);
    margin-right: 0.9rem;
  }
}
@media (min-width: 992px) {
  .form-offers .form-label {
    width: calc(50% - 0.5rem);
    margin-right: 0.5rem;
  }
}
@media (min-width: 1400px) {
  .form-offers .form-label {
    width: calc(50% - 1rem);
    margin-right: 1rem;
  }
}
.form-offers .form__label-name {
  color: #ffffff;
}
@media (min-width: 768px) {
  .form-offers .form__label-name {
    margin-bottom: 6px;
    font-size: 13px;
  }
}
.form-offers .form-control {
  align-items: flex-start;
}
.form-offers .form-control:focus, .form-offers .form-control:hover {
  box-shadow: 0 0 0 0.15rem rgba(226, 240, 251, 0.22);
}
.form-offers .form-select:focus, .form-offers .form-select:hover {
  box-shadow: 0 0 0 0.15rem rgba(226, 240, 251, 0.22);
}
.form-offers .form-check-input:checked {
  background-color: #888888;
  border-color: #888888;
  margin: 0;
}
.form-offers button[type=submit] {
  margin-top: 0;
  padding: 20px 25px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .form-offers button[type=submit] {
    padding: 13px 29px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .form-offers button[type=submit] {
    width: auto;
  }
}
@media (min-width: 992px) {
  .form-offers button[type=submit] {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .form-offers button[type=submit] {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1400px) {
  .form-offers button[type=submit] {
    margin-right: auto;
    margin-left: 0;
    padding: 0.8rem 4.2rem;
  }
}
.form-offers--sale .form-offers__title {
  font-size: 20px;
}
@media (min-width: 576px) {
  .form-offers--sale .form-label {
    width: calc(50% - var(--form-offers-mr-sl));
    margin-right: var(--form-offers-mr-sl);
  }
}
@media (min-width: 992px) {
  .form-offers--sale .form-label {
    width: calc(20% - var(--form-offers-mr-sl));
    margin-right: var(--form-offers-mr-sl);
  }
}
@media (min-width: 1200px) {
  .form-offers--sale .form-label {
    width: calc(20% - var(--form-offers-mr-sl));
    margin-right: var(--form-offers-mr-sl);
  }
}
.form-offers--sale .form-offers__btns {
  flex-grow: 1;
  align-items: flex-end;
}
@media (min-width: 576px) {
  .form-offers--sale .form-offers__btns {
    width: calc(50% - var(--form-offers-mr-sl));
    margin-right: var(--form-offers-mr-sl);
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .form-offers--sale .form-offers__btns {
    padding-left: 5%;
  }
}
@media (min-width: 992px) {
  .form-offers--sale .form-offers__btns {
    width: calc(27% - var(--form-offers-mr-sl));
    margin-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .form-offers--sale .form-offers__btns {
    width: calc(30% - var(--form-offers-mr-sl));
  }
}
.form-offers--sale .form__check-text {
  font-size: 13px;
}
@media (min-width: 992px) {
  .form-offers--sale .form__check-text {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .form-offers--sale .form__check-text {
    font-size: 14px;
  }
}
.form-offers--sale button[type=submit] {
  margin-left: auto;
  margin-right: 0;
  width: auto;
}
@media (min-width: 992px) {
  .form-offers--sale button[type=submit] {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .form-offers--sale button[type=submit] {
    width: auto;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.form-message {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.form-message__wrapper {
  position: relative;
  width: auto;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fffeda;
  border-radius: 16px;
  padding: 1rem 0;
  max-width: 820px;
  width: 100%;
}
@media (min-width: 576px) {
  .form-message__wrapper {
    padding: 3rem 2rem;
  }
}
@media (min-width: 768px) {
  .form-message__wrapper {
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .form-message__wrapper--bg {
    background-image: url(../img/forms/1.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 45% 100%;
  }
}
@media (min-width: 768px) {
  .form-message__content {
    width: 50%;
  }
}
.form-message__title {
  max-width: 280px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #42474d;
  text-align: center;
}
@media (min-width: 576px) {
  .form-message__title {
    text-align: left;
  }
}
.form-message__title span {
  display: block;
}

.form-message-modal {
  padding: 1rem 0;
}
@media (min-width: 576px) {
  .form-message-modal {
    padding: 3rem 2rem;
  }
}
@media (min-width: 768px) {
  .form-message-modal {
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .form-message-modal--bg {
    background-image: url(../img/forms/1.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 45% 100%;
  }
}
.form-message-modal__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  margin: 0 auto;
}
.form-message-modal__title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #42474d;
  text-align: center;
}
@media (min-width: 992px) {
  .form-message-modal__title {
    text-align: left;
  }
}
.form-message-modal__title span {
  display: block;
}

.page-sale.container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-sale__slider {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .page-sale__slider {
    min-height: 300px;
    margin-bottom: var(--page-sale-mb);
  }
}
.page-sale__form {
  width: 100%;
  margin-bottom: var(--page-sale-mb);
}
.page-sale__list {
  width: 100%;
  margin-bottom: var(--page-sale-mb);
}
@media (min-width: 992px) {
  .page-sale__list {
    width: 50%;
  }
}
.page-sale__box-kids {
  width: var(--page-sale-w-size);
  min-height: 100%;
  margin-bottom: var(--page-sale-mb);
}
.page-sale__box-kids .section {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .page-sale__box-kids .section {
    min-height: 360px;
  }
}
.page-sale__box-korus {
  min-height: 100%;
  width: var(--page-sale-w-size);
  margin-bottom: var(--page-sale-mb);
}
.page-sale__box-korus .section {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .page-sale__box-korus .section {
    min-height: 360px;
  }
}
.page-sale__content {
  width: 100%;
}
.page-sale__timer {
  width: 100%;
  margin-bottom: var(--page-sale-mb);
}

.modal.modal-city {
  background-color: transparent;
}
.modal.modal-city--list {
  background-color: rgba(66, 71, 77, 0.7);
}
.modal.modal-city .modal-dialog {
  max-width: 420px;
}
.modal.modal-city .modal-content {
  padding: 1rem 0;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  background-color: #fffeda;
  border-radius: 14px;
}
.modal.modal-city .modal-content .my-custom-scrollbar {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 70vh;
}
@media (min-width: 576px) {
  .modal.modal-city .modal-content .my-custom-scrollbar {
    height: auto;
    min-height: auto;
  }
}
.modal.modal-city .modal-header {
  border: none;
  padding: 0 1rem;
  align-items: baseline;
}
.modal.modal-city .modal-body {
  padding: 0 0.25rem 0 1rem;
  border-color: transparent;
}
@media (min-width: 992px) {
  .modal.modal-city .modal-body {
    padding: 0 1rem;
  }
}
.modal.modal-city .modal-city-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal.modal-city .modal-city-footer .button {
  margin: 0 0.5rem;
}
.modal.modal-city .modal-title {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
  color: #42474d;
  font-size: 18px;
}
@media (min-width: 320px) {
  .modal.modal-city .modal-title {
    font-size: calc(-0.6696428571vw + 20.1428571429px);
  }
}
@media (min-width: 768px) {
  .modal.modal-city .modal-title {
    font-size: 15px;
  }
}
.modal.modal-city .btn-close {
  padding: 0;
  margin: 0;
  right: 7px;
  top: 0;
  position: relative;
  width: 0.7em;
  height: 0.7em;
  opacity: 1;
}

.city-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .city-list {
    column-count: 2;
  }
}
.city-list li {
  min-width: 100px;
  margin-bottom: 4px;
}
.city-list li:first-child button {
  font-weight: 700;
}
.city-list a {
  text-decoration: none;
  color: #42474d;
}
.city-list button {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: block;
  color: #052a56;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  width: 100%;
  text-align: left;
  padding: 2px;
  font-size: 20px;
}
@media (min-width: 320px) {
  .city-list button {
    font-size: calc(-0.4464285714vw + 21.4285714286px);
  }
}
@media (min-width: 768px) {
  .city-list button {
    font-size: 18px;
  }
}
.city-list button:focus, .city-list button:hover {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}

.location {
  z-index: 10;
  position: absolute;
  top: 10%;
  left: 5px;
  background-color: #fffeda;
  border-radius: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 310px;
  padding: 1rem 1rem 1.3rem 1.4rem;
}
@media (min-width: 576px) {
  .location {
    top: 100%;
    left: 16px;
  }
}
@media (min-width: 992px) {
  .location {
    left: 20px;
    padding: 1.5rem 1rem 1.6rem 1.4rem;
  }
}
@media (min-width: 1200px) {
  .location {
    left: 80px;
  }
}
.location__title {
  width: 100%;
  margin-bottom: 0.8rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  text-transform: uppercase;
  color: #42474d;
  text-align: center;
}
@media (min-width: 992px) {
  .location__title {
    margin-bottom: 1.1rem;
  }
}
.location .button {
  font-size: 20px;
  color: #42474d;
  border: 1px solid #42474d;
  border-radius: 6px;
  margin: 0 0.5rem;
  padding: 0.6rem 2.15rem;
  transition: 0.3s;
}
.location .button:hover {
  background-color: #42474d;
  border-color: #42474d;
  color: #ffffff;
}
.location .button.active {
  background-color: #42474d;
  color: #ffffff;
}

.list-services {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 15px;
  background-color: #e2f0fb;
}
@media (min-width: 576px) {
  .list-services {
    padding: 24px 30px;
  }
}
@media (min-width: 768px) {
  .list-services {
    padding: 24px 36px;
  }
}
@media (min-width: 992px) {
  .list-services {
    padding: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .list-services {
    padding: 24px 17px 24px 33px;
  }
}
.list-services__item {
  flex-grow: 1;
}
.list-services__item:not(:last-child) {
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .list-services__item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .list-services__item {
    margin-bottom: 0;
  }
  .list-services__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.list-services__title {
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 18px;
}
@media (min-width: 576px) {
  .list-services__title {
    min-height: 44px;
  }
}
@media (min-width: 992px) {
  .list-services__title {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .list-services__title {
    font-size: 17px;
    margin-bottom: 18px;
  }
}
.list-services__title span {
  display: block;
}
.list-services__list, .list-services__sublist {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 576px) {
  .list-services__list, .list-services__sublist {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .list-services__list, .list-services__sublist {
    padding-right: 0.5rem;
  }
}
.list-services__list-item, .list-services__sublist-item {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: start;
  align-items: flex-start;
  margin-bottom: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 130%;
  font-size: 15px;
}
@media (min-width: 990px) {
  .list-services__list-item, .list-services__sublist-item {
    font-size: calc(1.1111111111vw + 4px);
  }
}
@media (min-width: 1440px) {
  .list-services__list-item, .list-services__sublist-item {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .list-services__list-item, .list-services__sublist-item {
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .list-services__list-item, .list-services__sublist-item {
    margin-bottom: 0.4rem;
  }
}
.list-services__list-item span, .list-services__sublist-item span {
  width: calc(100% - 30px - 10px);
}
.list-services__list-item .icon, .list-services__sublist-item .icon {
  width: 30px;
  height: 18px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .list-services__list-item .icon, .list-services__sublist-item .icon {
    height: 18px;
  }
}
@media (min-width: 1200px) {
  .list-services__list-item .icon, .list-services__sublist-item .icon {
    height: 23px;
  }
}
.list-services__list-item--9 .icon {
  width: 25px;
  margin-right: 13px;
}
.list-services__sublist-item--1 .icon {
  width: 24px;
  margin-right: 14px;
}
.list-services__sublist-item--5 .icon {
  width: 26px;
  margin-right: 12px;
  padding-left: 6px;
}

.timer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .timer {
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .timer {
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .timer {
    justify-content: space-between;
    padding: 1.6rem 5rem 1.5rem;
  }
}
@media (min-width: 1400px) {
  .timer {
    padding: 0 9rem;
  }
}
.timer .title {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 17px;
}
@media (min-width: 375px) {
  .timer .title {
    font-size: calc(2.2900763359vw + 8.4122137405px);
  }
}
@media (min-width: 768px) {
  .timer .title {
    font-size: calc(1.953125vw + 11px);
  }
}
@media (min-width: 1280px) {
  .timer .title {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .timer .title {
    margin-bottom: 0;
    text-align: right;
    width: 35%;
  }
}
@media (min-width: 992px) {
  .timer .title {
    width: auto;
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .timer .title {
    width: 44%;
  }
}
@media (min-width: 1400px) {
  .timer .title {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .timer .title span {
    display: block;
  }
}
.timer__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .timer__wrapper {
    justify-content: flex-end;
    width: 65%;
  }
}
@media (min-width: 992px) {
  .timer__wrapper {
    justify-content: space-between;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .timer__wrapper {
    width: 56%;
  }
}
@media (min-width: 1400px) {
  .timer__wrapper {
    max-width: 600px;
    width: 60%;
  }
}
.timer__item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 22vw;
  height: 22vw;
}
@media (min-width: 576px) {
  .timer__item {
    width: 105px;
    height: 105px;
  }
}
@media (min-width: 768px) {
  .timer__item {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 800px) {
  .timer__item {
    width: 15vw;
    height: 15vw;
  }
}
@media (min-width: 992px) {
  .timer__item {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 1200px) {
  .timer__item {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 1300px) {
  .timer__item {
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 1400px) {
  .timer__item {
    width: 140px;
    height: 140px;
  }
}
.timer__item svg {
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(270deg);
  width: 100%;
  height: 100%;
  fill: transparent;
  stroke-width: 10;
  stroke: #e2f0fb;
}
.timer__item svg .circle {
  stroke-dasharray: 440;
  stroke-linecap: round;
}
.timer__item .dots {
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.timer__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  line-height: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 21px;
}
@media (min-width: 320px) {
  .timer__text {
    font-size: calc(3.7946428571vw + 8.8571428571px);
  }
}
@media (min-width: 768px) {
  .timer__text {
    font-size: calc(1.3671875vw + 27.5px);
  }
}
@media (min-width: 1280px) {
  .timer__text {
    font-size: 45px;
  }
}
.timer__text span {
  font-size: 9px;
}
@media (min-width: 320px) {
  .timer__text span {
    font-size: calc(2.7777777778vw + 0.1111111111px);
  }
}
@media (min-width: 500px) {
  .timer__text span {
    font-size: calc(-1.4869888476vw + 21.4349442379px);
  }
}
@media (min-width: 769px) {
  .timer__text span {
    font-size: calc(1.568627451vw - 2.062745098px);
  }
}
@media (min-width: 1024px) {
  .timer__text span {
    font-size: calc(0.7211538462vw + 6.6153846154px);
  }
}
@media (min-width: 1440px) {
  .timer__text span {
    font-size: 17px;
  }
}

.history__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 90%;
}
@media (min-width: 768px) {
  .history__header {
    width: 100%;
  }
}
.history .title {
  padding-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
  /* identical to box height, or 52px */
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 23px;
}
@media (min-width: 450px) {
  .history .title {
    font-size: calc(4.4025157233vw + 3.1886792453px);
  }
}
@media (min-width: 768px) {
  .history .title {
    font-size: calc(0.4464285714vw + 33.5714285714px);
  }
}
@media (min-width: 1440px) {
  .history .title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .history .title {
    padding-top: 0;
    padding-left: 30px;
  }
}
.history .icon {
  display: none;
  width: 130px;
  height: 22px;
  margin-left: 3%;
}
@media (min-width: 768px) {
  .history .icon {
    display: flex;
  }
}
@media (min-width: 992px) {
  .history .icon {
    margin-left: 10%;
  }
}
.history__list {
  position: relative;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.history__list::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 5px;
  height: 92.5%;
  background: linear-gradient(180deg, #5e879f 21.12%, #77c7cc 100%);
  border-radius: 18px;
}
@media (min-width: 400px) {
  .history__list::before {
    height: 92%;
  }
}
/*
@media (min-width: 448px) {
  .history__list::before {
    height: 93%;
  }
}
*/
@media (min-width: 450px) {
  .history__list::before {
    height: 92.2%;
  }
}
@media (min-width: 768px) {
  .history__list::before {
    height: 92%;
  }
}
@media (min-width: 992px) {
  .history__list::before {
    height: 91.5%;
  }
}
@media (min-width: 1200px) {
  .history__list::before {
    height: 91.5%;
  }
}
.history__item {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-bottom: 16px;
}
.history__title {
  position: relative;
  margin-right: 12px;
  padding: 5px 15px;
  font-weight: 700;
  font-size: 27px;
  line-height: 120%;
  border-radius: 30px;
  background-color: var(--bgColor);
  color: #ffffff;
}
@media (min-width: 768px) {
  .history__title {
    margin-right: 0;
  }
}
.history__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--bgColor);
}
.history__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #000000;
}
@media (min-width: 768px) {
  .history__text {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .modal-history .modal-dialog {
    max-width: 690px;
  }
}
@media (min-width: 992px) {
  .modal-history .modal-dialog {
    max-width: 856px;
  }
}
@media (min-width: 768px) {
  .modal-history .modal-body {
    padding: 32px;
  }
}
.modal-history .modal-content {
  border-radius: 22px;
  padding-bottom: 157px;
  background-image: url("../img/modal/girl-swimming-pool-mob.jpg");
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 157px;
}
@media (min-width: 768px) {
  .modal-history .modal-content {
    background-image: var(--pic);
    padding-bottom: 220px;
    background-size: 100% 220px;
  }
}
.modal-history .modal-content .btn-close {
  color: #42474d;
}
.modal-history .modal-content .btn-close .icon {
  fill: #42474d;
  stroke: #ffffff;
}

.modal-kids .modal-body {
  padding: 1.5rem;
}
@media (min-width: 576px) {
  .modal-kids .modal-body {
    padding: 2rem 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .modal-kids .modal-body {
    padding: 1rem 0 1rem 1rem;
  }
}
@media (min-width: 1400px) {
  .modal-kids .modal-body {
    padding: 1rem 1rem 2rem 2rem;
  }
}
.modal-kids .modal-body .list {
  padding-left: 0;
}
.modal-kids .modal-body .list li {
  position: relative;
  padding-left: 1rem;
  line-height: normal;
}
.modal-kids .modal-body .list li::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #42474d;
  border-radius: 50%;
}
.modal-kids .modal-body .form-offers__btns {
  padding-top: 0;
  padding-right: 0;
  width: 100%;
}
.modal-kids .modal-body .button--red {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  padding: 16px 25px;
}

.hero {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
}
.hero__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 35px;
}
@media (min-width: 576px) {
  .hero__wrapper {
    margin-top: 14px;
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .hero__wrapper {
    margin-top: 38px;
    margin-bottom: 54px;
  }
}
.hero__clubs-info {
  display: flex;
  margin-bottom: 25px;
  width: 100%;
}
@media (min-width: 576px) {
  .hero__clubs-info {
    margin-bottom: 35px;
    padding-right: 75px;
    padding-left: 4px;
  }
}
@media (min-width: 992px) {
  .hero__clubs-info {
    margin-bottom: 0;
    padding-right: 0;
    width: 40%;
  }
}
@media (min-width: 1400px) {
  .hero__clubs-info {
    width: 40%;
  }
}
.hero__link, .hero__pic {
  width: 100%;
}
@media (min-width: 992px) {
  .hero__link, .hero__pic {
    width: 60%;
  }
}
.hero__pic {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 992px) {
  .hero__pic {
    padding: 0 0 0 3rem;
  }
}
.hero__pic picture {
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
}
.hero__pic img {
  max-width: 100%;
  height: 100%;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .hero__pic img {
    box-shadow: none;
  }
}
@media (max-width: 992px) {
  .hero__pic img {
    width: 100%;
    max-height: 270px;
  }
}
.hero__pic picture {
  width: 100%;
}
.hero__link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 992px) {
  .hero__link {
    padding: 0 0 0 3rem;
  }
}
.hero__link picture, .hero__link img {
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
  overflow: hidden;
}
.hero__title {
  margin: 0;
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
  font-size: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #42474d;
  font-size: 20px;
}
@media (min-width: 375px) {
  .hero__title {
    font-size: calc(7.6335877863vw - 8.6259541985px);
  }
}
@media (min-width: 768px) {
  .hero__title {
    font-size: calc(1.4880952381vw + 38.5714285714px);
  }
}
@media (min-width: 1440px) {
  .hero__title {
    font-size: 60px;
  }
}
@media (min-width: 576px) {
  .hero__title {
    padding-left: 4px;
  }
}
@media (min-width: 768px) {
  .hero__title {
    color: rgba(73, 76, 79, 0.5);
  }
}
@media (min-width: 992px) {
  .hero__title {
    margin-bottom: 1rem;
  }
}
.hero__title span {
  display: block;
}
@media (min-width: 992px) {
  .hero__title span {
    display: inline-block;
  }
}

.clubs-info {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 769px) {
  .clubs-info {
    margin-right: 50px;
  }
}
@media (min-width: 992px) {
  .clubs-info {
    margin-right: 0;
  }
}
.clubs-info::before, .clubs-info::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #42474d;
}
.clubs-info::before {
  top: 0;
}
.clubs-info::after {
  bottom: 0;
}
.clubs-info__item {
  flex-grow: 1;
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 14px;
  padding-left: 30px;
  margin: 0;
  color: #42474d;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .clubs-info__item {
    padding-left: 50px;
  }
}
@media (min-width: 992px) {
  .clubs-info__item {
    padding: 10px;
    padding-left: 30px;
  }
  .clubs-info__item::before {
    top: 24px;
    left: 40px;
  }
}
@media (min-width: 1200px) {
  .clubs-info__item {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px;
  }
}
@media (min-width: 1400px) {
  .clubs-info__item {
    padding-left: 50px;
  }
}
.clubs-info__item:not(:last-child) {
  border-bottom: 1px solid;
}
.clubs-info__club {
  position: relative;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 15px;
}
@media (min-width: 375px) {
  .clubs-info__club {
    font-size: calc(0.6060606061vw + 12.7272727273px);
  }
}
@media (min-width: 1200px) {
  .clubs-info__club {
    font-size: 20px;
  }
}
.clubs-info__club::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 17px;
  height: 30px;
  background-image: url("../img/icons/fh.svg");
}
@media (min-width: 768px) {
  .clubs-info__club::before {
    top: 0;
    left: -25px;
  }
}
.clubs-info__text {
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  font-size: 16px;
}
@media (min-width: 375px) {
  .clubs-info__text {
    font-size: calc(0.4848484848vw + 14.1818181818px);
  }
}
@media (min-width: 1200px) {
  .clubs-info__text {
    font-size: 20px;
  }
}
@media (min-width: 576px) {
  .clubs-info__text {
    font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
    font-weight: 700;
  }
}

.clubs-search {
  border-radius: 30px;
  overflow: hidden;
}
.clubs-search.container {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1300px) {
  .clubs-search.container {
    padding: 0;
  }
}
.clubs-search__nav-btns {
  z-index: 3;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: -10px;
}
@media (min-width: 576px) {
  .clubs-search__nav-btns {
    display: none;
  }
}
.clubs-search__body {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: -10px;
}
.clubs-search__btn-list {
  z-index: 5;
  position: absolute;
  top: 20px;
  right: 10px;
  background-color: #ffffff;
  color: #42474d;
}
@media (min-width: 700px) {
  .clubs-search__btn-list {
    display: none;
  }
}
.clubs-search__btn-list:hover {
  background-color: #fffeda;
  color: #42474d;
}
.clubs-search__sidebar {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 22px;
}
.clubs-search__sidebar .btn-close {
  z-index: 3;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 1;
}
.clubs-search__sidebar.show {
  z-index: 2;
  width: 330px;
}
@media (min-width: 576px) {
  .clubs-search__sidebar.show {
    width: 445px;
  }
}
@media (min-width: 1200px) {
  .clubs-search__sidebar.show {
    width: 670px;
  }
}

.sidebar-clubs__body {
  height: 100%;
  overflow-y: auto;
}

#scroll-cards {
  height: 100%;
}

.sidebar-clubs__list-clubs {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.form-clubs {
  background-color: #90959a;
  padding: 20px;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .form-clubs {
    border-radius: 22px;
    padding: 40px;
  }
}
@media (min-width: 769px) {
  .form-clubs {
    border-radius: 0;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  }
}
.form-clubs__title {
  margin-bottom: 0.7rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 18px;
}
@media (min-width: 320px) {
  .form-clubs__title {
    font-size: calc(4.9107142857vw + 2.2857142857px);
  }
}
@media (min-width: 768px) {
  .form-clubs__title {
    font-size: 40px;
  }
}
@media (min-width: 576px) {
  .form-clubs__title {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .form-clubs__title {
    margin-bottom: 2rem;
  }
}
.form-clubs__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
}
.form-clubs .form-control {
  padding: 0.7rem 0.75rem 0.7rem 1.45rem;
}
@media (min-width: 768px) {
  .form-clubs .form-control {
    padding: 1rem 1.8rem 1rem 1rem;
  }
}
.form-clubs .form-label {
  padding-bottom: 0;
  margin-bottom: 0.5rem;
  color: #ffffff;
  width: 100%;
  flex-grow: 1;
}
@media (min-width: 576px) {
  .form-clubs .form-label {
    width: calc(50% - 1.5rem);
    margin-right: 0.5rem;
  }
}
@media (min-width: 992px) {
  .form-clubs .form-label {
    width: calc(25% - 1.5rem);
    margin-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .form-clubs .form-label {
    width: calc(23% - 1rem);
    margin-right: 1rem;
  }
}
@media (min-width: 1400px) {
  .form-clubs .form-label {
    width: calc(25% - 1rem);
    margin-right: 1rem;
  }
}
.form-clubs .form-select:focus, .form-clubs .form-select:hover {
  box-shadow: 0 0 0 0.15rem rgba(44, 58, 69, 0.305);
}
@media (min-width: 1200px) {
  .form-clubs .form-select {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
  }
}
.form-clubs__btns {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 375px) {
  .form-clubs__btns {
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .form-clubs__btns {
    margin-top: 0;
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .form-clubs__btns {
    width: auto;
    margin-left: auto;
  }
}
.form-clubs .button {
  width: 100%;
  margin-bottom: 1rem;
  padding: 10px;
  flex-grow: 1;
}
.form-clubs .button:not(:last-child) {
  margin-right: 0.5rem;
}
@media (min-width: 1400px) {
  .form-clubs .button:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (min-width: 375px) {
  .form-clubs .button {
    width: calc(50% - 1.25rem);
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .form-clubs .button {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) {
  .form-clubs .button {
    width: auto;
    padding: 16px 10px;
  }
}
@media (min-width: 1200px) {
  .form-clubs .button {
    padding: 16px 13px;
  }
}

.map {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  background-size: cover;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  height: 545px;
}
@media (min-width: 768px) {
  .map {
    height: 640px;
  }
}
@media (min-width: 1200px) {
  .map {
    height: 820px;
  }
}
.map--region {
  overflow: hidden;
  margin-bottom: 35px;
  width: 100%;
  min-height: 500px;
  height: 650px;
}
@media (min-width: 576px) {
  .map--region {
    width: 100%;
    margin-top: 25px;
  }
}
@media (min-width: 768px) {
  .map--region {
    margin-top: 35px;
  }
}
@media (min-width: 992px) {
  .map--region {
    margin-top: 44px;
    margin-bottom: 54px;
  }
}
.map--region.container {
  min-height: 100%;
}
.map--region #map {
  background-color: #e2f0fb;
  border-radius: 22px;
}
.map__ya {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -ms-touch-action: auto !important;
  touch-action: auto !important;
}
@media (max-width: 576px) {
  .map [class$=-controls__control_toolbar] {
    margin-right: 0 !important;
    padding: 5px;
  }
}
.map [class$=-custom-scroll] {
  box-shadow: -1px 4px 24px rgba(0, 0, 0, 0.2);
  border-radius: 22px;
  border: none;
  overflow: hidden;
}
.map [class$=-balloon__content] {
  padding: 0;
  margin: 0;
}
.map [class$=-balloon__content] ymaps {
  min-height: 470px;
}
.map [class$=-balloon__close] {
  position: absolute;
  top: 5px;
  right: 5px;
}
.map [class$=-balloon__close] + [class$=-balloon__content] {
  margin: 0;
}
.map .customControl {
  z-index: 10;
  display: none;
  position: relative;
  background-color: #f6f6f6;
  padding: 0;
  border-radius: 3px;
  max-width: 350px;
  box-shadow: -1px 4px 24px rgba(0, 0, 0, 0.2);
  border-radius: 22px;
}
@media (min-width: 576px) {
  .map .customControl {
    max-width: 460px;
  }
}
@media (min-width: 992px) {
  .map .customControl {
    max-width: 645px;
  }
}
.map .closeButton {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10000;
  width: 23px;
  height: 23px;
  flex-basis: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 3px;
  cursor: pointer;
  background: url("../img/icons/close.svg") 50% no-repeat;
}
.map .content {
  margin: 0;
}
.map__sidebar {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 450px;
  height: 108%;
  padding: 0 0.25rem;
  transform: translate3d(0%, 0, 0);
  overflow: hidden;
  border-radius: 22px;
}
@media (min-width: 576px) {
  .map__sidebar {
    top: -20px;
  }
}
@media (min-width: 992px) {
  .map__sidebar {
    width: 650px;
    max-width: 650px;
  }
}

.ymaps-map {
  -ms-touch-action: auto !important;
  touch-action: auto !important;
}

.subscription {
  display: flex;
  flex-direction: column;
  margin: 1rem 0 3rem;
  padding: 30px 15px;
  width: 100%;
  background-color: #90959a;
  border-radius: 22px;
}
@media (min-width: 576px) {
  .subscription {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 35px 55px;
  }
}
@media (min-width: 1200px) {
  .subscription {
    padding: 35px 80px;
    margin: 20px auto 3rem;
    max-width: 1150px;
  }
}
.subscription__title {
  width: 100%;
  margin-bottom: 1.6rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  color: #ffffff;
  max-width: 850px;
}
@media (min-width: 576px) {
  .subscription__title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .subscription__title {
    font-size: 27px;
    line-height: 130%;
  }
}
.subscription__title span {
  display: block;
  word-spacing: inherit;
}
@media (min-width: 768px) {
  .subscription__title span {
    display: inline-block;
  }
}
.subscription__form {
  width: 100%;
  max-width: 850px;
}

.form-subscription {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.form-subscription .form-label {
  width: 100%;
  padding-bottom: 1rem;
  flex-grow: 1;
  color: #ffffff;
}
@media (min-width: 600px) {
  .form-subscription .form-label {
    padding-bottom: 1.5rem;
    width: calc(50% - 1rem);
    flex-grow: 0;
  }
}
@media (min-width: 992px) {
  .form-subscription .form-label {
    flex-grow: 1;
    width: calc(30% - 80px);
    margin-right: 2rem;
  }
}
.form-subscription .form-control {
  width: 100%;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
@media (min-width: 992px) {
  .form-subscription .form-control {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}
.form-subscription .form-control::placeholder {
  font-size: 20px;
}
.form-subscription .form-select option {
  font-size: 20px;
}
.form-subscription__btns {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
  .form-subscription__btns {
    width: 50%;
    align-content: start;
    justify-content: start;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .form-subscription__btns {
    width: auto;
    padding: 0;
    padding-top: 8px;
  }
}
@media (min-width: 1300px) {
  .form-subscription__btns {
    padding-top: 5px;
  }
}
.form-subscription .button {
  width: 100%;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  border-width: 1px;
}
@media (min-width: 576px) {
  .form-subscription .button {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .form-subscription .button {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}
.form-subscription .custom-form-check label {
  color: #ffffff;
}

.clubs-result {
  display: none;
}
@media (min-width: 768px) {
  .clubs-result {
    display: block;
    position: absolute;
    z-index: 10;
    top: -30px;
    right: 0;
    left: auto;
    max-width: 450px;
    overflow: hidden;
    max-height: var(--size-clubs-result-h);
    border-radius: 22px;
    padding-top: 1rem;
  }
}
@media (min-width: 992px) {
  .clubs-result {
    max-width: 650px;
  }
}
.clubs-result__item {
  background-color: #f6f6f6;
  background-color: #e2f0fb;
  border-radius: 22px;
  box-shadow: -1px 4px 24px rgba(0, 0, 0, 0.2);
}
.clubs-result__item:nth-child(2n) {
  background-color: #fffeda;
}
@media (min-width: 576px) {
  .clubs-result__item {
    background-color: #f6f6f6;
  }
  .clubs-result__item:nth-child(2n) {
    background-color: #f6f6f6;
  }
}
.clubs-result__item .club-preview__address {
  font-size: 17px;
}
@media (max-width: 768px) {
  .clubs-result__item .club-preview__links {
    padding: 0;
  }
}
.clubs-result .my-custom-scrollbar {
  height: 100%;
  min-height: var(--size-clubs-result-h);
  scrollbar-gutter: stable;
}
.clubs-result .my-custom-scrollbar::-webkit-scrollbar {
  width: 10px;
}
.clubs-result .my-custom-scrollbar::-webkit-scrollbar-track {
  background-color: #e2f0fb;
  background-color: transparent;
}
.clubs-result .my-custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #42474d;
}
.clubs-result .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 11;
  color: #42474d;
  opacity: 1;
  background: none;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  outline: none;
  cursor: pointer;
}
.clubs-result .btn-close:focus, .clubs-result .btn-close:hover {
  outline: none;
  box-shadow: none;
}
.clubs-result .btn-close .icon {
  width: 90%;
  height: 80%;
  margin: 2px;
  fill: #42474d;
  stroke: #fffeda;
}

.page-clubs {
  position: relative;
}
.page-clubs--region .hero {
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .page-clubs--region .hero {
    margin-bottom: 54px;
  }
}
.page-clubs--region .subscription {
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .page-clubs--region .subscription {
    margin-bottom: 54px;
  }
}
@media (min-width: 1200px) {
  .page-clubs--region .subscription {
    margin-bottom: 100px;
  }
}

.presale {
  margin: 0 auto;
  max-width: 1275px;
  margin-bottom: 35px;
  margin-top: 35px;
}
@media (min-width: 992px) {
  .presale {
    margin-bottom: 54px;
    margin-top: 54px;
  }
}
.presale__list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.presale__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #42474d;
}
.presale__item {
  flex-grow: 1;
  position: relative;
  padding: 21px 0;
  margin: 0;
  color: #42474d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
.presale__item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5%;
  width: 100%;
  height: 1%;
  background-color: #42474d;
}
@media (min-width: 992px) {
  .presale__item::after {
    height: 1.25%;
  }
}
@media (min-width: 576px) {
  .presale__item {
    padding: 25px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .presale__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    align-items: center;
    padding-bottom: 15px;
    padding-right: 10px;
  }
}
.presale__item-club {
  padding-left: 25px;
  padding-right: 75px;
  margin-bottom: 17px;
  flex-grow: 1;
}
@media (min-width: 650px) {
  .presale__item-club {
    width: 60%;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .presale__item-club {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    width: 100%;
    margin-bottom: 0;
    margin-left: 25px;
  }
}
.presale__club-name {
  position: relative;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 140%;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 15px;
}
@media (min-width: 576px) {
  .presale__club-name {
    line-height: 130%;
  }
}
@media (min-width: 375px) {
  .presale__club-name {
    font-size: calc(1.272264631vw + 10.2290076336px);
  }
}
@media (min-width: 768px) {
  .presale__club-name {
    font-size: 20px;
  }
}
.presale__club-name::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 17px;
  height: 30px;
  background-image: url("../img/icons/fh.svg");
}
@media (min-width: 576px) {
  .presale__club-name::before {
    top: 0;
    left: -25px;
  }
}
.presale__club-address {
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  font-size: 16px;
}
@media (min-width: 375px) {
  .presale__club-address {
    font-size: calc(1.0178117048vw + 12.1832061069px);
  }
}
@media (min-width: 768px) {
  .presale__club-address {
    font-size: 20px;
  }
}
@media (min-width: 576px) {
  .presale__club-address {
    font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
    font-weight: 700;
    font-size: 20px;
  }
}
.presale__opening-date {
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media (min-width: 576px) {
  .presale__opening-date {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .presale__opening-date {
    width: 100%;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
.presale__date-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: flex-start;
  padding: 10px 40px 10px 25px;
  margin-bottom: 17px;
  margin-right: auto;
  background: #e2f0fb;
  border-radius: 100px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
}
@media (min-width: 576px) {
  .presale__date-inner {
    padding: 6px 15px;
    align-items: center;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .presale__date-inner {
    margin-left: 20px;
    margin-bottom: 7px;
  }
}
.presale__date-inner span {
  display: block;
}
@media (min-width: 576px) {
  .presale__date-inner span {
    display: inline-block;
  }
}
.presale__date-inner .icon {
  width: 25px;
  height: 23px;
  margin-right: 8px;
}
.presale__links {
  padding-left: 25px;
}
@media (min-width: 576px) {
  .presale__links {
    padding-left: 20px;
    flex-grow: 1;
  }
}
@media (min-width: 992px) {
  .presale__links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-left: 25px;
  }
}
.presale__links .link-icon {
  margin-bottom: 17px;
}
.presale__links .link-icon:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .presale__links .link-icon {
    margin-bottom: 0;
  }
}

.list-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 35px;
  margin-bottom: 35px;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .list-card {
    display: flex;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .list-card {
    gap: 40px;
    margin-top: 54px;
  }
}
.list-card--three {
  width: 100%;
  padding-right: 10px;
}
@media (min-width: 576px) {
  .list-card--three {
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  }
}
@media (min-width: 992px) {
  .list-card--three {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-auto-columns: minmax(288px, 400px);
    gap: 20px;
  }
}
@media (min-width: 1400px) {
  .list-card--three {
    grid-template-columns: repeat(auto-fill, minmax(288px, 395px));
    grid-auto-columns: minmax(288px, 400px);
    gap: 20px;
  }
}
@media (min-width: 1410px) {
  .list-card--three {
    grid-template-columns: repeat(auto-fill, minmax(288px, 400px));
  }
}
.list-card--three .list-card__item {
  min-width: 288px;
}
@media (min-width: 992px) {
  .list-card--three .list-card__item {
    width: 400px;
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .list-card--three .list-card__item {
    width: 400px;
  }
}
.list-card--four {
  flex-direction: column;
}
@media (min-width: 576px) {
  .list-card--four {
    flex-direction: row;
    gap: 22px;
  }
}
@media (min-width: 576px) {
  .list-card--four {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 992px) {
  .list-card--four {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 1440px) {
  .list-card--four {
    grid-template-columns: repeat(auto-fill, 300px);
  }
}
.list-card__item {
  width: 100%;
  margin-bottom: 20px;
}
.list-card__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .list-card__item {
    margin-bottom: 0;
  }
}

@media (min-width: 576px) {
  #scroll-cards {
    overflow: hidden;
    width: 100%;
  }
}
@media (min-width: 576px) {
  #scroll-cards .list-card {
    padding-top: 5px;
  }
}
@media (min-width: 992px) {
  #scroll-cards .list-card {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/**
    * Reinstate scrolling for non-JS clients
    */
.simplebar-content-wrapper {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: initial;
  width: initial;
  height: initial;
}

.mCustomScrollbar .list-card--three {
  grid-auto-columns: minmax(288px, 302px);
  grid-auto-flow: column;
}
@media (min-width: 992px) {
  .mCustomScrollbar .list-card--three {
    grid-auto-columns: minmax(288px, 400px);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .mCustomScrollbar .list-card--three {
    grid-template-columns: repeat(3, minmax(400px, 1fr));
  }
}
.mCustomScrollbar .list-card--three .list-card__item {
  min-width: 288px;
}
@media (min-width: 576px) {
  .mCustomScrollbar .list-card--three .list-card__item {
    width: 300px;
    max-width: 300px;
  }
}
.mCustomScrollbar .list-card--four {
  grid-auto-flow: column;
}
@media (min-width: 576px) {
  .mCustomScrollbar .list-card--four .list-card__item {
    width: 300px;
    max-width: 300px;
  }
}

.card-club {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 288px;
  max-width: 620px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 22px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
@media (min-width: 600px) {
  .card-club {
    min-width: auto;
  }
}
@media (min-width: 670px) {
  .card-club {
    min-width: 300px;
  }
}
@media (min-width: 992px) {
  .card-club {
    padding-top: 43px;
    padding-bottom: 43px;
  }
}
.card-club__header {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
@media (min-width: 576px) {
  .card-club__header {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .card-club__header {
    display: grid;
  }
}
.card-club__header, .card-club__footer {
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
}
@media (min-width: 768px) {
  .card-club__header, .card-club__footer {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (min-width: 992px) {
  .card-club__header, .card-club__footer {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media (min-width: 992px) {
  .card-club__contacts {
    width: 60%;
    flex-grow: 1;
  }
}
.card-club__title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.card-club__title span {
  display: inline-block;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .card-club__title span {
    display: block;
  }
}
@media (min-width: 1200px) {
  .card-club__title span {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .card-club__title-and-raiting {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
@media (min-width: 992px) {
  .card-club__working {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: auto;
  }
}
.card-club__address {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .card-club__address {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .card-club__address {
    font-size: 20px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}
.card-club__working.working-hours {
  display: none;
}
@media (min-width: 768px) {
  .card-club__working.working-hours {
    display: flex;
  }
}
@media (min-width: 992px) {
  .card-club__working.working-hours {
    width: auto;
    min-width: auto;
  }
}
.card-club__pic {
  width: 100%;
  display: block;
  height: 175px;
  margin-top: 15px;
  margin-bottom: 25px;
  background-color: #e2f0fb;
  text-decoration: none;
}
.card-club__pic:focus, .card-club__pic:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .card-club__pic {
    height: 170px;
  }
}
@media (min-width: 992px) {
  .card-club__pic {
    height: 228px;
  }
}
.card-club__pic img {
  width: 100%;
  height: 100%;
}
.card-club__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 769px) {
  .card-club__footer {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .card-club__footer {
    flex-direction: row-reverse;
  }
}
.card-club__footer .link-icon:first-child {
  margin-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .card-club__footer .link-icon:first-child {
    margin-bottom: 0;
  }
}
.card-club--three {
  padding: 25px 0;
}
@media (min-width: 992px) {
  .card-club--three {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .card-club--three .card-club__header, .card-club--three .card-club__footer {
    padding: 0 25px;
  }
}
@media (min-width: 769px) {
  .card-club--three .card-club__footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}
@media (min-width: 992px) {
  .card-club--three .card-club__title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .card-club--three .card-club__address {
    margin-bottom: 0;
    font-size: 18px;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .card-club--three .card-club__pic {
    height: 174px;
  }
}
.card-club--three .working-hours__club {
  padding-left: 24px;
}
.card-club--three .working-hours__club-label span {
  padding-left: 0.25rem;
}
.card-club--four {
  padding: 25px 0;
}
@media (min-width: 992px) {
  .card-club--four .card-club__header, .card-club--four .card-club__footer {
    padding: 0 25px;
  }
}
@media (min-width: 992px) {
  .card-club--four .card-club__header {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.card-club--four .card-club__title span {
  display: inline-block;
}
@media (min-width: 576px) {
  .card-club--four .card-club__title span {
    display: block;
  }
}
@media (min-width: 992px) {
  .card-club--four .card-club__title-and-raiting {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.card-club--four .card-club__working {
  margin-right: auto;
  margin-left: 0;
}
@media (min-width: 992px) {
  .card-club--four .card-club__working {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
@media (min-width: 992px) {
  .card-club--four .card-club__address {
    font-size: 18px;
    min-height: auto;
  }
}
@media (min-width: 576px) {
  .card-club--four .card-club__footer {
    gap: 14px;
    flex-direction: row;
  }
}
.card-club--map {
  box-shadow: none;
  border-radius: 0;
  padding: 21px 0;
}
@media (min-width: 576px) {
  .card-club--map {
    padding: 32px 0;
  }
}
@media (min-width: 768px) {
  .card-club--map {
    padding-top: 43px;
    padding-bottom: 32px;
  }
}
.card-club--map .card-club__text {
  display: none;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 576px) {
  .card-club--map .card-club__text {
    display: flex;
    padding: 0 35px;
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .card-club--map .card-club__text {
    padding-right: 40px;
  }
}
.card-club--map .card-club__address {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-club--map .card-club__address {
    margin-bottom: 8px;
  }
}
.card-club--map .card-club__header {
  width: 100%;
  padding: 0 35px;
}
@media (max-width: 576px) {
  .card-club--map .card-club__header {
    padding: 0 20px;
    padding-right: 50px;
  }
}
.card-club--map .card-club__title span {
  display: inline-block;
}
.card-club--map .card-club__pic {
  order: 2;
  margin-bottom: 0;
  display: block;
  width: 100%;
}
@media (min-width: 576px) {
  .card-club--map .card-club__pic {
    order: 0;
    margin-bottom: 25px;
  }
}
.card-club--map .link-icon {
  text-decoration: none;
}
.card-club--map .card-club__footer {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
  padding: 0 30px 0 35px;
}
@media (max-width: 576px) {
  .card-club--map .card-club__footer {
    padding: 0 20px;
  }
}
@media (max-width: 576px) {
  .card-club--map .card-club__footer .link-icon {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 0;
    padding: 10px 24px;
    border-radius: 16px;
  }
  .card-club--map .card-club__footer .link-icon:first-child {
    padding-right: 24px;
    color: #42474d;
    border: 1px solid #42474d;
  }
  .card-club--map .card-club__footer .link-icon:last-child {
    color: #ffffff;
    background-color: #cd4141;
  }
}
@media (max-width: 365px) {
  .card-club--map .card-club__footer .link-icon {
    padding-right: 14px;
  }
}
@media (min-width: 576px) {
  .card-club--map .card-club__footer {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .card-club--map .card-club__footer .link-icon {
    margin-bottom: 0;
  }
}
.card-club--map .card-club__working.working-hours {
  display: flex;
  margin-bottom: 25px;
}
@media (min-width: 576px) {
  .card-club--map .card-club__working.working-hours {
    display: none;
  }
}
@media (min-width: 992px) {
  .card-club--map .card-club__working.working-hours {
    display: flex;
  }
}
.card-club--list-item {
  padding-bottom: 0;
  background-color: #f6f6f6;
  overflow: hidden;
  max-width: 670px;
  border-radius: 0;
}
@media (max-width: 699px) {
  .card-club--list-item {
    background-color: #fffeda;
  }
  .card-club--list-item:nth-child(2n) {
    background-color: #e2f0fb;
  }
}
@media (min-width: 699px) {
  .card-club--list-item {
    padding-top: 25px;
    border-radius: 22px;
  }
}
@media (min-width: 1200px) {
  .card-club--list-item {
    display: grid;
    grid-template-columns: minmax(430px, 1fr) minmax(255px, 1fr);
  }
}
.card-club--list-item .card-club__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 10px;
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__header {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (min-width: 1200px) {
  .card-club--list-item .card-club__header {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-right: 0;
  }
}
.card-club--list-item .card-club__raiting {
  display: none;
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__raiting {
    display: flex;
  }
}
.card-club--list-item .card-club__title-and-raiting {
  width: 100%;
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__title-and-raiting {
    width: 95%;
  }
}
.card-club--list-item .card-club__title {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
@media (min-width: 992px) {
  .card-club--list-item .card-club__title {
    padding-right: 70px;
    padding-left: 35px;
  }
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__title span {
    display: inline-block;
  }
}
.card-club--list-item .card-club__footer {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
@media (max-width: 699px) {
  .card-club--list-item .card-club__footer {
    padding: 0 20px;
    margin-bottom: 25px;
  }
}
@media (max-width: 699px) {
  .card-club--list-item .card-club__footer .link-icon {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 0;
    padding: 10px 24px;
    border-radius: 16px;
  }
  .card-club--list-item .card-club__footer .link-icon:first-child {
    padding-right: 24px;
    color: #42474d;
    border: 1px solid #42474d;
  }
  .card-club--list-item .card-club__footer .link-icon:last-child {
    color: #ffffff;
    background-color: #cd4141;
  }
}
@media (max-width: 365px) {
  .card-club--list-item .card-club__footer .link-icon {
    padding-right: 14px;
  }
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__footer {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .card-club--list-item .card-club__footer {
    flex-direction: column;
    align-items: flex-end;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    gap: 20px;
    padding-left: 0;
    justify-content: flex-start;
    padding-top: 12px;
  }
}
.card-club--list-item .card-club__footer .link-icon:first-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .card-club--list-item .card-club__footer .link-icon:first-child {
    margin-bottom: 0.5rem;
  }
}
.card-club--list-item .card-club__pic {
  order: 2;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
  display: none;
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__pic {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .card-club--list-item .card-club__pic {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
.card-club--list-item .card-club__pic img {
  width: 100%;
  height: 100%;
}
.card-club--list-item .card-club__working.working-hours {
  display: flex;
  margin: 10px 0;
}
@media (min-width: 699px) {
  .card-club--list-item .card-club__working.working-hours {
    display: none;
  }
}
@media (min-width: 1200px) {
  .card-club--list-item .card-club__working.working-hours {
    display: flex;
    order: 2;
    margin: 0;
    margin-left: 0;
    margin-right: auto;
  }
}
.card-club--list-item .working-hours__club {
  flex-direction: column;
}
@media (min-width: 699px) {
  .card-club--list-item .working-hours__club {
    flex-direction: row;
    text-transform: lowercase;
  }
}
.card-club--list-item .working-hours__club::before {
  top: 1px;
}
.card-club--list-item .working-hours__club-label {
  padding-right: 13px;
}

.modal-preview-club .modal-dialog {
  margin: 0 auto;
}
.modal-preview-club .modal-content {
  border-radius: 22px;
  background-color: #f6f6f6;
}
.modal-preview-club .modal-body {
  padding: 0;
}
.modal-preview-club .club-preview__header {
  padding: 10px 30px;
}
.modal-preview-club .club-preview__address {
  font-size: 16px;
}
.modal-preview-club .working-hours__club {
  font-size: 16px;
}
@media (max-width: 576px) {
  .modal-preview-club .club-preview__footer .link-text {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.modal-preview-club .club-preview__pic {
  height: 183px;
}
.modal-preview-club .club-preview__pic img {
  width: 100%;
  height: 100%;
}
.modal-preview-club .club-preview {
  padding-bottom: 22px;
}
@media (max-width: 576px) {
  .modal-preview-club .club-preview .title {
    padding-right: 50px;
  }
}
.modal-preview-club .club-preview .title span {
  display: inline-block;
  white-space: nowrap;
}

.modal-filter-list-clubs .modal-dialog {
  margin: 1rem auto;
}
.modal-filter-list-clubs .modal-content {
  padding: 0;
  margin: 0 auto;
  max-width: 320px;
  background-color: transparent;
  border: none;
  border-radius: 22px;
}
.modal-filter-list-clubs .modal-body {
  padding: 0;
  border-radius: 22px;
  background-color: #f6f6f6;
  overflow: hidden;
}

.page-club {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.page-club__title {
  margin: 0;
  font-size: 27px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 15px;
  font-size: 16px;
}
@media (min-width: 375px) {
  .page-club__title {
    font-size: calc(0.4419889503vw + 14.3425414365px);
  }
}
@media (min-width: 1280px) {
  .page-club__title {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .page-club__title {
    font-size: 40px;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 992px) {
  .page-club__title {
    font-size: 50px;
  }
}
.page-club__title-inner {
  margin: 0;
  font-size: 27px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page-club__title-inner {
    letter-spacing: 0.02em;
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .page-club__title-inner {
    letter-spacing: 0.02em;
    font-size: 20px;
  }
}
.page-club__title-inner span {
  display: block;
}
@media (min-width: 992px) {
  .page-club__title-inner span {
    display: inline-block;
  }
}
.page-club__header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.page-club__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 576px) {
  .page-club__wrapper {
    margin-bottom: 35px;
  }
}
.page-club__header-item {
  width: 100%;
  margin-bottom: 1rem;
}
.page-club__header-item:first-child {
  flex-grow: 1;
}
@media (min-width: 576px) {
  .page-club__header-item {
    width: 35%;
    margin-bottom: 0;
  }
}
@media (min-width: 800px) {
  .page-club__header-item {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .page-club__header-item {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  .page-club__header-item {
    width: 41%;
  }
}
@media (min-width: 1400px) {
  .page-club__header-item {
    width: 33%;
  }
}
@media (min-width: 800px) {
  .page-club__header-item.working-hours {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .page-club__header-item.working-hours {
    width: 460px;
  }
}
.page-club__header-item .raiting {
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .page-club__header-item .raiting {
    margin-bottom: 0;
  }
}
.page-club__header-map {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
.page-club__header-map .link-text {
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-decoration: none;
  color: #b3b3b3;
  text-transform: initial;
}
.page-club__header-map .link-text:focus.link-text--more, .page-club__header-map .link-text:hover.link-text--more {
  color: #42474d;
}
.page-club__header-map .link-text:focus.link-text--more .icon, .page-club__header-map .link-text:hover.link-text--more .icon {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.page-club__record {
  margin-bottom: 35px;
}
@media (min-width: 1200px) {
  .page-club__record.container {
    margin-bottom: 60px;
  }
}
.page-club__record-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .page-club__record-inner {
    margin-bottom: 35px;
  }
}
@media (min-width: 1025px) {
  .page-club__record-inner {
    flex-direction: row;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: none;
  }
}
.page-club__record .slider--bg {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-club__record .slider--bg {
    box-shadow: none;
  }
}
@media (min-width: 1200px) {
  .page-club__record .slider--bg {
    max-width: 730px;
    margin-bottom: 0;
  }
}
.page-club__record .slider--bg .swiper-slide {
  min-height: 52vw;
}
@media (min-width: 1200px) {
  .page-club__record .slider--bg .swiper-slide {
    min-height: 400px;
  }
}
.page-club__record .slider--content {
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-club__record .slider--content {
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .page-club__record .slider--content {
    height: 435px;
    margin-bottom: 45px;
    border-radius: 22px;
  }
}
@media (min-width: 1200px) {
  .page-club__record .slider--content {
    max-width: 730px;
    margin-bottom: 0;
  }
}
.page-club__record .record {
  width: 100%;
  margin: 0;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .page-club__record .record {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .page-club__record .record {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .page-club__record .record {
    width: calc(100% - 730px - 40px);
  }
}
.page-club__record .subscription {
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .page-club__record .subscription {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-club__record .subscription {
    order: 1;
    margin-top: 50px;
  }
}
.page-club__promo-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 769px) {
  .page-club__promo-inner {
    margin-bottom: 2rem;
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .page-club__promo-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #e2f0fb;
    box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
    border-radius: 22px;
    overflow: hidden;
  }
}
.page-club__promo-inner .slider {
  position: relative;
  width: var(--slider-club-w);
  height: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
  box-shadow: none;
}
@media (min-width: 992px) {
  .page-club__promo-inner .slider {
    margin: 10px;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .page-club__promo-inner .slider {
    margin: 0;
  }
}
.page-club__promo-inner .slider .swiper-container {
  height: 100%;
}
.page-club__promo-inner .slider .swiper-wrapper {
  height: 100% !important;
}
.page-club__promo-inner .slider .swiper-slide {
  min-height: 100%;
  border-radius: 22px;
  overflow: hidden;
}
.page-club__promo-inner .form-book {
  width: var(--form-book-w);
  justify-content: center;
  background-color: #e2f0fb;
  border-radius: 22px;
  overflow: hidden;
}

.form-book {
  padding: 2.5rem 1rem;
}
@media (min-width: 576px) {
  .form-book {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .form-book {
    padding: 25px 30px 25px 20px;
  }
}
@media (min-width: 1400px) {
  .form-book {
    padding: 25px;
    padding-right: 30px;
  }
}
.form-book .title {
  padding-bottom: 1rem;
  font-size: 18px;
  line-height: 130%;
}
@media (min-width: 480px) {
  .form-book .title {
    font-size: 22px;
  }
}
@media (min-width: 576px) {
  .form-book .title {
    padding-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .form-book .title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .form-book .title {
    font-size: 18px;
    line-height: 100%;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .form-book .title {
    font-size: 22px;
    line-height: 100%;
  }
}
@media (min-width: 1400px) {
  .form-book .title {
    padding-bottom: 1.5rem;
    line-height: 130%;
    font-size: 24px;
  }
}
.form-book__wrapper {
  display: grid;
  column-gap: 20px;
  row-gap: 10px;
}
@media (min-width: 576px) {
  .form-book__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .form-book__wrapper {
    gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
.form-book .form-label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  flex-grow: 1;
  padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .form-book .form-label {
    padding-bottom: 8px;
  }
}
@media (min-width: 1400px) {
  .form-book .form-label {
    padding-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .form-book .form-label[for=formName] {
    order: 1;
  }
}
@media (min-width: 992px) {
  .form-book .form-label[for=formName] {
    order: 0;
  }
}
@media (min-width: 992px) {
  .form-book .form__label-name {
    padding-bottom: 4px;
  }
}
.form-book .form-control {
  align-items: flex-start;
}
.form-book .form-select, .form-book .form-control {
  margin-bottom: 0;
  padding: 1rem 2rem 1rem 1.45rem;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: rgba(66, 71, 77, 0.5);
}
@media (min-width: 992px) {
  .form-book .form-select, .form-book .form-control {
    padding: 0.5rem 2rem 0.5rem 1rem;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .form-book .form-select, .form-book .form-control {
    padding: 0.5rem 2rem 0.5rem 1.45rem;
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .form-book .form-select, .form-book .form-control {
    padding: 1rem 2rem 1rem 1.45rem;
    font-size: 20px;
  }
}
.form-book .form-control::placeholder {
  font-size: 20px;
  padding: 1.175rem 0 1.175rem 0;
}
@media (min-width: 992px) {
  .form-book .form-control::placeholder {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .form-book .form-control::placeholder {
    padding: 0.75rem 0;
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .form-book .form-control::placeholder {
    padding: 1rem 0 1rem 0;
    font-size: 20px;
  }
}
.form-book .form-check-input:checked {
  background-color: #888888;
  border-color: #888888;
  margin: 0;
}
.form-book button[type=submit] {
  margin-top: 0;
  padding: 16px 29px;
  max-width: 100%;
  text-align: center;
  font-size: 20px;
  width: 100%;
}
@media (min-width: 576px) {
  .form-book button[type=submit] {
    padding: 18px 29px;
  }
}
@media (min-width: 992px) {
  .form-book button[type=submit] {
    padding: 6px 29px;
  }
}
@media (min-width: 1200px) {
  .form-book button[type=submit] {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding: 13px 25px;
    width: auto;
  }
}
@media (min-width: 1400px) {
  .form-book button[type=submit] {
    margin-right: auto;
    margin-left: 0;
  }
}
.form-book__btns {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
  padding-top: 1rem;
  width: var(--field-width);
  width: 100%;
}
@media (min-width: 576px) {
  .form-book__btns {
    order: 1;
    padding-top: 35px;
  }
}
@media (min-width: 992px) {
  .form-book__btns {
    order: 0;
    width: 100%;
    padding-right: 0;
    padding-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .form-book__btns {
    width: 100%;
    padding-right: 0;
    padding-top: 0.5rem;
  }
}
@media (min-width: 1400px) {
  .form-book__btns {
    padding-top: 1rem;
  }
}
.form-book__mess {
  margin-top: 0.5rem;
  line-height: 100%;
  font-size: 16px;
  color: #888888;
}
@media (min-width: 576px) {
  .form-book__mess {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .form-book__mess {
    font-size: 14px;
  }
}
.form-book__mess a {
  color: #888888;
}

.club-services {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e2f0fb;
  padding: 30px;
  margin: 1rem 0 45px;
  border-radius: 16px;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
}
.club-services--prestige {
  background-color: rgba(227, 194, 252, 0.8862745098);
}
.club-services--premier {
  background-color: rgba(252, 215, 172, 0.7921568627);
}
@media (min-width: 375px) {
  .club-services {
    padding: 30px 35px;
  }
}
@media (min-width: 576px) {
  .club-services {
    padding: 30px;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .club-services {
    padding: 30px 52px 10px;
    margin: 1rem 0 30px;
    box-shadow: none;
  }
}
@media (min-width: 800px) {
  .club-services {
    padding: 30px 30px 10px;
  }
}
@media (min-width: 992px) {
  .club-services {
    margin-bottom: 55px;
    padding: 30px 30px 10px;
  }
}
@media (min-width: 1024px) {
  .club-services {
    padding: 30px 5px 10px;
  }
}
@media (min-width: 1200px) {
  .club-services {
    padding: 30px 30px 10px;
  }
}
.club-services__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
  justify-content: space-around;
}
@media (min-width: 576px) {
  .club-services__list {
    padding-bottom: 20px;
  }
}
@media (min-width: 800px) {
  .club-services__list {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .club-services__list {
    width: 100%;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .club-services__list {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
  }
}
.club-services__item {
  flex-grow: 1;
  padding: 0;
  max-width: 100%;
}
@media (min-width: 576px) {
  .club-services__item {
    width: 48%;
  }
}
@media (min-width: 1024px) {
  .club-services__item {
    max-width: 320px;
  }
  .club-services__item.col-sm-3 {
    width: 23%;
    max-width: 23%;
  }
}
@media (min-width: 768px) {
  .club-services__item--2 {
    order: 1;
  }
}
@media (min-width: 768px) {
  .club-services__item--3 {
    order: 2;
  }
}
.club-services__item--4 {
  order: 3;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .club-services__item--6 {
    order: 1;
  }
}
@media (min-width: 768px) {
  .club-services__item--7 {
    order: 2;
  }
}
.club-services__item--8 {
  order: 2;
}
@media (min-width: 768px) {
  .club-services__item--8 {
    order: 3;
  }
}
@media (min-width: 800px) {
  .club-services__item--8 {
    order: 3;
  }
}
.club-services__content {
  position: relative;
  padding-left: 35px;
}
.club-services__content::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}
.club-services__content--1::before {
  background-image: url("../img/icons-service/gym.svg");
}
.club-services__content--2::before {
  background-image: url("../img/icons-service/group.svg");
}
.club-services__content--3::before {
  width: 31px;
  background-image: url("../img/icons-service/cardio.svg");
}
.club-services__content--4::before {
  width: 36px;
  height: 36px;
  background-image: url("../img/icons-service/star.svg");
}
.club-services__content--5::before {
  background-image: url("../img/icons-service/Swim.svg");
}
.club-services__content--6::before {
  width: 36px;
  height: 36px;
  background-image: url("../img/icons-service/spa.svg");
}
.club-services__content--7::before {
  width: 35px;
  height: 35px;
  background-image: url("../img/icons-service/Kids.svg");
}
.club-services__content--8::before {
  left: 8px;
  width: 25px;
  height: 25px;
  background-image: url("../img/icons-service/ph_sun-fill.svg");
}
.club-services__title {
  margin-bottom: 4px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}
.club-services__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 130%;
  max-width: 187px;
}
@media (min-width: 375px) {
  .club-services__text {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .club-services__text {
    font-size: 20px;
  }
}

.news-wg {
  margin: 35px 0;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .news-wg {
    margin: 35px 0;
  }
}
.news-wg__header {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .news-wg__header {
    align-items: baseline;
  }
}
@media (min-width: 992px) {
  .news-wg__header {
    align-items: flex-end;
    margin-bottom: 30px;
  }
}
.news-wg__header .icon {
  width: 30px;
  height: 30px;
}
@media (min-width: 576px) {
  .news-wg__header .icon {
    width: 50px;
    height: 48px;
  }
}
@media (min-width: 992px) {
  .news-wg__header .icon {
    width: 66px;
    height: 63px;
  }
}
.news-wg .title {
  margin: 0;
  margin-left: 11px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(66, 71, 77, 0.5);
  font-size: 26px;
}
@media (min-width: 420px) {
  .news-wg .title {
    font-size: calc(0.6993006993vw + 23.0629370629px);
  }
}
@media (min-width: 992px) {
  .news-wg .title {
    font-size: calc(2.2321428571vw + 7.8571428571px);
  }
}
@media (min-width: 1440px) {
  .news-wg .title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .news-wg .title {
    font-size: 30px;
  }
}
@media (min-width: 576px) {
  .news-wg .title {
    margin-left: 22px;
  }
}
@media (min-width: 992px) {
  .news-wg .title {
    margin-left: 25px;
    line-height: none;
  }
}
.news-wg__link {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .news-wg__link {
    margin-right: 0;
    margin-left: auto;
  }
}
.news-wg__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 10px 0;
}
@media (min-width: 576px) {
  .news-wg__list {
    padding-left: 80px;
  }
}
@media (min-width: 992px) {
  .news-wg__list {
    margin: 30px 0;
  }
}
@media (min-width: 1200px) {
  .news-wg__list {
    padding-left: 100px;
  }
}
.news-wg__item {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  margin-bottom: 20px;
}
.news-wg__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .news-wg__item {
    margin-bottom: 35px;
  }
}
.news-wg__item-date {
  padding: 16px 25px;
  margin-bottom: 10px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  background-color: #e2f0fb;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .news-wg__item-date {
    margin-bottom: auto;
    margin-top: 0;
  }
}
.news-wg__item-text {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 576px) {
  .news-wg__item-text {
    width: calc(100% - 160px - 22px);
    margin-left: 22px;
  }
}
@media (min-width: 768px) {
  .news-wg__item-text {
    font-size: 20px;
    line-height: 130%;
  }
}
.news-wg__item-text p {
  margin-bottom: 0.2rem;
}

.working-hours {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .working-hours {
    column-count: 2;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .working-hours {
    flex-direction: row;
    min-width: 400px;
    width: 460px;
    max-width: 100%;
  }
}
@media (min-width: 1300px) {
  .working-hours {
    min-width: 450px;
  }
}
.working-hours .subtitle {
  margin: 0;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 140%;
  text-transform: initial;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .working-hours .subtitle {
    font-size: 20px;
    line-height: 130%;
  }
}
@media (min-width: 768px) {
  .working-hours .subtitle span {
    display: inline-flex;
  }
}
.working-hours__item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.working-hours__item:not(:last-child) {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .working-hours__item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  .working-hours__item:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 25px;
  }
}
.working-hours__item:last-child {
  min-width: 200px;
  padding-right: 0;
}
@media (min-width: 768px) {
  .working-hours__item:last-child {
    min-width: 240px;
  }
}
@media (min-width: 992px) {
  .working-hours__item {
    width: 50%;
    min-width: 200px;
  }
  .working-hours__item:last-child {
    min-width: 260px;
    padding-left: 35px;
  }
}
@media (min-width: 576px) {
  .working-hours__item:not(:last-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #42474d;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .working-hours__item:not(:last-child)::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .working-hours__item:not(:last-child)::before {
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    transform: translateY(-50%);
  }
}
.working-hours__club-label {
  white-space: nowrap;
}
.working-hours__club-label span {
  display: inline-block;
  padding-left: 0.5rem;
}
.working-hours__club, .working-hours__managers {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  padding-left: 30px;
}
.working-hours__club::before, .working-hours__managers::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.working-hours__club::before {
  background-image: url("../img/icons/hours.svg");
}
.working-hours__managers::before {
  background-image: url("../img/icons/man.svg");
}
@media (min-width: 992px) {
  .working-hours--presale {
    width: 650px;
  }
}

.club-balloon {
  width: 100%;
}
.club-balloon__header {
  padding: 25px 40px;
}
.club-balloon__footer {
  padding: 10px 40px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.club-balloon__text {
  padding: 25px 20px 15px 40px;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
.modal-map .modal-content {
  border-radius: 22px;
}
.modal-map .modal-body {
  padding: 0.5rem;
  overflow: hidden;
}
.modal-map .btn-close {
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .modal-map .btn-close {
    top: 6px;
    right: 8px;
  }
}

.modal-submit-form .btn-close {
  top: 10px;
  right: 5px;
}

:root {
  --base-mb: 30px;
  --form-px: 15px;
  --form-gap: 20px;
  --slider-h: 365px;
}
@media (min-width: 576px) {
  :root {
    --base-mb: 35px;
    --form-px: 55px;
  }
}
@media (min-width: 992px) {
  :root {
    --base-mb: 54px;
    --form-gap: 60px;
    --slider-h: 403px;
  }
}
@media (min-width: 1200px) {
  :root {
    --form-px: 137px;
    --slider-h: 575px;
  }
}

@media (min-width: 1200px) {
  .page-presale.container {
    margin-bottom: 50px;
  }
}
.page-presale__slider {
  width: 100%;
  margin-bottom: var(--base-mb);
  min-height: 283px;
  border-radius: 22px;
  overflow: hidden;
}
.page-presale__slider .swiper-slide {
  max-height: 100%;
  min-height: 283px;
  border-radius: 22px;
  overflow: hidden;
}
.page-presale__timer {
  width: 100%;
  overflow: hidden;
  margin-bottom: var(--base-mb);
}
@media (min-width: 992px) {
  .page-presale__timer {
    padding: 0 40px;
  }
}
.page-presale__timer .timer__wrapper {
  max-width: 100%;
}
@media (min-width: 992px) {
  .page-presale__timer .timer__wrapper {
    width: 66%;
  }
}
@media (min-width: 992px) {
  .page-presale__timer .title {
    width: 34%;
  }
}
.page-presale__timer .timer__item {
  width: 25%;
  height: 80px;
}
@media (min-width: 375px) {
  .page-presale__timer .timer__item {
    height: 130px;
  }
}
@media (min-width: 576px) {
  .page-presale__timer .timer__item {
    height: 145px;
  }
}
@media (min-width: 1300px) {
  .page-presale__timer .timer__item {
    height: 180px;
  }
}
.page-presale__form {
  padding: 30px var(--form-px);
  margin-bottom: var(--base-mb);
  background-color: #e2f0fb;
}
.page-presale__form.form .invalid-feedback, .page-presale__form.form .valid-feedback {
  bottom: -10px;
}
.page-presale__form .form__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: var(--form-gap);
  row-gap: 10px;
}
@media (min-width: 992px) {
  .page-presale__form .form__wrapper {
    justify-content: space-between;
  }
}
.page-presale__form .form-label {
  flex-grow: 1;
  padding-bottom: 0.5rem;
}
.page-presale__form .form__title {
  margin-bottom: 20px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #42474d;
}
@media (min-width: 576px) {
  .page-presale__form .form__title {
    font-size: 19px;
    line-height: 120%;
  }
}
@media (min-width: 992px) {
  .page-presale__form .form__title {
    margin-bottom: 30px;
    font-size: 17px;
  }
}
.page-presale__form .botton {
  margin-bottom: 15px;
  padding: 14px 44px;
  width: 100%;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #42474d;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}
@media (min-width: 576px) {
  .page-presale__form .botton {
    width: auto;
  }
}
@media (min-width: 836px) {
  .page-presale__form .botton {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}

.header-club {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.header-club__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 576px) {
  .header-club__wrapper {
    margin-bottom: 35px;
  }
}
.header-club__title {
  margin: 0;
  font-size: 27px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  /* or 35px */
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 27px;
}
@media (min-width: 375px) {
  .header-club__title {
    font-size: calc(5.8524173028vw + 5.0534351145px);
  }
}
@media (min-width: 768px) {
  .header-club__title {
    font-size: calc(1.953125vw + 35px);
  }
}
@media (min-width: 1280px) {
  .header-club__title {
    font-size: 60px;
  }
}
@media (min-width: 768px) {
  .header-club__title {
    margin-bottom: 15px;
    font-size: 40px;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 992px) {
  .header-club__title {
    font-size: 50px;
    margin-bottom: 35px;
  }
}
.header-club__title span {
  display: block;
}
@media (min-width: 992px) {
  .header-club__title span {
    display: inline-flex;
  }
}
.header-club__title div {
  line-height: 130%;
  font-size: 20px;
  color: rgba(73, 76, 79, 0.5);
}
@media (min-width: 375px) {
  .header-club__title div {
    font-size: calc(2.5445292621vw + 10.4580152672px);
  }
}
@media (min-width: 768px) {
  .header-club__title div {
    font-size: 30px;
  }
}
.header-club__item {
  width: 100%;
  margin-bottom: 1rem;
}
.header-club__item:first-child {
  flex-grow: 1;
}
@media (min-width: 576px) {
  .header-club__item:first-child {
    width: 30%;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .header-club__item {
    width: 60%;
    margin-bottom: 0;
  }
}
.header-club__item .raiting {
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .header-club__item .raiting {
    margin-bottom: 0;
  }
}
.header-club__map {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
.header-club__map .link-text {
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-decoration: none;
  color: #b3b3b3;
  text-transform: initial;
}
.header-club__map .link-text:focus.link-text--more, .header-club__map .link-text:hover.link-text--more {
  color: #42474d;
}
.header-club__map .link-text:focus.link-text--more .icon, .header-club__map .link-text:hover.link-text--more .icon {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.header-club__wh {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 576px) {
  .header-club__wh {
    margin-bottom: 0;
  }
}
@media (min-width: 697px) {
  .header-club__wh {
    flex-direction: row;
    width: 55%;
  }
}
@media (min-width: 768px) {
  .header-club__wh {
    justify-content: flex-end;
    width: 50%;
  }
}
@media (min-width: 930px) {
  .header-club__wh {
    width: 44%;
  }
}
@media (min-width: 955px) {
  .header-club__wh {
    width: 70%;
  }
}
.header-club__wh-item {
  position: relative;
}
.header-club__wh-item .subtitle {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
}
@media (min-width: 768px) {
  .header-club__wh-item--br {
    padding-right: 7px;
  }
}
@media (min-width: 930px) {
  .header-club__wh-item--br {
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .header-club__wh-item--br {
    padding-right: 30px;
  }
}
@media (min-width: 697px) {
  .header-club__wh-item--br::before {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #42474d;
  }
}
.header-club__wh-address, .header-club__wh-label {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}

.page-schedule {
  position: relative;
  margin-bottom: 54px;
}
@media (min-width: 768px) {
  .page-schedule {
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .page-schedule {
    margin-bottom: 84px;
  }
}
.page-schedule .title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #42474d;
}
@media (min-width: 768px) {
  .page-schedule .title {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .page-schedule .title {
    font-size: 60px;
    color: rgba(73, 76, 79, 0.5);
  }
}
.page-schedule__form {
  display: flex;
  flex-wrap: wrap;
}
.page-schedule__advantaves {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.page-schedule .record {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .page-schedule .record {
    margin-top: 50px;
  }
}
.page-schedule .record__title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page-schedule .record__title {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .page-schedule .record__title {
    font-size: 60px;
  }
}

:root {
  --schedule-col: calc(100% / 7);
  --schedule-col-min: 166px;
  --schedule-col-max: 100%;
  --schedule-min: 980px;
  --schedule-row: 40px;
  --schedule-row-min: 40px;
  --schedule-row-empty: 40px;
  --schedule-row-empty-min: 40px;
  --base-gap: 5px;
  --step: 5px;
  --count: 2;
  --bg-image: url("../img/schedule/bg-mb.png");
  --item-color: rgb(234 236 237 / 45%);
  --week-days-h: 50px;
}
@media (min-width: 576px) {
  :root {
    --schedule-row: 100px;
    --schedule-row-min: 100px;
    --schedule-col-max: 166px;
    --schedule-row-empty: 166px;
    --schedule-row-empty-min: 166px;
  }
}
@media (min-width: 768px) {
  :root {
    --schedule-row: 100px;
    --schedule-row-min: 100px;
    --schedule-col-max: 166px;
    --schedule-col-min: 150px;
    --bg-image: url("../img/schedule/bg.png");
  }
}
@media (min-width: 992px) {
  :root {
    --base-gap: 2px;
    --schedule-col-min: 110px;
    --schedule-col-max: calc(89vw /7);
    --schedule-min: 700px;
    --week-days-h: 40px;
  }
}
@media (min-width: 1200px) {
  :root {
    --schedule-min: 980px;
    --schedule-row: 166px;
    --schedule-col: calc(100% / 7);
    --schedule-col-max: calc(100% / 7);
  }
}
@media (min-width: 1400px) {
  :root {
    --base-gap: 8px;
    --schedule-col-min: 166px;
    --schedule-col: calc(100% / 7 - 6px);
    --schedule-col-max: calc(100% / 7 - 6px);
  }
}

.schedule .schedule__warning {
  display: none;
}
.schedule .schedule__header-link-pdf, .schedule .schedule__header-link-next {
  display: inline-flex;
}
.schedule .schedule__header-link-pdf span, .schedule .schedule__header-link-next span {
  display: inline-flex;
  padding-left: 0.3em;
}
.schedule .schedule__header-link-next {
  margin-bottom: 20px;
}
.schedule .schedule__header-link-next span::first-letter {
  text-transform: uppercase;
}
.schedule__header {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .schedule__header {
    display: inline-flex;
  }
}
@media (min-width: 576px) {
  .schedule__header {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .schedule__header {
    flex-direction: column;
  }
}
.schedule__header-title.title {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .schedule__header-title.title {
    margin-bottom: 15px;
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .schedule__header-title.title {
    font-size: 60px;
  }
}
.schedule__header-link-pdf, .schedule__header-title {
  width: 100%;
}
@media (min-width: 576px) {
  .schedule__header-link-pdf, .schedule__header-title {
    width: auto;
  }
}
.schedule__header-link-pdf {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  padding: 10px 25px 12px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  text-align: center;
  color: #42474d;
  border: 2px solid #42474d;
  border-radius: 16px;
}
.schedule__header-link-pdf:focus, .schedule__header-link-pdf:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .schedule__header-link-pdf {
    display: inline-flex;
    justify-content: flex-start;
    position: absolute;
    top: 5px;
    right: 0;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .schedule__header-link-pdf {
    top: 10px;
  }
}
.schedule__header-link-pdf span {
  display: inline-flex;
}
.schedule__header-link-pdf:focus, .schedule__header-link-pdf:hover {
  opacity: 0.8;
  color: #42474d;
}
.schedule__header .link-text:focus svg, .schedule__header .link-text:hover svg {
  width: 40px;
  transform: translateX(6px);
  transition: 0.3s;
}
.schedule__header-scroll {
  display: none;
}
@media (min-width: 576px) {
  .schedule__header-scroll {
    display: flex;
    margin-right: 0;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) {
  .schedule__header-scroll {
    display: none;
  }
}
.schedule__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  box-sizing: border-box;
}
@media (max-width: 576px) {
  .schedule__inner {
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 90px;
  }
}
.schedule__hours {
  width: 56px;
  margin-top: 56px;
}
@media (max-width: 768px) {
  .schedule__hours {
    margin-top: 0;
  }
}
.schedule__week {
  display: flex;
  flex-direction: column;
  width: calc(100% - 70px);
  overflow: hidden;
  scroll-behavior: smooth;
}
@media (max-width: 768px) {
  .schedule__week {
    width: calc(100% - 65px);
  }
}
@media (min-width: 992px) {
  .schedule__week {
    width: calc(100% - 60px);
  }
}
@media (max-width: 1400px) {
  .schedule__week {
    overflow-x: auto;
  }
}
.schedule__week-days {
  position: relative;
  display: flex;
  gap: var(--base-gap);
}
@media (min-width: 576px) {
  .schedule__week-days {
    height: var(--week-days-h);
    margin-bottom: 10px;
  }
}
.schedule__days {
  display: flex;
  width: 100%;
  gap: var(--base-gap);
  border-radius: 12px;
}
@media (min-width: 768px) {
  .schedule__days {
    min-width: var(--schedule-min);
  }
}
.schedule__days--close {
  display: none;
}
.schedule__button {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: none;
  position: relative;
  width: 100%;
  padding: 17px;
  background: #e2f0fb;
  /* 3d */
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 16px;
}
@media (max-width: 768px) {
  .schedule__button {
    display: flex;
    justify-content: center;
  }
}
.schedule__button--open::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.schedule__mob-nav {
  display: none;
}
@media (max-width: 576px) {
  .schedule__mob-nav {
    display: flex;
    margin-top: 8px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.schedule__mob-nav .schedule__button {
  display: flex;
  align-items: center;
}
.schedule__mob-nav .schedule__button .icon {
  margin: 0 5px;
  width: 15px;
  height: 15px;
}
.schedule__item-active {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  color: #42474d;
}
.schedule__item-active--active {
  color: #42474d;
}
@media (min-width: 576px) {
  .schedule__item-active--active {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
  }
}

@media (max-width: 576px) {
  .week-days {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
}
.week-days--open {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: -2px;
  padding-top: 60px;
  padding-bottom: 20px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}
.week-days--open .week-days__item {
  display: flex;
}
.week-days--open .week-days__item--hidden {
  display: none;
}
.week-days__item {
  order: 1;
  display: flex;
  align-items: center;
  padding: 10px 40px 10px 18vw;
  width: 100%;
  min-width: var(--schedule-col-min);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}
@media (min-width: 576px) {
  .week-days__item {
    padding: 10px;
    justify-content: center;
    text-transform: lowercase;
  }
}
.week-days__item--active {
  color: #ffffff;
  background-color: #42474d;
  border-color: #42474d;
  border-radius: 12px;
}
.week-days__item--first {
  order: 0;
}
.week-days__item span {
  display: inline-flex;
}
@media (max-width: 1200px) {
  .week-days__item {
    width: var(--schedule-col);
    flex-grow: 1;
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .week-days__item {
    display: none;
    margin: 0;
    width: 100%;
    font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 120%;
  }
}

.days {
  display: flex;
  flex-wrap: wrap;
  width: var(--schedule-col);
  min-width: var(--schedule-col-min);
  max-width: var(--schedule-col-max);
  flex-grow: 1;
  gap: var(--base-gap);
}
@media (max-width: 576px) {
  .days {
    display: none;
  }
}
.days--hidden {
  display: none;
}
.days--active {
  display: flex;
}
.days__item {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: var(--schedule-col-min);
  min-height: var(--schedule-row-min);
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  color: #42474d;
  background: var(--item-color);
  border-radius: 12px;
  border: 2px solid transparent;
  overflow: hidden;
  transition: max-height 0.9s;
}
.days__item--active {
  color: #42474d;
  border: 2px solid #42474d;
}

.hours {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: var(--base-gap);
  height: 100%;
  flex-grow: 1;
}
@media (min-width: 576px) {
  .hours {
    gap: var(--base-gap);
    margin-top: calc(var(--week-days-h) + 10px);
  }
}
.hours--opacity {
  opacity: 0.5;
}
.hours__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 100%;
  height: var(--schedule-row);
  min-height: var(--schedule-row-min);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.hours__item--active {
  color: #ffffff;
  background-color: #42474d;
  border-color: #42474d;
  border-radius: 12px;
}
.hours__evening, .hours__day, .hours__morning {
  gap: var(--base-gap);
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.hours__evening {
  background: #d0d0d0;
}
.hours__day {
  background: #dcddde;
}
.hours__morning {
  background: #eaeced;
}

@keyframes mobDaysVisible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.schedule--empty .schedule__days {
  background-color: #4b8aa6;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
}
.schedule--empty .days__item {
  min-height: var(--schedule-row-empty-min);
  height: var(--schedule-row-empty);
}
@media (max-width: 576px) {
  .schedule--empty .days__item {
    --schedule-row: 0;
  }
}
.schedule--empty .hours__item {
  min-height: var(--schedule-row-empty-min);
  height: var(--schedule-row-empty);
}
@media (max-width: 576px) {
  .schedule--empty .hours__item {
    --schedule-row: 0;
  }
}
.schedule--empty .schedule__header-link-pdf, .schedule--empty .schedule__header-link-next {
  display: none;
}
.schedule--empty .schedule__warning {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 15px 10px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  color: #42474d;
  border: 2px solid #42474d;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .schedule--empty .schedule__warning {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .schedule--empty .schedule__warning {
    top: 10px;
  }
}
.schedule--empty .schedule__warning .icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.schedule--empty .schedule__warning span {
  width: calc(100% - 20px);
}

.schedule-promo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #42474d;
}
@media (min-width: 768px) {
  .schedule-promo {
    margin-bottom: 54px;
    font-size: 20px;
  }
}
.schedule-promo__info {
  width: 100%;
}
@media (min-width: 992px) {
  .schedule-promo__info {
    width: 50%;
  }
}
.schedule-promo__pic {
  width: 100%;
  min-height: 322px;
  background: #d9d9d9;
  background-image: url("../img/schedule/header-mb.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 15.535px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .schedule-promo__pic {
    max-height: auto;
    min-height: 400px;
    background-image: url("../img/schedule/header-tb.jpg");
  }
}
@media (min-width: 992px) {
  .schedule-promo__pic {
    min-height: 182px;
    margin-left: 40px;
    width: calc(50% - 40px);
    background-image: url("../img/schedule/header.jpg");
  }
}
.schedule-promo .title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .schedule-promo .title {
    margin-bottom: 6px;
  }
}
.schedule-promo .text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .schedule-promo .text {
    padding-right: 35px;
  }
}
.schedule-promo--full {
  max-width: 1080px;
}
.schedule-promo--full .text {
  margin-bottom: 0;
}

.advantages-workout {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .advantages-workout {
    margin-bottom: 50px;
  }
}
.advantages-workout__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #42474d;
}
@media (min-width: 768px) {
  .advantages-workout__title {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .advantages-workout__title {
    margin-bottom: 35px;
    font-size: 40px;
  }
}
.advantages-workout__title span {
  padding: 0 5px;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-transform: lowercase;
}
.advantages-workout__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .advantages-workout__list {
    gap: 18px;
  }
}
@media (min-width: 768px) {
  .advantages-workout__list {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .advantages-workout__list {
    gap: 45px;
  }
}
@media (min-width: 1200px) {
  .advantages-workout__list {
    padding-right: 10%;
  }
}
.advantages-workout__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  padding: 20px 16px;
  margin-bottom: 13px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  background: #e2f0fb;
  box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
  border-radius: 12px;
}
@media (min-width: 576px) {
  .advantages-workout__item {
    padding: 20px 13px;
    width: calc(33.3333333333% - 12px);
    flex-direction: column;
    text-align: center;
  }
}
@media (min-width: 700px) {
  .advantages-workout__item {
    flex-direction: row;
    text-align: left;
    margin-bottom: 0;
    width: calc(33.3333333333% - 12px);
  }
}
@media (min-width: 800px) {
  .advantages-workout__item {
    padding: 20px 16px;
  }
}
@media (min-width: 992px) {
  .advantages-workout__item {
    width: calc(33.3333333333% - 30px);
    margin-bottom: 13px;
  }
}
@media (min-width: 992px) {
  .advantages-workout__item {
    padding: 35px;
    font-size: 20px;
    line-height: 130%;
  }
}
.advantages-workout__item span {
  width: calc(100% - 40px);
}
@media (min-width: 576px) {
  .advantages-workout__item span {
    width: 100%;
  }
}
@media (min-width: 700px) {
  .advantages-workout__item span {
    width: calc(100% - 40px);
  }
}
.advantages-workout__item .icon {
  width: 30px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .advantages-workout__item--indiv {
    padding: 20px;
    justify-content: center;
  }
  .advantages-workout__item--indiv .icon {
    width: 20px;
    margin-right: 10px;
  }
  .advantages-workout__item--indiv span {
    width: auto;
  }
}
@media (min-width: 992px) {
  .advantages-workout__item--indiv span {
    width: auto;
  }
  .advantages-workout__item--indiv .icon {
    width: 30px;
    height: 35px;
    margin-left: 0;
    margin-right: 10px;
  }
}

.form-schedule {
  padding: 24px 15px;
  width: 100%;
  background-color: #90959a;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .form-schedule {
    margin-bottom: 50px;
    box-shadow: 8px 8px 16px rgba(73, 76, 79, 0.19), -8px -8px 10px #ffffff;
    border-radius: 10px;
  }
}
@media (min-width: 345px) {
  .form-schedule {
    padding-bottom: 34px;
  }
}
@media (min-width: 576px) {
  .form-schedule {
    padding: 25px 15px 50px;
    border-radius: 22px;
  }
}
@media (min-width: 992px) {
  .form-schedule {
    margin-bottom: 60px;
    padding: 30px 20px 40px;
  }
}
@media (max-width: 992px) {
  .form-schedule.container {
    margin: 0 15px;
  }
}
.form-schedule__title {
  margin-bottom: 0.7rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 18px;
}
@media (min-width: 320px) {
  .form-schedule__title {
    font-size: calc(4.9107142857vw + 2.2857142857px);
  }
}
@media (min-width: 768px) {
  .form-schedule__title {
    font-size: 40px;
  }
}
@media (min-width: 576px) {
  .form-schedule__title {
    margin-bottom: 1rem;
  }
}
.form-schedule .form-clubs__title {
  font-size: 24px;
}
@media (min-width: 768px) {
  .form-schedule .form-clubs__title {
    font-size: 40px;
    line-height: 130%;
  }
}
.form-schedule__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
}
.form-schedule .form-clubs__wrapper {
  gap: 18px;
  font-size: 20px;
  line-height: 130%;
  justify-content: space-around;
}
@media (min-width: 992px) {
  .form-schedule .form-clubs__wrapper {
    gap: 0;
  }
}
.form-schedule .form-check {
  display: flex;
  align-items: center;
}
.form-schedule .form-check-input {
  border-color: #fffeda;
  width: 1.25em;
  height: 1.25em;
}
@media (min-width: 768px) {
  .form-schedule .form-check-input {
    width: 1.5em;
    height: 1.5em;
  }
}
.form-schedule .form-check-input:checked {
  border-color: #fffeda;
}
.form-schedule .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 254, 218, 0.25);
}
.form-schedule .form-control {
  font-size: 18px;
  line-height: 130%;
  padding: 0.7rem 1.75rem 0.7rem 1.45rem;
}
@media (min-width: 576px) {
  .form-schedule .form-control {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .form-schedule .form-control {
    padding: 1rem 1.8rem 1rem 1rem;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .form-schedule .form-control {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .form-schedule .form-control {
    font-size: 20px;
  }
}
.form-schedule .form-control::placeholder {
  font-size: 18px;
}
@media (min-width: 576px) {
  .form-schedule .form-control::placeholder {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .form-schedule .form-control::placeholder {
    font-size: 20px;
  }
}
.form-schedule .form-label {
  font-size: 15px;
  line-height: 140%;
}
.form-schedule .form-label, .form-schedule .form-clubs__btns {
  padding-bottom: 0;
  color: #ffffff;
  width: 100%;
}
@media (min-width: 576px) {
  .form-schedule .form-label, .form-schedule .form-clubs__btns {
    width: calc(50% - 1.25rem);
  }
}
@media (min-width: 992px) {
  .form-schedule .form-label, .form-schedule .form-clubs__btns {
    width: calc(23% - 1rem);
    margin-right: 1rem;
  }
}
@media (min-width: 1200px) {
  .form-schedule .form-label, .form-schedule .form-clubs__btns {
    width: calc(23% - 1rem);
    margin-right: 1rem;
  }
}
@media (min-width: 1400px) {
  .form-schedule .form-label, .form-schedule .form-clubs__btns {
    width: calc(25% - 1rem);
    margin-right: 1rem;
  }
}
.form-schedule .form-clubs__btns {
  margin-top: 0;
}
@media (min-width: 992px) {
  .form-schedule .form-clubs__btns {
    width: calc(31% - 1rem);
    margin-right: 0;
  }
}
@media (min-width: 1400px) {
  .form-schedule .form-clubs__btns {
    width: 25%;
  }
}
.form-schedule .form-select:focus, .form-schedule .form-select:hover {
  box-shadow: 0 0 0 0.15rem rgba(44, 58, 69, 0.305);
}
@media (min-width: 1200px) {
  .form-schedule .form-select {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
  }
}
.form-schedule__btns {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 375px) {
  .form-schedule__btns {
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .form-schedule__btns {
    width: auto;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .form-schedule__btns {
    margin-left: auto;
    margin-right: 0;
  }
}
.form-schedule .button {
  flex-grow: 1;
  width: 100%;
  margin-bottom: 1rem;
  padding: 14px 20px;
  font-size: 20px;
  line-height: 130%;
}
@media (min-width: 576px) {
  .form-schedule .button {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .form-schedule .button {
    font-size: 20px;
  }
}
.form-schedule .button:not(:last-child) {
  margin-right: 0.5rem;
}
@media (min-width: 375px) {
  .form-schedule .button {
    width: calc(50% - 0.25rem);
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .form-schedule .button {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  .form-schedule .button {
    padding: 16px 20px;
  }
}
@media (min-width: 992px) {
  .form-schedule .button {
    padding: 16px;
  }
}
@media (min-width: 1400px) {
  .form-schedule .button {
    width: calc(50% - 24px);
  }
}
.form-schedule--all {
  position: relative;
}
@media (min-width: 992px) {
  .form-schedule--all {
    padding-bottom: 90px;
  }
}
@media (min-width: 992px) {
  .form-schedule--all .form-schedule__type {
    position: absolute;
    bottom: 40px;
    left: 25%;
    transform: translateX(25%);
  }
}
@media (min-width: 1200px) {
  .form-schedule--all .form-schedule__type {
    left: 33.3333333333%;
    transform: translateX(0%);
  }
}
.form-schedule--all .form-check-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #ffffff;
}

.lesson {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  width: 100%;
  height: 100%;
  border: 12px;
  background-color: #eae8ca;
}
.lesson::before {
  content: attr();
}
@media (min-width: 1300px) {
  .lesson {
    padding: 15px 10px;
  }
}
.lesson--pool {
  background-color: #cde0f0;
}
.lesson--pool .lesson__place::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/icons/sch-pool.svg");
}
.lesson--pay {
  background-color: #f9d288;
}
.lesson__wrapper {
  margin: 2px 0;
}
.lesson__name {
  display: inline-block;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
  margin-bottom: 4px;
}
.lesson__name:focus, .lesson__name:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .lesson__name {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .lesson__name {
    font-size: 15px;
  }
}
@media (min-width: 1300px) {
  .lesson__name {
    margin-bottom: 10px;
  }
}
.lesson__trainer {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  margin-bottom: 2px;
  min-height: 18px;
}
.lesson__trainer::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/icons/sch-user.svg");
}
@media (min-width: 992px) {
  .lesson__trainer::before {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1300px) {
  .lesson__trainer::before {
    width: 13px;
    height: 13px;
  }
}
.lesson__trainer span {
  width: calc(100% - 15px);
  padding-left: 5px;
}
@media (min-width: 992px) {
  .lesson__trainer {
    font-size: 13px;
  }
  .lesson__trainer span {
    padding-left: 2px;
  }
}
@media (min-width: 1200px) {
  .lesson__trainer {
    font-size: 15px;
  }
  .lesson__trainer span {
    width: calc(100% - 15px);
    padding-left: 5px;
  }
}
@media (min-width: 1100px) {
  .lesson__trainer {
    line-height: 120%;
    margin-bottom: 7px;
  }
}
.lesson__place {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  min-height: 18px;
}
.lesson__place::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/icons/sch-spa.svg");
}
@media (min-width: 992px) {
  .lesson__place::before {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1300px) {
  .lesson__place::before {
    width: 17px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .lesson__place {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .lesson__place {
    font-size: 15px;
  }
}
@media (min-width: 1100px) {
  .lesson__place {
    line-height: 120%;
  }
}
.lesson__place span {
  padding-left: 5px;
  width: calc(100% - 15px);
}
@media (min-width: 992px) {
  .lesson__place span {
    padding-left: 2px;
  }
}
@media (min-width: 1300px) {
  .lesson__place span {
    padding-left: 5px;
  }
}
.lesson__text {
  margin-bottom: 1rem;
}
.lesson__popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 300px;
  background-color: #fff;
}
.lesson__link {
  position: relative;
  display: inline-flex;
  padding-right: 40px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
}
.lesson__link::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translateY(-40%);
  width: 30px;
  height: 100%;
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 0.3s;
}
.lesson__link:hover::before {
  transform: translateY(-40%) translateX(10%);
}
.lesson__link span::first-letter {
  text-transform: uppercase;
}

.popover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  background: #f6f7f8;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  height: auto;
  max-height: 300px;
}
@media (min-width: 768px) {
  .popover {
    min-width: 380px;
    max-height: 233px;
  }
}
.popover .popover-body {
  height: auto;
  max-height: 300px;
}
@media (min-width: 768px) {
  .popover .popover-body {
    min-width: 380px;
    max-height: 233px;
  }
}
.popover .lesson__popover-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icons/close.svg");
  background-size: contain;
  cursor: pointer;
}
.popover .title {
  padding-right: 15px;
  margin-bottom: 5px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 130%;
}
.popover .text {
  padding-right: 15px;
  margin-bottom: 5px;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  height: 100%;
  max-height: 170px;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .popover .text {
    max-height: 130px;
  }
}
@media (min-width: 992px) {
  .popover .text {
    max-height: 110px;
  }
}
@media (min-width: 1200px) {
  .popover .text {
    max-height: 100px;
  }
}
.popover .text::-webkit-scrollbar {
  width: 7px;
}
.popover .text::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
}
.popover .text::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 41px;
}
.popover .lesson__link {
  display: inline-flex;
  margin-top: auto;
  margin-bottom: 0;
  height: 30px;
}

.mob-week-days {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;
  padding: 30px 0 20px;
}
@media (min-width: 768px) {
  .mob-week-days {
    display: none;
  }
}
.mob-week-days__item {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding: 8px;
  flex-grow: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  text-align: center;
  color: #42474d;
  background: #eaeced;
  border-radius: 6px;
}
.mob-week-days__item--active {
  background-color: #e2f0fb;
}

.full-schedule {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  scroll-behavior: smooth;
}
@media (min-width: 992px) {
  .full-schedule {
    margin-top: -30px;
  }
}
.full-schedule__icon-scroll {
  position: absolute;
  top: 5px;
  right: 0;
  width: 32px;
  height: 30px;
}
@media (min-width: 992px) {
  .full-schedule__icon-scroll {
    display: none;
  }
}
@media (max-width: 990px) {
  .full-schedule__inner {
    min-width: 990px;
    width: 100%;
    overflow-x: auto;
  }
}
@media (max-width: 576px) {
  .full-schedule__inner {
    min-width: min-content;
    max-width: 700px;
  }
}
.full-schedule__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 10px;
  padding-top: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 576px) {
  .full-schedule__footer {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .full-schedule__footer {
    flex-direction: row;
    align-items: center;
  }
}
.full-schedule__item-count {
  display: inline-block;
  width: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #eaeced;
  border-radius: 12px;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
.full-schedule__item-count select {
  background-color: transparent;
  border: none;
  color: #42474d;
}
.full-schedule__paginate {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #42474d;
}
.full-schedule__paginate .link {
  color: #42474d;
}

.schedule-table {
  width: 100%;
  min-width: 630px;
  text-align: left;
  position: relative;
  border-spacing: 0 11px;
  border-collapse: inherit;
}
.schedule-table__title {
  position: relative;
  padding: 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}
@media (min-width: 768px) {
  .schedule-table__title {
    padding: 10px 20px;
    font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
  }
}
.schedule-table__title--sort span {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.schedule-table__title--sort span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 15px;
  height: 26px;
  background-image: url("../img/icons/sort.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.schedule-table__row:nth-child(2n) td {
  background-color: #eaeced;
}
.schedule-table__column {
  padding: 10px;
  margin: 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  background: #dee8ed;
}
@media (min-width: 768px) {
  .schedule-table__column {
    padding: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
}
.schedule-table__column:first-child {
  border-radius: 12px 0 0 12px;
}
.schedule-table__column:last-child {
  border-radius: 0 12px 12px 0;
}
.schedule-table__column--place {
  width: 130px;
  min-width: 130px;
}
.schedule-table__column[data-bs-toggle=popover] {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .schedule-table__column[data-bs-toggle=popover] {
    text-decoration: none;
  }
}
.schedule-table__date {
  display: flex;
  flex-wrap: wrap;
  max-width: 50px;
}
@media (min-width: 768px) {
  .schedule-table__date {
    display: inline-flex;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .schedule-table__time {
    display: flex;
  }
}
@media (min-width: 576px) {
  .schedule-table__column[data-type=workout] .schedule-table__inner {
    width: 208px;
    min-width: 208px;
  }
}
@media (min-width: 576px) {
  .schedule-table__column[data-type=trainer] .schedule-table__inner {
    width: 150px;
    min-width: 150px;
  }
}
.schedule-table__inner {
  display: flex;
  gap: 10px;
}
.schedule-table__inner:focus, .schedule-table__inner:hover {
  cursor: pointer;
}
.schedule-table__inner .icon {
  display: none;
  width: 18px;
  height: 17px;
}
@media (min-width: 992px) {
  .schedule-table__inner .icon {
    display: flex;
  }
}
.schedule-table__inner .text {
  width: 100%;
}
@media (min-width: 992px) {
  .schedule-table__inner .text {
    width: calc(100% - 18px - 10px);
  }
}

.paginate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 40px;
}
@media (min-width: 576px) {
  .paginate {
    justify-content: flex-start;
    padding-bottom: 10px;
  }
}
.paginate .list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-right: 23px;
}
.paginate .list .paginate__button {
  margin-bottom: 0;
}
.paginate .list::before {
  content: "...";
  position: absolute;
  top: 25%;
  right: 0;
  transform: translateY(-25%);
}
.paginate .link {
  display: block;
  border-radius: 6px;
  background-color: #eaeced;
  padding: 8px 10px;
}
@media (min-width: 576px) {
  .paginate .link {
    padding: 10px 15px;
  }
}
.paginate .link:focus, .paginate .link:hover {
  background-color: #e2f0fb;
  color: #42474d;
}
.paginate__button {
  position: relative;
  margin: 0;
}
.paginate__button.previous, .paginate__button.next {
  position: absolute;
  bottom: 0;
  text-transform: lowercase;
  background-color: transparent;
}
@media (min-width: 576px) {
  .paginate__button.previous, .paginate__button.next {
    position: relative;
  }
}
.paginate__button.previous::before, .paginate__button.next::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 30px;
  height: 6px;
}
.paginate__button.previous:focus, .paginate__button.previous:hover, .paginate__button.next:focus, .paginate__button.next:hover {
  background-color: transparent;
  color: #42474d;
}
.paginate__button.previous {
  left: 15px;
  padding-left: 40px;
  padding-right: 0;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .paginate__button.previous {
    left: 0;
  }
}
.paginate__button.previous::before {
  left: 0;
  transform: rotate(180deg) translateY(50%);
}
.paginate__button.previous:focus::before, .paginate__button.previous:hover::before {
  transition: 0.3s;
  transform: rotate(180deg) translateY(50%) translateX(10%);
}
.paginate__button.next {
  right: 15px;
  padding-right: 40px;
  padding-left: 0;
}
@media (min-width: 576px) {
  .paginate__button.next {
    right: 0;
  }
}
.paginate__button.next::before {
  right: 0;
}
.paginate__button.next:focus::before, .paginate__button.next:hover::before {
  transition: 0.3s;
  transform: translateY(-50%) translateX(10%);
}

.popover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  background: #f6f7f8;
  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  height: auto;
  max-height: 300px;
}
@media (min-width: 768px) {
  .popover {
    min-width: 380px;
    max-height: 233px;
  }
}
.popover .popover-body {
  height: auto;
  max-height: 300px;
}
@media (min-width: 768px) {
  .popover .popover-body {
    min-width: 380px;
    max-height: 233px;
  }
}
.popover .lesson__popover-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icons/close.svg");
  background-size: contain;
  cursor: pointer;
}
.popover .title {
  padding-right: 15px;
  margin-bottom: 5px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 130%;
}
.popover .text {
  padding-right: 15px;
  margin-bottom: 5px;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  height: 100%;
  max-height: 170px;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .popover .text {
    max-height: 130px;
  }
}
@media (min-width: 992px) {
  .popover .text {
    max-height: 110px;
  }
}
@media (min-width: 1200px) {
  .popover .text {
    max-height: 100px;
  }
}
.popover .text::-webkit-scrollbar {
  width: 7px;
}
.popover .text::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
}
.popover .text::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 41px;
}
.popover .lesson__link {
  display: inline-flex;
  margin-top: auto;
  margin-bottom: 0;
  height: 30px;
}
.popover .avatar {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.popover .avatar__pic {
  width: 55px;
  height: 54px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  background-color: #e2f0fb;
}

.link {
  text-decoration: none;
}
.link:focus, .link:hover {
  text-decoration: none;
}
.link--outline {
  border: 1px solid;
  border-color: #007bf5;
}
.link--outline-green {
  border: 1px solid;
  border-color: #31a428;
}
.link--red {
  background-color: #cd4141;
  color: #ffffff;
  border: 2px solid #cd4141;
}
.link--red:focus, .link--red:hover {
  opacity: 1;
  background-color: transparent;
  color: #cd4141;
  border: 2px solid #cd4141;
}

.coaches-list {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  column-gap: 25px;
  margin-top: 30px;
  margin-bottom: 40px;
  max-width: 1280px;
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .coaches-list {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 70px;
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .coaches-list {
    column-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .coaches-list {
    column-gap: 25px;
  }
}
@media (min-width: 1200px) {
  .coaches-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.coaches-list.container {
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .coaches-list.container {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .coaches-list.container {
    margin-bottom: 70px;
  }
}

.coaches-form-search {
  display: flex;
  width: 100%;
  max-width: 1376px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .coaches-form-search {
    margin-top: 40px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .coaches-form-search {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1400px) {
  .coaches-form-search {
    margin-top: 30px;
    margin-bottom: 35px;
  }
}
.coaches-form-search__wrapper {
  display: grid;
  gap: 10px;
  padding: 20px 16px;
  background-color: #90959a;
  border-radius: 22px;
}
@media (max-width: 576px) {
  .coaches-form-search__wrapper {
    box-shadow: -8px -8px 10px 0px #fff, 8px 8px 16px 0px rgba(73, 76, 79, 0.19);
  }
}
@media (min-width: 768px) {
  .coaches-form-search__wrapper {
    padding: 25px 36px;
    gap: 17px;
  }
}
@media (min-width: 992px) {
  .coaches-form-search__wrapper {
    padding: 2vw 2vw 4vw 2vw;
  }
}
@media (min-width: 1400px) {
  .coaches-form-search__wrapper {
    padding: 42px 40px 44px;
  }
}
.coaches-form-search__search {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .coaches-form-search__search {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.coaches-form-search__search .form-control {
  width: 100%;
  border-color: #939597;
}
.coaches-form-search__search .form__label-name {
  color: #42474d;
}
.coaches-form-search .title {
  margin: 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 52px */
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (min-width: 375px) {
  .coaches-form-search .title {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .coaches-form-search .title {
    font-size: 40px;
    letter-spacing: 0.8px;
  }
}
.coaches-form-search .form {
  width: 100%;
  display: grid;
}
@media (min-width: 576px) {
  .coaches-form-search .form {
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .coaches-form-search .form {
    gap: 35px;
  }
}
.coaches-form-search .form__wrapper {
  display: none;
  width: 100%;
  align-items: flex-end;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 576px) {
  .coaches-form-search .form__wrapper {
    display: grid;
  }
}
@media (min-width: 768px) {
  .coaches-form-search .form__wrapper {
    gap: 34px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .coaches-form-search .form__wrapper {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.coaches-form-search .form__btns {
  width: 100%;
  display: grid;
  align-items: flex-end;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .coaches-form-search .form__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .coaches-form-search .form__btns {
    margin-top: auto;
  }
}
.coaches-form-search .form__btns .button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 100%;
  margin-bottom: 0;
  padding: 0.75rem 1.5rem;
}
.coaches-form-search .form__btns .button[type=submit] {
  margin: 0;
}
.coaches-form-search .form-label {
  padding: 0;
  font-size: 15px;
  color: #ffffff;
}
.coaches-form-search .form__label-name {
  padding-bottom: 10px;
}
.coaches-form-search .form-control, .coaches-form-search .form-select {
  font-size: 17px;
  padding: 0.5rem 1rem;
}
@media (min-width: 576px) {
  .coaches-form-search .form-control, .coaches-form-search .form-select {
    padding: 0.65rem 1rem;
  }
}
@media (min-width: 768px) {
  .coaches-form-search .form-control, .coaches-form-search .form-select {
    padding: 0.85rem 1rem;
  }
}
.coaches-form-search .form-control-search-icon {
  background: url("../img/icons/search.svg") #ffffff;
  background-repeat: no-repeat;
  background-position: 1rem 50%;
  padding: 0.5rem 1rem 0.5rem 2.5rem;
}
@media (min-width: 576px) {
  .coaches-form-search .form-control-search-icon {
    padding: 0.65rem 1rem 0.65rem 2.5rem;
  }
}
@media (min-width: 768px) {
  .coaches-form-search .form-control-search-icon {
    padding: 0.85rem 1rem 0.85rem 2.5rem;
  }
}
.coaches-form-search__btn-more {
  position: relative;
  color: #ffffff;
  margin-left: auto;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.coaches-form-search__btn-more:not(.button--outline):before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
  width: 15px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/icons/arrow-down-white.svg);
}
.coaches-form-search__btn-more.button--outline {
  margin: 0;
  margin-top: 0.5rem;
  padding: 0.5rem;
  color: #ffffff;
}
@media (min-width: 576px) {
  .coaches-form-search__btn-more {
    display: none;
  }
}

.coaches-preview {
  margin-bottom: 20px;
  width: 100%;
  border-radius: 22px;
  background-color: #ffffff;
  box-shadow: -1px 4px 24px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: 0.3s;
}
.coaches-preview:hover {
  box-shadow: -1px 4px 24px 0px #e2f0fb;
}
.coaches-preview:hover img {
  transition: 0.3s;
  transform: scale(1.03);
}
@media (max-width: 575px) and (min-width: 400px) {
  .coaches-preview {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "p h" "p f";
  }
}
@media (min-width: 576px) {
  .coaches-preview {
    margin-bottom: 30px;
  }
}
.coaches-preview img {
  transition: 0.3s;
}
.coaches-preview__link {
  grid-area: p;
  text-decoration: none;
  display: block;
  background-color: #42474d;
  max-height: 290px;
  overflow: hidden;
}
.coaches-preview__link:focus, .coaches-preview__link:hover {
  text-decoration: none;
}
@media (max-width: 575px) and (min-width: 400px) {
  .coaches-preview__link .coaches-preview__pic {
    height: 100%;
  }
}
.coaches-preview__header, .coaches-preview__footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
}
.coaches-preview__header.active .coaches-preview__dinamic-info, .coaches-preview__footer.active .coaches-preview__dinamic-info {
  transform: translateY(0);
}
.coaches-preview__header {
  position: relative;
  grid-area: h;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
  min-height: 75px;
}
@media (min-width: 576px) {
  .coaches-preview__header {
    padding-bottom: 16px;
    min-height: 62px;
  }
}
@media (min-width: 768px) {
  .coaches-preview__header {
    align-items: flex-start;
    min-height: 75px;
  }
}
@media (min-width: 1200px) {
  .coaches-preview__header {
    min-height: 85px;
  }
}
@media (min-width: 768px) {
  .coaches-preview__header .coach-category {
    width: calc(100% - 160px);
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.coaches-preview__footer {
  grid-area: f;
  padding-top: 10px;
  align-items: flex-end;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
@media (min-width: 576px) {
  .coaches-preview__footer {
    min-height: 80px;
    padding-top: 16px;
  }
}
.coaches-preview__footer .coaches-preview__label {
  color: transparent;
}
.coaches-preview__footer .coaches-preview__label:hover .icon {
  stroke: #ffffff;
}
.coaches-preview__footer .coaches-preview__label .icon {
  stroke: #217abf;
}
.coaches-preview__footer .coaches-preview__label {
  width: 30px;
  height: 30px;
}
.coaches-preview__price {
  color: #42474d;
  width: 100%;
}
.coaches-preview__price span {
  display: block;
  font-size: 20px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
}
.coaches-preview__title {
  margin: 0;
  width: calc(100% - 140px);
  min-width: 120px;
  font-size: 14px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  text-transform: uppercase;
  color: #42474d;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .coaches-preview__title {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .coaches-preview__title {
    font-size: 16px;
    width: 130px;
  }
}
@media (min-width: 992px) {
  .coaches-preview__title {
    width: 145px;
  }
}
@media (min-width: 1200px) {
  .coaches-preview__title {
    font-size: 18px;
    width: calc(100% - 32px - 157px);
  }
}
@media (min-width: 1400px) {
  .coaches-preview__title {
    font-size: 20px;
  }
}
.coaches-preview__count {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  flex-grow: 1;
  font-size: 1rem;
  order: 3;
}
.coaches-preview__count .icon {
  color: transparent;
  stroke: #42474d;
}
.coaches-preview__label {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 100px;
}
.coaches-preview__label:hover {
  color: #217abf;
}
.coaches-preview__label .icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.coach-page {
  display: grid;
  gap: 30px;
}
.coach-page.container {
  margin-bottom: 54px;
}

.coach-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
@media (min-width: 1200px) {
  .coach-header__left, .coach-header__right {
    width: calc(50% - 20px);
  }
}
.coach-header__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.coach-header__left h1 {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #42474d;
}
@media (min-width: 768px) {
  .coach-header__left h1 {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .coach-header__left h1 {
    font-size: 40px;
  }
}
.coach-header__count {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  flex-grow: 1;
  font-size: 1rem;
  order: 3;
  color: #217abf;
  font-weight: bold;
  text-transform: uppercase;
}
.coach-header__count .icon {
  color: transparent;
  stroke: #217abf;
}

.coach-category {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  font-size: 14px;
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  color: #217abf;
}
@media (min-width: 768px) {
  .coach-category {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .coach-category {
    font-size: 18px;
  }
}
.coach-category:hover {
  color: #42474d;
}
@media (max-width: 575px) {
  .coach-category span {
    width: 55px;
    font-size: 0.95rem;
    line-height: normal;
  }
}
@media (max-width: 425px) {
  .coach-category span {
    width: auto;
  }
}
@media (min-width: 768px) {
  .coach-category span {
    width: 65px;
  }
}
.coach-category.initial {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  color: #217abf;
  text-transform: uppercase;
  cursor: initial;
}
.coach-category .icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
@media (min-width: 768px) {
  .coach-category .icon {
    width: 20px;
    height: 20px;
  }
}

.coach-address {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  color: #42474d;
}
@media (min-width: 1200px) {
  .coach-address {
    align-items: flex-end;
  }
}
.coach-address__clubs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  gap: 5px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  text-transform: uppercase;
  color: inherit;
}
.coach-address__clubs .icon {
  width: 20px;
  height: 20px;
}
.coach-address__clubs span {
  width: calc(100% - 20px - 5px);
}

.coach-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 22px;
  background-color: #ffffff;
  box-shadow: -1px 4px 24px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .coach-info {
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.coach-info__contacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 12px;
  padding-top: 5vw;
}
@media (min-width: 425px) {
  .coach-info__contacts {
    gap: 10px;
    flex-wrap: nowrap;
    padding: 30px 30px 12px;
  }
}
@media (min-width: 425px) {
  .coach-info__contacts {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (min-width: 530px) {
  .coach-info__contacts {
    flex-wrap: nowrap;
  }
}
@media (min-width: 576px) {
  .coach-info__contacts {
    gap: 30px;
    padding: 30px;
    padding-bottom: 15px;
    padding-right: 0;
    justify-content: start;
  }
}
@media (min-width: 768px) {
  .coach-info__contacts {
    width: 40%;
    max-height: 100%;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .coach-info__contacts {
    width: 35%;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .coach-info__contacts {
    width: 30%;
  }
}
@media (min-width: 1400px) {
  .coach-info__contacts {
    width: 26%;
  }
}
.coach-info__text {
  padding: 12px;
  flex-grow: 1;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  color: inherit;
  overflow: hidden;
}
@media (min-width: 375px) {
  .coach-info__text {
    padding: 12px 30px;
  }
}
@media (min-width: 576px) {
  .coach-info__text {
    padding: 30px;
    padding-top: 15px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .coach-info__text {
    padding: 0;
    padding-top: 30px;
    padding-right: 10px;
    width: calc(60% - 20px);
    max-height: 520px;
  }
}
.coach-info__text .content-scroll {
  height: 100%;
  overflow-y: auto;
}
.coach-info__text .content-scroll::-webkit-scrollbar {
  width: 7px;
}
.coach-info__text .content-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
}
.coach-info__text .content-scroll::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 41px;
}
.coach-info__text .title {
  margin: 0;
  margin-bottom: 16px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 35.1px */
  letter-spacing: 0.54px;
  text-transform: uppercase;
}
.coach-info__text h3 {
  margin: 0;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
}
.coach-info__avatar {
  margin-bottom: 16px;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 290px;
  max-height: 365px;
  border-radius: 22px;
  background-color: #42474d;
}
@media (min-width: 425px) {
  .coach-info__avatar {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .coach-info__avatar {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) {
  .coach-info__avatar {
    width: 291px;
    height: 367px;
  }
}
.coach-info__avatar img {
  display: block;
  height: 100%;
  width: 100%;
}

.coach-contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
}
@media (min-width: 425px) {
  .coach-contacts {
    width: auto;
  }
}
@media (min-width: 576px) {
  .coach-contacts {
    align-items: start;
  }
}
.coach-contacts .title {
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 20.4px */
}
.coach-contacts .link {
  display: inline-block;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  color: #42474d;
}
.coach-contacts__social {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 400px) {
  .coach-contacts__social {
    align-items: center;
    flex-direction: row;
    width: auto;
  }
}
@media (min-width: 768px) {
  .coach-contacts__social {
    text-align: left;
  }
}
.coach-contacts__social-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
  border-radius: 16px;
  color: #42474d;
}
.coach-contacts__social-link:focus, .coach-contacts__social-link:hover {
  text-decoration: none;
}
.coach-contacts__social-link:focus, .coach-contacts__social-link:hover {
  color: #ffffff;
}
@media (min-width: 576px) {
  .coach-contacts__social-link {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  .coach-contacts__social-link {
    padding: 0.5rem 0.75rem;
  }
}
.coach-contacts__social-link--vk {
  border: 1px solid;
  border-color: #007bf5;
}
.coach-contacts__social-link--vk:focus, .coach-contacts__social-link--vk:hover {
  color: #ffffff;
  background-color: #007bf5;
}
.coach-contacts__social-link--wp {
  border: 1px solid;
  border-color: #31a428;
}
.coach-contacts__social-link--wp:focus, .coach-contacts__social-link--wp:hover {
  color: #ffffff;
  background-color: #31a428;
}
.coach-contacts__social .icon {
  width: 20px;
  height: 20px;
}
@media (min-width: 992px) {
  .coach-contacts__social .icon {
    width: 26px;
    height: 26px;
  }
}

.coach-directions {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 26px */
  color: #42474d;
}
@media (min-width: 768px) {
  .coach-directions {
    font-size: 20px;
  }
}
.coach-directions .title {
  margin: 0;
  margin-bottom: 15px;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .coach-directions ul {
    column-count: 2;
  }
}

.coach-video-btn {
  width: 250px;
  height: 250px;
  position: relative;
  border-radius: 50%;
  background-color: #ffffff;
}
.coach-video-btn .text {
  position: absolute;
  left: 117px;
  top: 3px;
  animation: text 5s infinite linear;
}
.coach-video-btn .letter {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 123px;
  width: 16px;
  text-align: center;
  vertical-align: top;
  transform-origin: bottom;
}

@keyframes text {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-160%, 0);
  }
}
.btn-scroll {
  z-index: 2;
  position: fixed;
  bottom: 5%;
  right: 10px;
  max-width: 104px;
  max-height: 104px;
  cursor: pointer;
  padding: 0;
  opacity: 1;
}
.btn-scroll svg {
  width: 100%;
  height: 100%;
}

.coach-achievements {
  display: grid;
  gap: 20px;
  align-items: center;
}
@media (min-width: 576px) {
  .coach-achievements {
    grid-template-columns: repeat(2, 2fr) 1fr;
  }
  .coach-achievements__coach {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .coach-achievements__client {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .coach-achievements__video {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
@media (min-width: 768px) {
  .coach-achievements {
    padding-right: 10%;
  }
}
@media (min-width: 992px) {
  .coach-achievements {
    gap: 40px;
    grid-template-columns: repeat(2, 2fr) 1fr;
    padding-right: 0;
  }
  .coach-achievements__coach {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .coach-achievements__client {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .coach-achievements__video {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.coach-achievements__coach, .coach-achievements__client {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 22px;
  background-color: #e2f0fb;
  box-shadow: -1px 4px 24px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.coach-achievements__coach:hover, .coach-achievements__client:hover {
  transform: scale(1.05);
}
.coach-achievements__client {
  background-color: #fffeda;
}
.coach-achievements__name {
  padding: 1rem;
  flex-grow: 1;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  color: #42474d;
}
@media (min-width: 1200px) {
  .coach-achievements__name {
    font-size: 20px;
  }
}
.coach-achievements__pic {
  width: 7vw;
  height: 7vw;
  min-width: 75px;
  min-height: 75px;
  max-width: 105px;
  max-height: 105px;
  border-radius: 11px;
  background-color: #ffffff;
  overflow: hidden;
}
.coach-achievements__pic img {
  width: 100%;
  height: 100%;
}
.coach-achievements__arrow {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  color: #42474d;
  overflow: hidden;
}
@media (min-width: 576px) {
  .coach-achievements__arrow {
    position: relative;
    bottom: auto;
    right: auto;
    padding: 5px;
    width: 61px;
    height: 61px;
    background-color: #42474d;
    border-radius: 11px;
    color: #ffffff;
  }
}
.coach-achievements__arrow .icon {
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
}
.coach-achievements__video {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 22px;
  background-color: #ffffff;
  box-shadow: -1px 4px 24px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.coach-achievements__video:hover {
  transform: scale(1.1);
}
@media (min-width: 576px) {
  .coach-achievements__video {
    width: 170px;
    height: 170px;
    background-color: transparent;
    border-radius: none;
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .coach-achievements__video {
    width: 202px;
    height: 202px;
  }
}
.coach-achievements__video .icon {
  width: 100%;
  height: 100%;
}

.coach-dinamic {
  border-top: 1px solid #42474d;
  border-bottom: 1px solid #42474d;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .coach-dinamic {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .coach-dinamic {
    gap: 40px;
    flex-direction: row;
    margin-bottom: 54px;
    padding: 2rem 0;
  }
}
.coach-dinamic__item {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-end;
}
@media (min-width: 430px) {
  .coach-dinamic__item {
    justify-content: flex-start;
  }
}
.coach-dinamic__item .link, .coach-dinamic__item .button--outline-red {
  width: 100%;
  font-size: 17px;
  text-align: center;
}
@media (min-width: 430px) {
  .coach-dinamic__item .link, .coach-dinamic__item .button--outline-red {
    width: auto;
  }
}
@media (min-width: 768px) {
  .coach-dinamic__item .link, .coach-dinamic__item .button--outline-red {
    width: auto;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .coach-dinamic__item .link, .coach-dinamic__item .button--outline-red {
    font-size: 25px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.gallery-achievements__container {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  max-height: 600px;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .gallery-achievements__container {
    flex-direction: row-reverse;
  }
}
.gallery-achievements .swiper-button-next, .gallery-achievements .swiper-button-prev {
  width: 30px;
  height: 30px;
  color: #42474d;
  border-radius: 50%;
  background-color: rgb(226, 240, 251);
  transition: 0.3s;
}
.gallery-achievements .swiper-button-next::after, .gallery-achievements .swiper-button-prev::after {
  font-size: 1rem;
}
.gallery-achievements .swiper-button-next:focus, .gallery-achievements .swiper-button-next:hover, .gallery-achievements .swiper-button-prev:focus, .gallery-achievements .swiper-button-prev:hover {
  transform: scale(1.1);
}
.gallery-achievements .swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
}
.gallery-achievements .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-achievements .swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.gallery-achievements .gallery-big, .gallery-achievements .gallery-video-big {
  width: 100%;
  height: 70%;
  display: flex;
  flex-grow: 1;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .gallery-achievements .gallery-big, .gallery-achievements .gallery-video-big {
    width: 75%;
    height: 600px;
  }
}
.gallery-achievements .gallery-big.active, .gallery-achievements .gallery-video-big.active {
  max-width: 100%;
}
.gallery-achievements .gallery-big .swiper-slide, .gallery-achievements .gallery-video-big .swiper-slide {
  height: auto;
}
.gallery-achievements .gallery-big .swiper-slide img, .gallery-achievements .gallery-video-big .swiper-slide img {
  width: auto;
  height: auto;
  object-fit: contain;
}
.gallery-achievements .gallery-thumbs, .gallery-achievements .gallery-video-thumbs {
  width: 100%;
  display: flex;
}
@media (min-width: 576px) {
  .gallery-achievements .gallery-thumbs, .gallery-achievements .gallery-video-thumbs {
    width: 25%;
    flex-direction: column;
  }
}
.gallery-achievements .gallery-thumbs .swiper-wrapper, .gallery-achievements .gallery-video-thumbs .swiper-wrapper {
  display: flex;
}
@media (min-width: 576px) {
  .gallery-achievements .gallery-thumbs .swiper-wrapper, .gallery-achievements .gallery-video-thumbs .swiper-wrapper {
    flex-direction: column;
  }
}
.gallery-achievements .gallery-thumbs .swiper-slide, .gallery-achievements .gallery-video-thumbs .swiper-slide {
  width: 140px;
  height: 140px;
  padding: 10px;
  opacity: 0.4;
}
@media (min-width: 576px) {
  .gallery-achievements .gallery-thumbs .swiper-slide, .gallery-achievements .gallery-video-thumbs .swiper-slide {
    width: 100%;
    height: auto;
    padding: 0;
    padding-bottom: 10px;
  }
}
.gallery-achievements .gallery-thumbs .swiper-slide:hover, .gallery-achievements .gallery-video-thumbs .swiper-slide:hover {
  opacity: 1;
}
.gallery-achievements .gallery-thumbs .swiper-slide-thumb-active, .gallery-achievements .gallery-video-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-achievements .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}
.gallery-achievements .swiper-slide video, .gallery-achievements .swiper-slide iframe {
  width: 100%;
  height: 100%;
  min-height: 350px;
}
@media (min-width: 576px) {
  .gallery-achievements .swiper-slide video, .gallery-achievements .swiper-slide iframe {
    min-height: 600px;
  }
}
.gallery-achievements .swiper-slide.poster {
  position: relative;
  transition: 0.3s;
}
.gallery-achievements .swiper-slide.poster img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.gallery-achievements .swiper-slide.poster img:hover {
  transform: scale(1.1);
  transition: 0.3s;
  cursor: pointer;
}

.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 2rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  text-align: center;
}
.message__icon .icon {
  width: 50px;
  height: 50px;
}
.vacancies {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media (min-width: 768px) {
  .vacancies {
    gap: 45px;
  }
}
@media (min-width: 1400px) {
  .vacancies {
    gap: 64px;
  }
}
.vacancies.container {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .vacancies.container {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .vacancies.container {
    margin-bottom: 100px;
    margin-top: 40px;
  }
}
.vacancies__header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  color: #42474d;
}
@media (min-width: 576px) {
  .vacancies__header {
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .vacancies__header {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}
.vacancies__header-text {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .vacancies__header-text {
    margin-bottom: 0;
  }
}
.vacancies__header-text p {
  margin: 0;
  opacity: 0.5;
  font-size: 1.0625rem;
  line-height: 1.375rem;
}
@media (min-width: 576px) {
  .vacancies__header-text p {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .vacancies__header-text p {
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 2.1875rem;
  }
}
.vacancies__header-text p span {
  display: block;
}
@media (min-width: 576px) {
  .vacancies__header-text p span {
    display: inline-block;
  }
}
.vacancies .title {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 2.1875rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .vacancies .title {
    margin: 0;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 4.0625rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .vacancies .title {
    font-size: 3.4375rem;
    font-weight: 700;
    line-height: 4.4375rem;
    letter-spacing: 0.02em;
  }
}
.vacancies .title span {
  display: block;
}
@media (min-width: 576px) {
  .vacancies .title span {
    display: inline-block;
  }
}
.vacancies__header-btn {
  padding: 1.375rem 2.4375rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 1.06rem;
  line-height: 120%;
  color: #42474d;
  border-color: #42474d;
}
@media (min-width: 576px) {
  .vacancies__header-btn {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .vacancies__header-btn {
    font-size: 1.56rem;
  }
}
.vacancies__header-btn:focus, .vacancies__header-btn:hover {
  color: #42474d;
  border-color: #42474d;
  opacity: 0.5;
}
.vacancies .vacancies-team .title {
  margin-bottom: 20px;
  color: #42474d;
  font-size: 1.8125rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.02em;
  opacity: 0.5;
}
@media (min-width: 576px) {
  .vacancies .vacancies-team .title {
    margin-bottom: 25px;
    font-size: 3.125rem;
    line-height: 4.0625rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .vacancies .vacancies-team .title {
    margin-bottom: 35px;
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: 0.02em;
    opacity: 1;
  }
}
.vacancies .vacancies-team .title span {
  display: block;
}
@media (min-width: 576px) {
  .vacancies .vacancies-team .title span {
    display: inline-block;
  }
}

.vacancies-team__video {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 22px;
  overflow: hidden;
  min-height: 320px;
  max-height: 480px;
}
.vacancies-team__video:not(.active):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background-image: url("../img/icons/playcircle.svg");
  background-size: cover;
}
@media (min-width: 768px) {
  .vacancies-team__video:not(.active):before {
    width: 100px;
    height: 100px;
  }
}
.vacancies-team__video:hover {
  cursor: pointer;
}
.vacancies-team__video:hover::before {
  opacity: 0.8;
}
.vacancies-team__poster {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  max-height: 480px;
}
.vacancies-team__iframe {
  border-radius: 22px;
  overflow: hidden;
}

.questionary-and-certificate {
  color: #42474d;
}
.questionary-and-certificate__header {
  font-family: "Avenir Next Cyr", "Arial", "Helvetica CY", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
}
@media (min-width: 576px) {
  .questionary-and-certificate__header {
    margin-bottom: 2rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.questionary-and-certificate__header p {
  opacity: 0.7;
}
.questionary-and-certificate .title {
  margin-bottom: 0.5rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.69rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .questionary-and-certificate .title {
    font-size: 2.5rem;
  }
}
.questionary-and-certificate__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.questionary-and-certificate__item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .questionary-and-certificate__item--questionary {
    width: calc(70% - 0.625rem);
  }
}
@media (min-width: 1400px) {
  .questionary-and-certificate__item--questionary {
    width: calc(75% - 0.625rem);
  }
}
.questionary-and-certificate__item--certificate {
  display: none;
}
@media (min-width: 992px) {
  .questionary-and-certificate__item--certificate {
    display: flex;
    width: calc(30% - 0.625rem);
  }
}
@media (min-width: 1400px) {
  .questionary-and-certificate__item--certificate {
    width: calc(25% - 0.625rem);
  }
}

.invite-and-certificate {
  padding-bottom: 1.6rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media (min-width: 992px) {
  .invite-and-certificate {
    border: none;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.invite-and-certificate__inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .invite-and-certificate__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 1.25rem;
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__inner {
    gap: 0;
    width: calc(50% - 1.25rem);
  }
}
.invite-and-certificate__info {
  padding: 20px 0;
  max-width: 320px;
}
@media (min-width: 480px) {
  .invite-and-certificate__info {
    max-width: 545px;
  }
}
@media (min-width: 768px) {
  .invite-and-certificate__info {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    order: 1;
    padding: 3rem 0;
    padding-right: 10%;
    width: calc(50% - 1.25rem);
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
}
.invite-and-certificate__info-top {
  max-width: 545px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
}
@media (min-width: 768px) {
  .invite-and-certificate__info-top {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__info-top {
    max-width: auto;
  }
}
.invite-and-certificate__info-big {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 2.1875rem;
  letter-spacing: 0.02em;
  color: #42474d;
}
@media (min-width: 480px) {
  .invite-and-certificate__info-big {
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .invite-and-certificate__info-big {
    margin-bottom: 2rem;
    font-size: 3.125rem;
    line-height: 4.0625rem;
    letter-spacing: 0.02em;
  }
}
.invite-and-certificate__info-big span {
  display: block;
}
@media (min-width: 420px) {
  .invite-and-certificate__info-big span {
    display: inline-block;
  }
}
.invite-and-certificate__info .link-text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.375rem;
}
@media (min-width: 480px) {
  .invite-and-certificate__info .link-text {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .invite-and-certificate__info .link-text {
    font-size: 1.875rem;
    line-height: 2.625rem;
  }
}
.invite-and-certificate__info .link-text .icon {
  margin-top: 0;
  margin-bottom: 0.2rem;
}
.invite-and-certificate__pic {
  border-radius: 22px;
  overflow: hidden;
  min-height: 19.6875rem;
  max-height: 27.5rem;
  background-image: url("../img/vacancies/invite.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
@media (min-width: 576px) {
  .invite-and-certificate__pic {
    flex-grow: 1;
    width: calc(50% - 0.625rem);
    min-height: 4toRem 18;
  }
}
@media (min-width: 768px) {
  .invite-and-certificate__pic {
    width: calc(50% - 0.625rem);
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__pic {
    width: 100%;
    max-width: 7toRem 30;
    min-height: 4toRem 37;
  }
}
.invite-and-certificate__cert {
  margin-top: 1rem;
}
@media (min-width: 576px) {
  .invite-and-certificate__cert {
    width: calc(50% - 0.625rem);
    margin: 0;
  }
}
@media (min-width: 992px) {
  .invite-and-certificate__cert {
    display: none;
  }
}

.questionary {
  padding: 1.25rem 1rem 1.875rem;
  background-color: rgb(226, 240, 251);
  border-radius: 10px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .questionary {
    padding: 1.25rem;
    border-radius: 22px;
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .questionary {
    padding: 2.5rem;
  }
}
.questionary .title {
  margin-bottom: 1rem;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.9375rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #42474d;
}
@media (min-width: 576px) {
  .questionary .title {
    margin-bottom: 1.6rem;
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: 0.02em;
  }
}
.questionary__btn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem 0.5rem 0;
}
@media (min-width: 576px) {
  .questionary__btn {
    padding: 0 1rem;
    align-items: flex-start;
  }
}
.questionary__btn button {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.questionary .form .form-control, .questionary .form .form-select {
  padding: 0.65rem;
  padding-left: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.questionary .form .form-control::placeholder, .questionary .form .form-select::placeholder {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.questionary .form .form-label {
  padding-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
}
.questionary .form__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 768px) {
  .questionary .form__wrapper {
    gap: 1.25rem;
  }
}
.questionary .form__item {
  width: 100%;
  flex-grow: 1;
}
@media (min-width: 576px) {
  .questionary .form__item {
    width: calc(50% - 0.625rem);
  }
}
@media (min-width: 768px) {
  .questionary .form__item {
    width: calc(50% - 1.25rem);
  }
}

.certificate {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 20px;
  height: 100%;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: #42474d;
  background-color: #ffffff;
  border-radius: 22px;
  text-transform: uppercase;
}
.certificate:focus, .certificate:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .certificate {
    padding: 1.6rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.certificate:hover {
  opacity: 0.75;
  color: inherit;
}
.certificate__pic {
  width: 135px;
  height: auto;
}
@media (min-width: 768px) {
  .certificate__pic {
    width: 153px;
  }
}
.certificate__pic-modal {
  display: block;
  max-width: max-content;
  margin: auto;
  overflow: hidden;
  border-radius: 1rem;
}
.certificate .button {
  padding: 0;
  color: #ffffff;
}
.certificate .button .icon {
  stroke: #217ABF;
}
.certificate .button .icon path {
  stroke: #217ABF;
}
.certificate__info {
  max-width: 225px;
}
@media (min-width: 576px) {
  .certificate__info {
    max-width: max-content;
  }
}

.vacancies-hero {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 992px) {
  .vacancies-hero {
    flex-direction: row;
  }
}
.vacancies-hero__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .vacancies-hero__list {
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1400px) {
  .vacancies-hero__list {
    max-width: calc(43% - 10px);
  }
}
.vacancies-hero__list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  width: 100%;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  text-align: center;
  color: rgb(255, 254, 218);
  background-color: rgb(66, 71, 77);
  border-radius: 22px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .vacancies-hero__list li {
    width: calc(50% - 10px);
  }
}
.vacancies-hero__text {
  font-size: 1.25rem;
}
.vacancies-hero__count {
  font-size: 2.5rem;
}
.vacancies-hero__history {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1rem 1.5rem;
  width: 100%;
  max-width: 100%;
  min-height: 265px;
  font-size: 1.6vw;
  color: #ffffff;
  border-radius: 22px;
  background-color: #42474d;
  background-image: url("../img/vacancies/bg_hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  overflow: hidden;
}
@media (min-width: 576px) {
  .vacancies-hero__history {
    padding: 2rem 4rem;
  }
}
@media (min-width: 992px) {
  .vacancies-hero__history {
    justify-content: center;
    max-width: calc(50% - 10px);
    padding-left: 5rem;
  }
}
@media (min-width: 1400px) {
  .vacancies-hero__history {
    max-width: calc(57% - 10px);
  }
}
.vacancies-hero__history-title {
  margin-bottom: 30px;
  max-width: 400px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .vacancies-hero__history-title {
    margin-bottom: 40px;
  }
}
.vacancies-hero__history a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #fffeda;
  text-decoration: none;
}
@media (min-width: 576px) {
  .vacancies-hero__history a {
    justify-content: flex-start;
  }
}
.vacancies-hero__history a:focus, .vacancies-hero__history a:active, .vacancies-hero__history a:hover {
  color: #fffeda;
}
.vacancies-hero__history a span > span {
  display: block;
}
@media (min-width: 576px) {
  .vacancies-hero__history a span > span {
    display: inline-block;
  }
}

.vacancies-profit {
  position: relative;
  padding: 1rem 0 1.3rem 1rem;
  font-weight: 700;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  background-color: #ffffff;
  color: #42474d;
  border-radius: 22px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .vacancies-profit {
    padding: 2rem;
  }
}
@media (min-width: 1200px) {
  .vacancies-profit {
    padding: 3rem;
  }
}
.vacancies-profit__touch-icon {
  display: block;
  position: absolute;
  top: 5%;
  right: 2%;
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .vacancies-profit__touch-icon {
    display: none;
  }
}
.vacancies-profit__title {
  margin-bottom: 1rem;
  max-width: calc(100% - 40px);
  font-size: 1.25rem;
  line-height: 1.625rem;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 576px) {
  .vacancies-profit__title {
    padding: 0;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .vacancies-profit__title {
    font-size: 1.5625rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__title {
    margin-bottom: 3rem;
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: 0.02em;
  }
}
.vacancies-profit__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 576px) {
  .vacancies-profit__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.875rem;
    max-width: 56.25rem;
    margin: 0 auto;
    max-width: 100%;
  }
}
.vacancies-profit__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #42474d;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.vacancies-profit__item:hover {
  color: rgb(104, 146, 188);
}
.vacancies-profit__item:hover .vacancies-profit__text {
  color: #42474d;
}
@media (min-width: 576px) {
  .vacancies-profit__item {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
@media (min-width: 576px) {
  .vacancies-profit__item {
    order: 2;
    width: calc(33.3333333333% - 30px);
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__item {
    width: calc(25% - 30px);
    order: 0;
  }
}
.vacancies-profit__item--1 {
  flex-grow: 1;
}
@media (min-width: 576px) {
  .vacancies-profit__item--1 {
    order: 1;
    width: calc(50% - 30px);
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__item--1 {
    order: 0;
    width: calc(25% - 30px);
  }
}
.vacancies-profit__item--2 {
  flex-grow: 0;
}
@media (min-width: 576px) {
  .vacancies-profit__item--2 {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__item--2 {
    width: 17%;
    order: 0;
  }
}
.vacancies-profit__item--5 {
  flex-grow: 0;
}
@media (min-width: 576px) {
  .vacancies-profit__item--5 {
    width: 17%;
  }
}
.vacancies-profit__item--6 {
  flex-grow: 0;
}
@media (min-width: 576px) {
  .vacancies-profit__item--6 {
    width: 17%;
  }
}
.vacancies-profit__item--7 {
  flex-grow: 0;
}
@media (min-width: 576px) {
  .vacancies-profit__item--7 {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .vacancies-profit__item--7 {
    width: calc(33.3333333333% - 30px);
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__item--7 {
    width: calc(25% - 30px);
  }
}
@media (min-width: 576px) {
  .vacancies-profit__item--8 {
    order: 1;
    width: calc(50% - 30px);
  }
}
@media (min-width: 1200px) {
  .vacancies-profit__item--8 {
    order: 0;
    width: calc(25% - 30px);
  }
}
.vacancies-profit .icon {
  width: 50%;
}
@media (min-width: 576px) {
  .vacancies-profit .icon {
    width: 70%;
  }
}
.vacancies-profit__text {
  display: block;
  margin-top: 1rem;
}

.vacancies-stories {
  color: #42474d;
}
.vacancies-stories__header {
  position: relative;
  margin-bottom: calc(20px - 0.5rem);
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
}
.vacancies-stories__header h3 {
  max-width: 288px;
  margin: 0;
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 1.69rem;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .vacancies-stories__header h3 {
    max-width: max-content;
    font-size: 2.5rem;
  }
}
.vacancies-stories__header h3 > span {
  display: block;
}
.vacancies-stories__header h3 > span > span {
  display: block;
}
@media (min-width: 576px) {
  .vacancies-stories__header h3 > span > span {
    display: inline-block;
  }
}
.vacancies-stories__touch-icon {
  display: none;
}
@media (min-width: 768px) {
  .vacancies-stories__touch-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    transform: translateY(30%);
  }
}
.vacancies-stories__slider {
  margin-bottom: 20px;
  overflow: visible;
}
@media (min-width: 576px) {
  .vacancies-stories__slider {
    overflow: hidden;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .vacancies-stories__slider {
    margin-bottom: -22px;
  }
}
.vacancies-stories__slider .swiper-wrapper {
  flex-direction: column;
}
@media (min-width: 768px) {
  .vacancies-stories__slider .swiper-wrapper {
    gap: 0.625rem;
    flex-direction: row;
  }
}
.vacancies-stories__slider .swiper-slide {
  padding: 0.5rem 0;
}
@media (min-width: 768px) {
  .vacancies-stories__slider .swiper-slide {
    padding: 1rem 0 22px;
  }
}
.vacancies-stories .btn {
  width: 100%;
  color: #42474d;
  border-color: #42474d;
}
.vacancies-stories .btn:focus, .vacancies-stories .btn:hover {
  color: #42474d;
  border-color: #42474d;
  opacity: 0.5;
}

.stories-slide {
  position: relative;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 149px;
  padding: 1rem;
  color: #42474d;
  background-color: #fffeda;
  border-radius: 10px;
  box-shadow: -1px 4px 24px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.stories-slide:focus, .stories-slide:hover {
  text-decoration: none;
}
.stories-slide:focus, .stories-slide:hover {
  color: #42474d;
  background-color: rgb(226, 240, 251);
}
@media (min-width: 576px) {
  .stories-slide {
    align-items: center;
    border-radius: 22px;
  }
}
@media (min-width: 768px) {
  .stories-slide {
    min-height: 207px;
  }
}
@media (min-width: 1200px) {
  .stories-slide {
    padding-right: 40px;
  }
}
.stories-slide__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  row-gap: 0;
}
@media (min-width: 768px) {
  .stories-slide__header {
    gap: 1.25rem;
    row-gap: 0.625rem;
  }
}
.stories-slide__avatar {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .stories-slide__avatar {
    width: 6.5625rem;
    height: 6.5625rem;
  }
}
.stories-slide__title {
  max-width: calc(100% - 6.5625rem - 0.625rem);
  font-family: "Avenir Next Cyr Demi", "Arial", "Helvetica CY", sans-serif;
  font-weight: 700;
  font-size: 1.06rem;
  line-height: 130%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .stories-slide__title {
    font-size: 1.25rem;
  }
}
.stories-slide__text {
  margin: 0;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
}
@media (min-width: 768px) {
  .stories-slide__text {
    margin-bottom: 0.75rem;
    font-size: 0.94rem;
    line-height: 110%;
  }
}
.stories-slide__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-130%);
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .stories-slide__icon {
    width: 61px;
    height: 61px;
    right: 40px;
    transform: translateY(-50%);
  }
}
@media (min-width: 800px) {
  .stories-slide__icon {
    width: 41px;
    height: 41px;
    right: 20px;
  }
}
@media (min-width: 1200px) {
  .stories-slide__icon {
    width: 61px;
    height: 61px;
    right: 40px;
    transform: translateY(-50%);
  }
}
.stories-slide__icon .icon {
  width: 100%;
}
.stories-slide__video {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.stories-slide__video iframe {
  max-width: 650px;
  overflow: hidden;
  border-radius: 1rem;
}