:root {
  --border-radius: 7px;
  --color__white: #fff;
  --color__green: #96c11f;
  --color__blue: #009fe3;
  --color__red: #d14144;
  --color__smoky-white: #f6f8f7;
  --color__grideperle: #c9cfce;
  --color__slate-gray: #31445a;
  --color__slate-gray-2: #384b5f;
  --color__wet-asphalt: #5a5a5a;
  --transition-duration: 0.1s;
  --transition-timing-function: ease;
  --xxs: 8px;
  --xs: 16px;
  --s: 20px;
  --m: 30px;
  --l: 40px;
  --xl: 50px;
  --xxl: 60px; }

.color-white {
  color: var(--color__white); }

.color-blue {
  color: var(--color__blue); }

.color-green {
  color: var(--color__green); }

.color-red {
  color: var(--color__red); }

.color-smoky-white {
  color: var(--color__smoky-white); }

.color-grideperle {
  color: var(--color__grideperle); }

.color-slate-gray {
  color: var(--color__slate-gray); }

.bg-white {
  background-color: var(--color__white); }

.bg-green {
  background-color: var(--color__green); }

.bg-smoky-white {
  background-color: var(--color__smoky-white); }

.bg-grideperle {
  background-color: var(--color__grideperle); }

.bg-slate-gray {
  background-color: var(--color__slate-gray); }

.flex {
  display: flex; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.column {
  display: flex;
  flex-direction: column; }

.between {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.gap-xxs {
  gap: var(--xxs); }

.gap-xs {
  gap: var(--xs); }

.gap-s {
  gap: var(--s); }

.gap-m {
  gap: var(--m); }

.gap-l {
  gap: var(--l); }

.m-0 {
  margin: 0; }

.mb-0 {
  margin-bottom: 0; }

.mb-xxs {
  margin-bottom: var(--xxs); }

.mb-xs {
  margin-bottom: var(--xs); }

.mb-s {
  margin-bottom: var(--s); }

.mb-m {
  margin-bottom: var(--m); }

.mb-l {
  margin-bottom: var(--l); }

.pt-l {
  padding-top: var(--l); }

.pb-xxl {
  padding-bottom: var(--xxl); }

.w-100 {
  width: 100%; }

.page-title {
  text-align: center;
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  color: var(--color__slate-gray-2); }

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

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

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

.fsz-0 {
  font-size: 0; }

.fsz-14 {
  font-size: 14px; }

.fsz-18 {
  font-size: 18px; }

.fsz-20 {
  font-size: 20px; }

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

.uppercase {
  text-transform: uppercase; }

@media screen and (max-width: 1300px) {
    .container {
      width: 970px !important; } }
  @media screen and (max-width: 680px) {
  .container {
    max-width: 480px !important; } }
  @media screen and (max-width: 576px) {
  .container {
    max-width: 320px !important; } }
  @media screen and (max-width: 400px) {
  .container {
    max-width: 280px !important; } }

.section {
  padding-top: var(--xl);
  padding-bottom: var(--xxl); }

.description {
  margin: 0;
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
  line-height: initial;
  font-size: 18px;
  color: var(--color__wet-asphalt); }

.events-none {
  pointer-events: none; }

.overflow-hidden {
  overflow: hidden; }

.link-underline {
  text-decoration: underline; }
  .link-underline:focus-visible, .link-underline:hover, .link-underline:active {
    text-decoration: none; }

.list-inside {
  padding-left: 20px;
  list-style: inside; }
  .list-inside li {
    list-style: initial; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #372a5f;
  border-radius: 50%; }
  .swiper-button-next::after, .swiper-button-prev::after {
    font-size: 16px;
    color: white; }
    @media screen and (max-width: 1300px) {
  .swiper-button-next::after, .swiper-button-prev::after {
    font-size: 14px; } }
  @media screen and (max-width: 1300px) {
  .swiper-button-next, .swiper-button-prev {
    width: 35px;
    height: 35px; } }

.swiper-button-next {
  right: 20px; }
  @media screen and (max-width: 1100px) {
  .swiper-button-next {
    right: 5px; } }
  @media screen and (max-width: 992px) {
  .swiper-button-next {
    right: 16px; } }
  @media screen and (max-width: 768px) {
  .swiper-button-next {
    right: 10px; } }

.swiper-button-prev {
  right: 68px; }
  @media screen and (max-width: 1300px) {
  .swiper-button-prev {
    right: 60px; } }
  @media screen and (max-width: 1100px) {
  .swiper-button-prev {
    right: 45px; } }
  @media screen and (max-width: 992px) {
  .swiper-button-prev {
    right: 60px; } }
  @media screen and (max-width: 768px) {
  .swiper-button-prev {
    right: 50px; } }

#js-show-iframe-wrapper {
  min-width: auto !important; }

#js-show-iframe-wrapper .bf-36 {
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr) !important; }
  @media screen and (max-width: 993px) {
  #js-show-iframe-wrapper .bf-36 {
    grid-template-columns: auto !important; }
    #js-show-iframe-wrapper .bf-36 .bf-36__decor {
      order: 0; } }

.banner-wrapper {
  position: relative;
  margin: 0 auto; }

.bf-36__decor {
  order: 1; }

.swiper {
  display: flex;
  align-items: center;
  overflow: hidden; }
  .swiper .swiper-wrapper {
    display: flex;
    align-items: center;
    width: 100% !important;
    height: 100%; }
  .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
    .swiper .swiper-slide > a {
      height: 400px;
      max-height: 400px; }
    .swiper .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .swiper .swiper-button-prev, .swiper .swiper-button-next {
    background: none; }
  .swiper .swiper-button-prev:after, .swiper .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 22px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: black; }
  .swiper .swiper-button-prev {
    left: -50px; }
  .swiper .swiper-button-next {
    right: -50px; }
  .swiper .swiper-pagination {
    top: 100%;
    padding-top: 15px; }

.accordion {
  border-radius: var(--border-radius);
  color: var(--color__slate-gray);
  background-color: var(--color__smoky-white);
  font-size: 16px;
  transition-property: box-shadow, background-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  overflow: hidden; }
  .accordion__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 20px;
    border-bottom: 1px solid transparent;
    transition: border-color var(--transition-duration) var(--transition-timing-function); }
  .accordion__title {
    margin: 0;
    font-weight: 500;
    font-size: 18px; }
  .accordion__button {
    flex-shrink: 0;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    color: var(--color__white);
    background-color: var(--color__green); }
  .accordion__button-icon {
    transition-property: transform, color;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-timing-function); }
  .accordion__body {
    height: 0;
    transition-property: height, padding;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-timing-function);
    padding: 0 20px; }
  .accordion.is-open {
    background-color: var(--color__white);
    box-shadow: 0 2px 20px rgba(208, 219, 213, 0.68); }
    .accordion.is-open .accordion__head {
      border-bottom-color: var(--color__grideperle); }
      .accordion.is-open .accordion__button {
        color: var(--color__green);
        background-color: var(--color__smoky-white); }
      .accordion.is-open .accordion__button-icon {
        transform: rotate(180deg); }
      .accordion.is-open .accordion__body {
        height: initial;
        padding: 30px 20px; }

@media screen and (max-width: 576px) {
  .accordion__title {
    font-size: 16px; }
    .accordion__button {
      width: 30px;
      height: 30px; } }

.contacts__item {
  display: flex;
  gap: var(--xxs);
  min-height: 40px;
  padding-left: 50px;
  background-repeat: no-repeat; }
  .contacts__item--email {
    background-image: url("../themes/cks/assets/img/contacts-email.png"); }
  .contacts__item--address {
    background-image: url("../themes/cks/assets/img/contacts-geo.png"); }
  .contacts__item--phone, .contacts__item--time, .contacts__item--email, .contacts__item--address {
    flex-direction: column; }
  .contacts__item--address {
    justify-content: center; }
  .contacts__item--phone {
    background-image: url("../themes/cks/assets/img/contacts-phone.png"); }
  .contacts__item--time {
    background-image: url("../themes/cks/assets/img/contacts-time.png"); }

.contacts-accordion__body-container {
  position: relative; }
  .contacts-accordion__body-content {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .contacts-accordion__map {
    position: absolute;
    top: -30px;
    right: -20px;
    bottom: -30px;
    width: 68%;
    transform: translateY(30px);
    transition: transform var(--transition-timing-function) var(--transition-duration); }
  .contacts-accordion.is-open .contacts-accordion__map {
    transform: translateY(0); }

@media (max-width: 992px) {
  .contacts-accordion__body-content {
    grid-template-columns: 1fr;
    gap: var(--m); }
    .contacts-accordion__body-content > * {
      order: 1; }
    .contacts-accordion__body-content > .col-2 {
      order: 2; }
    .contacts-accordion__map {
      top: initial;
      right: -20px;
      bottom: -30px;
      left: -20px;
      width: initial;
      height: 300px; } }
