@font-face {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("AfjatTrends-Light"), url(../fonts/Faberge-Regular.woff2) format("woff2")
}

@font-face {
  font-family: FiraSans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("FiraSans-Light"), url(../fonts/FiraSans-Light.woff2) format("woff2")
    /* src: local("FiraSans-Light"), url(../fonts/Faberge-Regular.woff2) format("woff2") */
}

@font-face {
  font-family: FiraSans;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("FiraSans-LightItalic"), url(../fonts/FiraSans-LightItalic.woff2) format("woff2")
    /* src: local("FiraSans-LightItalic"), url(../fonts/Faberge-Regular.woff2) format("woff2") */
}
 
@font-face {
  font-family: FiraSans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("FiraSans-Medium"), url(../fonts/FiraSans-Medium.woff2) format("woff2")
    /* src: local("FiraSans-Medium"), url(../fonts/Faberge-Regular.woff2) format("woff2") */
}

@font-face {
  font-family: FiraSans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("FiraSans-Regular"), url(../fonts/FiraSans-Regular.woff2) format("woff2")
    /* src: local("FiraSans-Regular"), url(../fonts/Faberge-Regular.woff2) format("woff2") */
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Inter-Regular"), url(../fonts/Inter-Regular.woff2) format("woff2")
}

@font-face {
  font-family: Caravan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Caravan"), url(../fonts/Caravan.woff2) format("woff2")
}


* {
  padding: 0;
  margin: 0;
  border: 0
}

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

:active,
:focus {
  outline: 0
}

a:active,
a:focus {
  outline: 0
}

aside,
footer,
header,
nav {
  display: block
}

body,
html {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

button,
input,
textarea {
  font-family: inherit
}

input::-ms-clear {
  display: none
}

input,
textarea {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0
}

button {
  cursor: pointer;
  background-color: transparent
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

a {
  display: inline-block
}

a,
a:visited {
  text-decoration: none
}

a:hover {
  text-decoration: none
}

ul li {
  list-style: none
}

img {
  vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

picture {
  display: block;
  width: 100%;
  height: 100%
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

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

input[type=number]:focus,
input[type=number]:hover {
  -moz-appearance: number-input
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

:root {
  --white: #FFFFFF;
  --light: #F5F5F5;
  --main: #4A505A;
  --black-opacity6: rgba(0, 0, 0, .6);
  --l-dark: #4F4F4F;
  --d-dark: #16191E;
  --gray: #ABABAB;
  --gray-2: #F9F9F9;
  --gray-3: #F2F2F2;
  --gray-4: #A3ACAB;
  --gray-5: #929C9B;
  --gray-6: #F4F4F4;
  --black: #000000;
  --dark: #3A4C49;
  --dark2: #363636;
  --l-green: #243E36;
  --red: #ff0000;
  --d-pink: #243E36;
  --d2-pink: #243E36;
  --hover: #243E36;
  --hover-2: #A3ACAB;
  --hover-3: #ffffff;
  --hover-4: #4A505A;
  --hover-5: #BD897E;
  --active: #243E36;
  --active-2: #A3ACAB;
  --active-3: #ffffff;
  --active-4: #4A505A;
  --active-5: #BD897E
}

.AfjatTrends {
  font-family: 'AfjatTrends' !important;
}

.FiraSans {
  font-family: 'FiraSans' !important;
}

.Inter {
  font-family: 'Inter' !important;
}

.Caravan {
  font-family: 'Caravan' !important;
}

.container {
  max-width: 1473px;
  padding: 0 44px;
  margin: 0 auto
}

@media (max-width:991px) {
  .container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .container {
    padding: 0 10px
  }
}

.hidden-input {
  display: none
}

body {
  font-family: FiraSans, Arial, Helvetica, sans-serif;
}

.page {
  font-family: FiraSans, Arial, Helvetica, sans-serif;
  background-color: var(--white);
  overflow: hidden;
  margin: 0 auto
}

.page.qeq {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.book-page {
  font-family: FiraSans, Arial, Helvetica, sans-serif;
  background-color: var(--white);
  overflow: hidden;
  margin: 0 auto
}

.scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  will-change: transform
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.link {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  text-transform: lowercase;
  color: var(--main);
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

.link_txt {
  text-transform: none;
}

@media (any-hover:hover) {
  .link:hover {
    color: var(--hover)
  }
}

.link:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.w1920 {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.title-v1 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 90px;
  line-height: 90px;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--main)
}

.tx-72-32  {
  font-family: AfjatTrends;
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  text-align: center; 
  text-transform: uppercase; 
}

@media (max-width:1220px) {
  .title-v1 {
    font-size: 60px;
    line-height: 60px
  }

  .tx-72-32  {
    font-size: 64px;
  }
}

@media (max-width:991px) {
  .title-v1 {
    font-size: 45px;
    line-height: 45px
  }
  .tx-72-32  {
    font-size: 46px;
  }
}

@media (max-width:600px) {
  .title-v1 {
    font-size: 32px;
    line-height: 32px
  }
  .tx-72-32  {
    font-size: 32px;
  }
}

.title-v2 {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  color: var(--main)
}

@media (max-width:1220px) {
  .title-v2 {
    font-size: 50px;
    line-height: 50px
  }
}

@media (max-width:991px) {
  .title-v2 {
    font-size: 35px;
    line-height: 35px
  }
}

@media (max-width:600px) {
  .title-v2 {
    font-size: 26px;
    line-height: 26px
  }
}

.title-v2 span {
  font-family: FiraSans;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--main);
  margin-bottom: 20px
}

@media (max-width:991px) {
  .title-v2 span {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 12px
  }
}

@media (max-width:600px) {
  .title-v2 span {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 5px
  }
}

.title-v3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 300;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v3 {
    font-size: 26px;
    line-height: 26px
  }
}

@media (max-width:600px) {
  .title-v3 {
    gap: 5px;
    font-size: 22px;
    line-height: 22px
  }
}

.title-v3 span {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 120px;
  line-height: 120px;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v3 span {
    font-size: 90px;
    line-height: 90px
  }
}

@media (max-width:600px) {
  .title-v3 span {
    font-size: 60px;
    line-height: 60px
  }
}

.title-v4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--dark)
}

@media (max-width:600px) {
  .title-v4 {
    font-size: 12px;
    line-height: 12px
  }
}

.title-v5 {
  font-style: italic;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -.04em;
  color: var(--main)
}

@media (max-width:1220px) {
  .title-v5 {
    font-size: 20px;
    line-height: 28px
  }
}

@media (max-width:600px) {
  .title-v5 {
    font-size: 16px;
    line-height: 20px
  }
}

.title-v6 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 120px;
  line-height: 80px;
  text-align: center;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v6 {
    font-size: 100px;
    line-height: 70px
  }
}

@media (max-width:600px) {
  .title-v6 {
    font-size: 60px;
    line-height: 60px
  }
}

.title-v7 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 120px;
  line-height: 130px;
  text-align: center;
  color: var(--main)
}

@media (max-width:1440px) {
  .title-v7 {
    font-size: 90px;
    line-height: 100px
  }
}

@media (max-width:991px) {
  .title-v7 {
    font-size: 60px;
    line-height: 60px
  }
}

@media (max-width:600px) {
  .title-v7 {
    font-size: 30px;
    line-height: 30px
  }
}

.title-v8 {
  font-style: italic;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -.04em;
/*   color: var(--white) */
}

@media (max-width:991px) {
  .title-v8 {
    font-size: 26px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .title-v8 {
    font-size: 22px;
    line-height: 30px
  }
}

.title-v9 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 160px;
  line-height: 110px;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v9 {
    font-size: 80px;
    line-height: 60px
  }
}

@media (max-width:600px) {
  .title-v9 {
    font-size: 40px;
    line-height: 30px
  }
}

.title-v9 span {
  display: block
}

.title-v10 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 76px;
  line-height: 76px;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v10 {
    font-size: 46px;
    line-height: 46px
  }
}

@media (max-width:600px) {
  .title-v10 {
    font-size: 32px;
    line-height: 32px
  }
}

.title-v11 {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  color: var(--main)
}

@media (max-width:991px) {
  .title-v11 {
    font-size: 26px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .title-v11 {
    font-size: 22px;
    line-height: 28px
  }
}

.title-v12 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -.04em;
  color: var(--main)
}

@media (max-width:991px) {
  .title-v12 {
    font-size: 36px;
    line-height: 36px
  }
}

@media (max-width:600px) {
  .title-v12 {
    font-size: 26px;
    line-height: 26px
  }
}

.title-v13 {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -.04em;
  color: var(--white)
}

@media (max-width:991px) {
  .title-v13 {
    font-size: 36px;
    line-height: 36px
  }
}

@media (max-width:600px) {
  .title-v13 {
    font-size: 26px;
    line-height: 26px
  }
}

.title-v14 {
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -.04em;
  color: var(--main)
}

.tx-18-16 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2; 
  color: var(--white)
}

.tx-15-13 {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2; 
  color: var(--white)
}

.tx-32-24 {
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;  
}

@media (max-width:991px) {
  .title-v14 {
    font-size: 18px;
    line-height: 24px
  }
}

@media (max-width:600px) {
  .tx-18-16 {
    font-size: 16px;
  }

  .tx-15-13 {
    font-size: 13px;
  }

  .tx-32-24 {
    font-size: 24px;
  }

  .title-v14 {
    font-size: 16px;
    line-height: 22px
  }
}

.title-v15 {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: -.04em;
  color: var(--white)
}

@media (max-width:1220px) {
  .title-v15 {
    font-size: 52px;
    line-height: 52px
  }
}

@media (max-width:991px) {
  .title-v15 {
    font-size: 42px;
    line-height: 42px
  }
}

@media (max-width:600px) {
  .title-v15 {
    font-size: 32px;
    line-height: 32px
  }
}

.title-v16 {
  font-family: AfjatTrends;
  font-weight: 300;
  font-size: 70px;
  line-height: 1;
}

@media (max-width:1440px) {
  .title-v16 {
    font-size: 60px;
  }
}

@media (max-width:1220px) {
  .title-v16 {
    font-size: 50px;
    line-height: 1;
  }
}

@media (max-width:991px) {
  .title-v16 {
    font-size: 40px;
  }
}

@media (max-width:600px) {
  .title-v16 {
    font-size: 32px;
  }
}

.title-v17 {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 60px;
  line-height: 1;
}

@media (max-width:1440px) {
  .title-v17 {
    font-size: 52px;
  }
}

@media (max-width:1220px) {
  .title-v17 {
    font-size: 44px;
  }
}

@media (max-width:991px) {
  .title-v17 {
    font-size: 32px;
  }
}

@media (max-width:600px) {
  .title-v17 {
    font-size: 24px;
  }
}

.text-v1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -.04em;
  color: var(--white)
}

.tx-11 {
  font-weight: 400;
  font-size: 11px;
  line-height: 118%;
}

.tx-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.04em;
}

@media (max-width:600px) {
  .text-v1 {
    font-size: 14px;
    line-height: 20px
  }
}

.text-v2 {
  font-style: italic;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -.04em;
  color: var(--main)
}

@media (max-width:991px) {
  .text-v2 {
    font-size: 24px;
    line-height: 30px
  }
}

@media (max-width:600px) {
  .text-v2 {
    font-size: 20px;
    line-height: 26px
  }
}

.text-v3 {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -.04em;
  color: var(--white)
}

.text-v8 {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -.04em;
  color: var(--white)
}

@media (max-width:991px) {
  .text-v3 {
    font-size: 16px;
    line-height: 22px
  }
  .text-v8 {
    font-size: 14px;
    line-height: 22px
  }
}

@media (max-width:600px) {
  .text-v3 {
    font-size: 14px;
    line-height: 18px
  }
  .text-v8 {
    font-size: 12px;
    line-height: 18px
  }
}

.text-v4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--main)
}

@media (max-width:600px) {
  .text-v4 {
    font-size: 12px;
    line-height: 12px
  }
}

.text-v5 {
  font-family: FiraSans;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -.04em
}

.text-v6 {
  font-family: 'AfjatTrends';
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
}

@media (max-width: 1440px) {
  .text-v6 {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 1220px) {
  .text-v6 {
    font-size: 28px;
    line-height: 28px;
  }
}

@media (max-width: 991px) {
  .text-v6 {
    font-size: 24px;
    line-height: 24px;
  }
}

@media (max-width: 600px) {
  .text-v6 {
    font-size: 20px;
    line-height: 20px;
  }
}

.text-v7 {
  font-family: 'AfjatTrends';
  font-weight: 300;
  font-size: 48px;
  line-height: 51px;
}

@media (max-width: 1440px) {
  .text-v7 {
    font-size: 42px;
    line-height: 45px;
  }
}

@media (max-width: 1220px) {
  .text-v7 {
    font-size: 36px;
    line-height: 39px;
  }
}

@media (max-width: 991px) {
  .text-v7 {
    font-size: 28px;
    line-height: 31px;
  }
}

@media (max-width: 600px) {
  .text-v7 {
    font-size: 22px;
    line-height: 25px;
  }
}

.text-8 {
  font-family: Inter;
  font-weight: 400;
  font-size: 42px;
}

.text-24-14 {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.03em;
  color: var(--main);
}

.text-24-16 {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.03em;
  color: var(--main);
}


@media (max-width: 1220px) {
  .text-8 {
    font-size: 36px;
  }

  .text-24-14 {
    font-size: 20px;
  }

  .text-24-16 {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .text-8 {
    font-size: 28px;
  }

  .text-24-14 {
    font-size: 18px;
  }

  .text-24-16 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .text-8 {
    font-size: 22px;
  }

  .text-24-14 {
    font-size: 14px;
  }

  .text-24-16 {
    font-size: 16px;
  }
}

.slider-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: var(--black-opacity6);
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
}

.slider-button.swiper-button-disabled {
  opacity: .5;
  pointer-events: none;
}

@media (any-hover:hover) {
  .slider-button:hover {
    background-color: var(--hover)
  }
}

.slider-button:focus-visible {
  background-color: var(--hover)
}

.slider-button:active {
  background-color: var(--hover)
}

.slider-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.slider-button svg {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
  fill: var(--white);
}

@media (max-width: 768px) {
  .slider-button {
    width: 64px;
    height: 64px;
  }

  .slider-button svg {
    width: 32px;
    height: 32px;
  }

  .slider-button::before {
    display: none;
  }
}

@media (max-width:600px) {
  .slider-button {
    width: 50px;
    height: 50px;
  }

  .slider-button svg {
    width: 16px;
    height: 16px;
  }
}

.button-v1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: var(--white) !important;
    min-width: 200px;
    text-transform: uppercase;
    min-height: 46px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 30px;
    background-color: #331E14;
    border-radius: 23px;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    text-decoration: none;
}


@media (max-width:600px) {
    .button-v1 {
        min-height: 38px;
        min-width: 160px;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 25px;
    }
}

@media (any-hover:hover) {
    .button-v1:hover {
        background-color: #243E36;
        color: var(--white) !important;
    }
}

.button-v1 span {
    display: block;
}

.button-v1 span:first-child {
    display: none;
}

.button-v1 span:last-child {
    padding-left: 0;
    display: block;
}

.button-v1 span:nth-child(2) {
    padding-left: 0;
}

@media (max-width:600px) {
    .button-v1 span:last-child {
        padding-left: 0;
    }

    .button-v1 span:nth-child(2) {
        padding-left: 0;
    }
}

.button-v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 23px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 25px;
  min-width: 348px;
  min-height: 46px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  background-color: var(--l-green);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

@media (max-width: 991px) {
  .button-v2 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .button-v2 {
    font-size: 16px;
  }
}

@media (any-hover: hover) {
  .button-v2:hover {
    background-color: var(--hover-5);
  }
}

.button-v2:focus-visible {
  background-color: var(--hover-5);
}

.button-v2:active {
  background-color: var(--active-5);
  transition-duration: .1s;
}

.header {
  position: relative;
  z-index: 5;
  padding: 40px 0 20px 0;
  background-color: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width:991px) {
  .header {
    padding-top: 25px
  }
}

@media (max-width:600px) {
  .header {
    padding-bottom: 15px;
    padding-top: 15px
  }
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 45px
}

@media (max-width:1440px) {
  .header__container {
    gap: 25px
  }
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 44px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 294px;
  flex: 0 0 294px
}

@media (max-width:1440px) {
  .header__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 269px;
    flex: 0 0 269px;
    gap: 20px
  }
}

@media (max-width:500px) {
  .header__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}

.header__wrapper-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  text-align: right
}

@media (max-width:500px) {
  .header__wrapper-text {
    display: none
  }
}

.header__address {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: .04em;
  -webkit-font-feature-settings: "pnum"on, "lnum"on;
  font-feature-settings: "pnum"on, "lnum"on;
  color: var(--main)
}

.header__link {
  display: block
}

.header__link small {
  font-size: inherit !important;
}

.logo {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 155px;
  flex: 0 0 155px;
  height: 40px
}

@media (max-width:991px) {
  .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 109px;
    flex: 0 0 109px;
    height: 30px
  }
}

@media (max-width:500px) {
  .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    height: 25px
  }
}

.logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.loaded .logo {
  -webkit-animation: bounce;
  animation: bounce;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.nav {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%
}

@media (max-width:1024px) {
  .nav {
    display: none
  }
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px 25px; 
  /* gap: 2px 40px; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}

@media (max-width:1440px) {
  .nav__list {
    gap: 2px 20px
  }
}

@media (max-width:1220px) {
  .nav__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.nav__item {
  position: relative
}

.nav__item.active .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%
}

.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  padding: 5px 0;
  font-size: 14px
}

.nav__link_color {
  color: var(--l-green)
}

@media (any-hover:hover) {
  .nav__link_color:hover {
    color: var(--main)
  }
}

.nav__link_color:active {
  color: var(--main);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.nav__link svg {
  display: block;
  width: 7px;
  height: 5px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--l-green)
}

.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--gray-3);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (max-width:991px) {
  .burger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px
  }
}

@media (max-width:600px) {
  .burger {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    height: 36px
  }
}

@media (any-hover:hover) {
  .burger:hover {
    background-color: var(--white)
  }
}

.burger:active {
  background-color: var(--l-green);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.burger:active span {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.burger span {
  display: block;
  width: 16px;
  height: 1px;
  background-color: var(--main);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.burger span:not(:last-child) {
  margin-bottom: 2px
}

.dropdown {
  position: absolute;
  top: 130%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 15px;
  width: 200px;
  background-color: var(--white);
  border: 1px solid var(--l-green);
  border-radius: 4px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, top .3s ease-in-out
}

.dropdown__item:not(:last-child) {
  margin-bottom: 5px
}

.dropdown__link span {
  text-transform: none
}

.error-popup {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4);
}
  .error-popup__close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .error-popup__content {
    overflow: auto;
    max-width: 900px;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: auto; 
  }

  .error-popup__body {
    text-align: center;
    background-color: var(--white);
    padding: 24px 24px 60px 24px;  
  }

  .error-popup__text {
    color: var(--black);
  }

  .error-popup__exit {
    width: 32px;
    height: 32px;
    display: block;
    margin-left: auto;  
  } 

  @media (any-hover: hover) {
    .error-popup__exit:hover svg {
        fill: var(--hover); 
    }
  }

  .error-popup__exit:focus-visible svg {
      fill: var(--hover); 
  }

  .error-popup__exit:active svg {
      fill: var(--active);
      transition-duration: .1s; 
  }

  .error-popup__exit svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    fill: var(--black);
    transform: rotate(45deg);
    transition: fill .3s ease-in-out;
  }

  @media (max-width: 991px) {
    .error-popup__content {
      width: 95%;
    }

    .error-popup__body {  
      padding: 24px 16px 40px 16px;   
    }

  }

  @media (max-width: 600px) {
    .error-popup__exit {
      width: 24px;
      height: 24px;
    }
    
    .error-popup__body {  
      padding: 10px 10px 16px 10px;
    }
  }

.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  display: none;
  overflow: auto;
}

.header-menu__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  z-index: 1
}

.header-menu__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent
}

.header-menu__top {
  /* /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  */ -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header-menu__top:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1440px) {
  .header-menu__top:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .header-menu__top:not(:last-child) {
    margin-bottom: 40px
  }
}

.header-menu__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 40px;
  right: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--white);
  background-color: transparent;
  -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width:991px) {
  .header-menu__exit {
    width: 40px;
    height: 40px;
    top: 30px
  }
}

@media (max-width:600px) {
  .header-menu__exit {
    width: 36px;
    height: 36px;
    top: 15px;
    right: 10px
  }
}

@media (any-hover:hover) {
  .header-menu__exit:hover {
    border-color: var(--hover);
    background-color: var(--hover)
  }
}

.header-menu__exit:active {
  background-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu__exit:active span::before {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu__exit:active span::after {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu__exit span {
  position: relative;
  display: block;
  width: 20px;
  height: 30px
}

.header-menu__exit span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  transform: rotate(45deg) translate(10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.header-menu__exit span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--white);
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  -ms-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.header-menu__body {
  position: relative;
  z-index: 3;
  width: 1386px;
  margin: auto;
  /* margin: 0 auto; */
  padding: 120px 0 160px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:1440px) {
  .header-menu__body {
    width: 100%;
    padding: 100px 20px
  }
}

@media (max-width:991px) {
  .header-menu__body {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:600px) {
  .header-menu__body {
    padding: 65px 10px
  }
}

.header-menu__logo {
  display: block;
  width: 154px;
  height: 40px;
  opacity: 0
}

.header-menu__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.header-menu__title {
  display: block;
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--white)
}

@media (max-width:991px) {
  .header-menu__title {
    font-size: 26px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .header-menu__title {
    font-size: 22px;
    line-height: 28px
  }
}

.header-menu__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .header-menu__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.header-menu__list {
  display: -ms-grid;
  display: grid;
  grid-template: auto/repeat(auto-fill, minmax(300px, 1fr));
  gap: 60px 20px
}

@media (max-width:991px) {
  .header-menu__list {
    gap: 40px 20px
  }
}

@media (max-width:600px) {
  .header-menu__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px
  }
}

.header-menu__address {
  font-style: normal;
}

.header-menu-sublist__item_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white)
}

.header-menu-sublist__item_flex svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white)
}

.header-menu__item {
  opacity: 0
}

.header-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: var(--white);
  font-size: 14px;
  line-height: 14px
}

.header-menu__link small {
  font-size: inherit;
}

@media (any-hover:hover) {
  .header-menu__link:hover svg {
    fill: var(--hover)
  }
}

.header-menu__link:active svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu__link svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

.header-menu__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white)
}

.header-menu__text svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white)
}

.header-menu__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .header-menu__text a:hover {
    color: var(--hover)
  }
}

.header-menu__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu__text_2 {
  display: block
}

.header-menu__text_2 span {
  text-decoration: underline
}

.header-menu-sublist__item:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .header-menu-sublist__item:not(:last-child) {
    margin-bottom: 10px
  }
}

.header-menu-sublist__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  text-transform: none;
  color: var(--white);
  font-size: 14px;
  line-height: 14px
}

.header-menu-sublist__link svg {
  display: block;
  width: 13px;
  height: 13px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.header-menu-form {
  display: block;
  width: 100%
}

.header-menu-form:not(:last-child) {
  margin-bottom: 16px
}

.header-menu-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%
}

.header-menu-form__label .just-validate-error-label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  color: red !important;
  font-weight: 400
}

@media (max-width:991px) {
  .header-menu-form__label .just-validate-error-label {
    font-size: 12px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .header-menu-form__label .just-validate-error-label {
    font-size: 10px;
    line-height: 14px
  }
}

.header-menu-form__label:not(:last-child) {
  margin-bottom: 20px
}

.header-menu-form__input {
  display: block;
  height: 40px;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: var(--main);
  border-bottom: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.header-menu-form__input.just-validate-error-field {
  border-color: red
}

@media (any-hover:hover) {
  .header-menu-form__input:hover {
    border-color: var(--hover)
  }
}

.header-menu-form__input:focus-visible {
  border-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.header-menu-form__input::-webkit-input-placeholder {
  color: var(--main);
  text-transform: uppercase
}

.header-menu-form__input::-moz-placeholder {
  color: var(--main);
  text-transform: uppercase
}

.header-menu-form__input:-ms-input-placeholder {
  color: var(--main);
  text-transform: uppercase
}

.header-menu-form__input::-ms-input-placeholder {
  color: var(--main);
  text-transform: uppercase
}

.header-menu-form__input::placeholder {
  color: var(--main);
  text-transform: uppercase
}

.header-menu-form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  color: var(--main);
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .header-menu-form__button:hover {
    color: var(--hover)
  }

  .header-menu-form__button:hover span svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.header-menu-form__button:active {
  color: var(--active)
}

.header-menu-form__button span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--l-green)
}

.header-menu-form__button span svg {
  display: block;
  width: 8px;
  height: 5px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  -webkit-transform: rotate(-88deg);
  -ms-transform: rotate(-88deg);
  transform: rotate(-88deg);
  fill: var(--main);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:600px) {
  .stars {
    gap: 10px
  }
}

.stars:not(:last-child) {
  margin-bottom: 25px
}

.stars__star {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  height: 16px;
  opacity: 0
}


@media (max-width:991px) {
  .stars:not(:last-child) {
    margin-bottom: 15px
  }
}

@media (max-width:600px) {
  .stars__star {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    height: 10px
  }
  .stars:not(:last-child) {
    margin-bottom: 10px
  }
}

.stars__star img, svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.title-span {
  opacity: 0
}

.title-span_1 {
  display: block;
  opacity: 0
}

@media (max-width:1024px) {
  .title-span_1 {
    opacity: 1
  }
}

.title-span_2 {
  display: block;
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #4a505a;
  opacity: 0
}

@media (max-width:1024px) {
  .title-span_2 {
    opacity: 1
  }
}

@media (max-width:991px) {
  .title-span_2 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .title-span_2 {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px
  }
}

.hero-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-slider__controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  max-width: 1490px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  z-index: 2;
}

.hero-slider__pagination {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.hero-slider__pagination .swiper-pagination-bullet {
  background-color: var(--white) !important;
}

.hero-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.hero-slider .slider-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.hero-slider .slider-button svg {
  width: 20px;
  height: 20px;
}

.hero-slider .slider-button::before {
  display: none;
}

.hero-slider__slide {
  height: auto;
}

.hero-slider__slide a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
display: block;
height: 100%;
width: 100%;
}

.hero-slider__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero {
  padding-top: 60px
}

.hero__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero_about {
  padding-top: 0 !important
}

@media (max-width:600px) {
  .hero {
    padding-top: 40px
  }
}

.hero:not(:last-child) {
  margin-bottom: 160px
}

@media (max-width:1440px) {
  .hero:not(:last-child) {
    margin-bottom: 130px
  }
}

@media (max-width:1220px) {
  .hero:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .hero:not(:last-child) {
    margin-bottom: 60px
  }
}

.hero_2:not(:last-child) {
  margin-bottom: 10px
}

.hero__container {
  max-width: 1920px;
  padding: 0 20px
}

.wrapper-start-widget {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-start-widget #start-widget { 
  height: 103px;
}

.hero__container_mainpage {  
   padding-bottom: 41% !important; 
}

.hero__container_mainpagen {
  padding-bottom: 0;
  min-height: 780px;
}

.heq .wrapper-start-widget {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
}
 
@media (max-width: 1560px) {
  .heq .wrapper-start-widget {
    position: relative !important;
    transform: translateX(0);
    left: 0;
  }  
} 
@media (max-width:991px) {
  .wrapper-start-widget #start-widget { 
    height: auto;
  }
}

@media (max-width:600px) {
  .hero__container {
    padding: 0 10px
  }
}

.hero__container:not(:last-child) {
  margin-bottom: 10px
}

.hero__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:600px) {
  .hero__stars {
    gap: 10px
  }
}

.hero__stars:not(:last-child) {
  margin-bottom: 10px
}

.hero__star {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  height: 15px;
  opacity: 0
}

@media (max-width:1024px) {
  .hero__star {
    opacity: 1
  }
}

@media (max-width:600px) {
  .hero__star {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    height: 10px
  }
}

.hero__star svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.hero__title:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:600px) {
  .hero__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.hero__precet {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  /* padding-bottom: 43.55%; */
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out
}

@media (max-width:700px) {
  .hero__precet {
    padding-bottom: 55%
  }
}

@media (max-width:500px) {
  .hero__precet {
    padding-bottom: 75%
  }
}

.hero__precet-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.hero__precet-image {
  display: none
}

@media (max-width:991px) {
  .hero__precet-image {
    display: block
  }
}

.hero__precet-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.hero__precet-video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media (max-width:991px) {
  .hero__precet-video_1 {
    display: none
  }
}

.hero__precet-video_2 {
  display: none
}

@media (max-width:991px) {
  .hero__precet-video_2 {
    display: block
  }
}

@media (max-width:600px) {
  .hero__precet-video_2 {
    display: none
  }
}

.hero__precet-video_3 {
  display: none
}

@media (max-width:600px) {
  .hero__precet-video_3 {
    display: block
  }
}

.loaded .hero__precet {
  opacity: 1
}

.loaded .bilyard__precent {
  opacity: 1
}

.wrapper-ticker {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.wrapper-ticker__ticker {
  font-weight: 400;
  font-size: 18px;
  line-height: 56px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--main);
  white-space: nowrap;
  padding: 0 34px;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@media (max-width:991px) {
  .wrapper-ticker__ticker {
    font-size: 16px;
    line-height: 46px;
    padding: 0 25px
  }
}

@media (max-width:600px) {
  .wrapper-ticker__ticker {
    font-size: 14px;
    line-height: 36px;
    padding: 0 15px
  }
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.hotel:not(:last-child) {
  margin-bottom: 160px
}

@media (max-width:1220px) {
  .hotel:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .hotel:not(:last-child) {
    margin-bottom: 60px
  }
}

.hotel__container {
  max-width: 1528px
}

@media (max-width:991px) {
  .hotel__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .hotel__container {
    padding: 0 10px
  }
}

.hotel__title {
  max-width: 660px;
  margin: 0 auto;
  color: #243E36;
}

.hotel__title:not(:last-child) {
  margin-bottom: 164px
}

@media (max-width:1220px) {
  .hotel__title:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .hotel__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .hotel__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.hotel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:1220px) {
  .hotel__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.hotel__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 743px;
  flex: 0 1 743px;
  height: 743px
}

.hotel__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media (max-width:1440px) {
  .hotel__image {
    height: 680px
  }
}

@media (max-width:1220px) {
  .hotel__image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-bottom: 50%;
    height: auto
  }
}

@media (max-width:650px) {
  .hotel__image {
    padding-bottom: 70%
  }
}

@media (max-width:1220px) {
  .hotel__image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
  }
}

.hotel__columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 700px;
  flex: 0 0 700px;
  background-color: var(--gray-6);
  padding: 80px 40px 40px 40px
}

@media (max-width:1220px) {
  .hotel__columns {
    padding: 40px 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

@media (max-width:991px) {
  .hotel__columns {
    padding: 20px
  }
}

@media (max-width:600px) {
  .hotel__columns {
    padding: 20px 10px
  }
}

.hotel__subtitle {
  color: var(--main)
}

.hotel__subtitle span {
  color: var(--main)
}

.hotel__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .hotel__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.hotel__columns-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 111px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 111px
}

@media (max-width:1440px) {
  .hotel__columns-top {
    gap: 30px
  }
}

@media (max-width:600px) {
  .hotel__columns-top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px
  }
}

.hotel__columns-top:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .hotel__columns-top:not(:last-child) {
    margin-bottom: 20px
  }
}

.hotel__text {
  color: var(--main)
}

.hotel__text:not(:last-child) {
  margin-bottom: 20px
}

.hotel__link {
  color: var(--main)
}

.restorans:not(:last-child) {
  margin-bottom: 160px
}

@media (max-width:1220px) {
  .restorans:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .restorans:not(:last-child) {
    margin-bottom: 60px
  }
}

.restorans__container {
  max-width: none;
  padding: 0
}

.restorans__title {
  max-width: 788px;
  padding: 0 44px;
  margin: 0 auto
}

@media (max-width:991px) {
  .restorans__title {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .restorans__title {
    padding: 0 10px
  }
}

.restorans__title:not(:last-child) {
  margin-bottom: 160px
}

@media (max-width:1220px) {
  .restorans__title:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .restorans__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .restorans__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.restorans-slider:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .restorans-slider:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .restorans-slider:not(:last-child) {
    margin-bottom: 0
  }
}

.restorans-slider {
  overflow: visible;
}

.restorans-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;  
  -webkit-box-direction: normal;  
  -ms-flex-direction: column;  
  flex-direction: column;
  width: 507px;
  height: auto;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

@media (any-hover: hover) {
  .restorans-slider__slide:hover {
    transform: scale(1.03);
  }
}

@media (max-width:1220px) {
  .restorans-slider__slide {
    width: 450px
  }
}

@media (max-width:991px) {
  .restorans-slider__slide {
    width: 350px
  }
}

@media (max-width:600px) {
  .restorans-slider__slide {
    width: 100%
  }
}

@media (max-width:500px) {
  .restorans-slider__title {
    padding: 0 10px
  }
}

.restorans-slider__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .restorans-slider__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-slider__content {
  position: relative;
  /* position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  min-height: 720px
}

.decorative-line {
  max-width: 359px;
  height: 11px;
  width: 100%;
}

.decorative-line img {
  display: block;
  width: 100%;
  height: 100%;
}

.restorans-slider__border {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  /* height: 100%; */
  /* flex: 1; */
  z-index: 2;
  width: 100%;
  padding: 80px 20px 45px 20px;
  border-radius: 10px;
  border: 1px solid var(--white);
}

@media (max-width:1220px) {
  .restorans-slider__content {
    min-height: 600px
  }
}

@media (max-width:991px) {
  .restorans-slider__content {
    /* min-height: 500px; */
    flex: 1;
    /* min-height: 500px; */
    /* height: 100%;  */
  }
  .restorans-slider__border {
    padding: 60px 10px 30px 10px;
  } 
}

@media (max-width:600px) {
  .restorans-slider__content {
    padding: 10px
  }
}

.restorans-slider__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

.restorans-slider__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.restorans-slider__image div {
  position: relative;
  left: -50px
}

.restorans-slider__image div img {
  display: block;
  width: 120%;
  height: 130%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media (max-width:1220px) {
  .restorans-slider__image div img {
    width: 150%
  }
}

.restorans-slider__descr {
  position: relative;
  z-index: 2;
  min-height: 389px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width:991px) { 
  .restorans-slider__descr {
    /* min-height: 330px */
    height: 100%;
  }
}

@media (max-width:768px) {
  .restorans-slider__image div  {
    height: 100%;
    left: 0;
  }

  .restorans-slider__content {
    min-height: auto;
  }

  .restorans-slider__image div img {
    width: 100%
  }
}

@media (max-width:600px) {
  .restorans-slider__descr {
    min-height: 280px
  }
}

.restorans-slider__subtitle {
  color: var(--white);
  text-align: left
}

.restorans-slider__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .restorans-slider__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-slider__text {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.restorans-slider__text:not(:last-child) {
  margin-bottom: 92px
}

@media (max-width:991px) {
  .restorans-slider__text:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .restorans-slider__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-slider__link {
  margin-top: auto
}

.restorans-slider-wrapper-scrollbar {
  height: 6px;
  position: relative
}

.restorans-slider-scrollbar {
  width: 95%;
  height: 1px;
  background-color: var(--l-green);
  border-radius: 5px;
  cursor: pointer;
  margin: 0 auto
}

@media (max-width:600px) {
  .restorans-slider-scrollbar {
    display: none
  }
}

.restorans-slider-scrollbar .swiper-scrollbar-drag {
  height: 1px
}

.restorans-slider-scrollbar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5
}

.restorans__wrapper-slider {
  position: relative;
}

.restorans__controls {
  width: 100%;
}

.wrapper-slider-button {
  position: absolute;
  width: 80px;
  height: 93%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: var(--black-opacity6); */
}

.wrapper-slider-button_prev {
  bottom: 0;
  left: 0;
}

.wrapper-slider-button_prev svg {
  transform: rotate(-180deg) translate(3px, 0px);
}

.wrapper-slider-button_next {
  bottom: 0;
  right: 0;
}

.restorans-slider-next svg {
  transform: translate(3px, 0px);
}

.spa:not(:last-child) {
  margin-bottom: 160px
}

@media (max-width:1220px) {
  .spa:not(:last-child) {
    margin-bottom: 100px
  }

  .wrapper-slider-button {
    height: 91.5%;
  }
}

@media (max-width:991px) {
  .spa:not(:last-child) {
    margin-bottom: 60px
  }

  .wrapper-slider-button {
    height: 93.5%;
  }
}

@media (max-width: 768px) {
  .wrapper-slider-button {
    position: static;
    height: auto;
    width: auto;
    background-color: transparent;
  }

  .restorans__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
}

.wrapper-slider-button_100 {
  height: 100%;
}

.spa__container {
  max-width: 1769px;
  padding: 0 44px
}

@media (max-width:991px) {
  .spa__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .spa__container {
    padding: 0 10px
  }

  .restorans__controls {
    margin-top: 24px;
  }
}

.spa__container_2 {
  max-width: 1923px;
  padding: 0 44px
}

@media (max-width:991px) {
  .spa__container_2 {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .spa__container_2 {
    padding: 0 10px
  }
}

.spa__container:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .spa__container:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .spa__container:not(:last-child) {
    margin-bottom: 40px
  }
}

.spa__title {
  max-width: 700px;
  margin: 0 auto
}

.spa__title a {
  color: inherit;
  text-transform: uppercase;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .spa__title a:hover {
    color: var(--hover)
  }
}

.spa__title a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.spa-bottom__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 73px;
  max-width: 1437px;
  margin: 0 auto
}

@media (max-width:1440px) {
  .spa-bottom__top {
    gap: 40px
  }
}

@media (max-width:1220px) {
  .spa-bottom__top {
    gap: 20px
  }
}

@media (max-width:991px) {
  .spa-bottom__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.spa-bottom__top:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .spa-bottom__top:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .spa-bottom__top:not(:last-child) {
    margin-bottom: 40px
  }
}

.spa-bottom__title {
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 393px;
  flex: 0 0 393px
}

@media (max-width:1440px) {
  .spa-bottom__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 393px;
    flex: 0 1 393px
  }
}

@media (max-width:991px) {
  .spa-bottom__title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.spa-bottom__text_1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 643px;
  flex: 0 1 643px;
  text-align: center
}

@media (max-width:991px) {
  .spa-bottom__text_1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.spa-bottom__text_2 {
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: var(--main)
}

.spa-bottom__text_2:not(:last-child) {
  margin-bottom: 20px
}

.spa-bottom__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr 80px 1fr;
  grid-template: auto/repeat(4, 1fr);
  gap: 40px 80px
}

@media (max-width:1600px) {
  .spa-bottom__list {
    gap: 40px
  }
}

@media (max-width:1440px) {
  .spa-bottom__list {
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template: auto/repeat(3, 1fr);
    gap: 40px 20px
  }
}

@media (max-width:991px) {
  .spa-bottom__list {
    gap: 30px 20px;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template: auto/repeat(2, 1fr)
  }
}

@media (max-width:600px) {
  .spa-bottom__list {
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
    grid-template: auto/1fr;
    gap: 20px
  }
}

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

.spa-bottom__item.active .spa-bottom__image div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.spa-bottom__subtitle {
  min-height: 72px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media (max-width:1220px) {
  .spa-bottom__subtitle {
    min-height: 54px
  }
}

@media (max-width:600px) {
  .spa-bottom__subtitle {
    -webkit-line-clamp: 1;
    min-height: 21px
  }
}

.spa-bottom__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1440px) {
  .spa-bottom__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .spa-bottom__subtitle:not(:last-child) {
    margin-bottom: 10px
  }
}

.spa-bottom__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.spa-bottom__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  padding-bottom: 69%;
  overflow: hidden
}

.spa-bottom__image div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: -webkit-transform .6s ease-in-out;
  -o-transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.spa-bottom__image div img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.spa-bottom__image:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1440px) {
  .spa-bottom__image:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bottom__link {
  color: var(--main)
}

.spa-bottom-sublist {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%
}

.spa-bottom-sublist:not(:last-child) {
  margin-bottom: 20px
}

.spa-bottom-sublist__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.spa-bottom-sublist__item::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5px;
  flex: 0 0 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--main);
  z-index: 1;
  margin-top: 9px
}

.spa-bottom-sublist__text {
  color: var(--main)
}

.wedding:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .wedding:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .wedding:not(:last-child) {
    margin-bottom: 60px
  }
}

.wedding__container {
  max-width: 1882px;
  padding: 0 40px
}

@media (max-width:991px) {
  .wedding__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .wedding__container {
    padding: 0 10px
  }
}

.wedding__title {
  max-width: 665px;
  margin: 0 auto;
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  color: #243E36;
}

@media (max-width:1220px) {
  .wedding__title {
    font-size: 50px;
    line-height: 50px
  }
}

@media (max-width:991px) {
  .wedding__title {
    font-size: 35px;
    line-height: 35px
  }
}

@media (max-width:600px) {
  .wedding__title {
    font-size: 26px;
    line-height: 26px
  }
}

.wedding__title .wedding-span-1 {
  font-family: FiraSans;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--main);
  margin-bottom: 20px
}

@media (max-width:991px) {
  .wedding__title .wedding-span-1 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 12px
  }
}

@media (max-width:600px) {
  .wedding__title .wedding-span-1 {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 5px
  }
}

.wedding__title .wedding-span-2 {
  display: block
}

.wedding__title:not(:last-child) {
  margin-bottom: 10px
}

@media (max-width:600px) {
  .wedding__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.wedding__image {
  position: relative;
  margin: 0 auto;
  width: 59%;
  border-radius: 50%;
  overflow: hidden;
  padding-bottom: 48.4%
}

@media (max-width:600px) {
  .wedding__image {
    width: 95%;
    padding-bottom: 69%
  }
}

.wedding__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.wedding__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 80px
}

@media (max-width:1600px) {
  .wedding__list {
    gap: 40px 60px
  }
}

@media (max-width:991px) {
  .wedding__list {
   display: -ms-grid;
    display: grid;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template: auto/repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px 
  } 
} 

@media (max-width:600px) {
  .wedding__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.wedding__item {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 545px;
  flex: 0 0 545px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* gap: 80px; */
  border: 2px solid #331E14;
  /* background: -o-radial-gradient(50.1% 0, 100% 100%, #a3acab 0, #929695 100%); */
  /* background: radial-gradient(100% 100% at 50.1% 0, #a3acab 0, #929695 100%); */
  border-radius: 10px
}

@media (max-width:1600px) {
  .wedding__item {
    gap: 60px
  }
}

@media (max-width:1220px) {
  .wedding__item {
    gap: 40px
  }
}

@media (max-width:1220px) {
  .wedding__item {
    padding: 20px;
    gap: 20px
  }
}

@media (max-width:600px) {
  .wedding__item {
    padding: 10px
  }
}

.wedding__text {
  /* color: var(--white) */
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.events {
  background-color: var(--gray-4)
}

.events__title span {
  display: block
}

.events__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1920px;
  padding: 0;
  margin: 0 auto
}

@media (max-width:768px) {
  .events__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.events__container_1:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .events__container_1:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .events__container_1:not(:last-child) {
    margin-bottom: 20px
  }
}

.events__title {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
  color: var(--white);
  text-align: left;
  max-width: 600px
}

.events__title span {
  display: block
}

@media (max-width:1220px) {
  .events__title {
    font-size: 32px;
    line-height: 40px
  }
}

@media (max-width:600px) {
  .events__title {
    font-size: 22px;
    line-height: 30px
  }
}

.events__title:not(:last-child) {
  margin-bottom: 64px
}

@media (max-width:1220px) {
  .events__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .events__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .events__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.events__wrapper-form {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 795px;
  flex: 0 1 795px;
  padding: 80px 44px 100px 44px
}

@media (max-width:1220px) {
  .events__wrapper-form {
    padding: 60px 20px
  }
}

@media (max-width:768px) {
  .events__wrapper-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 40px 20px
  }
}

@media (max-width:600px) {
  .events__wrapper-form {
    padding: 40px 10px
  }
}

.events__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 960px;
  flex: 0 1 960px
}

@media (max-width:768px) {
  .events__image {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-bottom: 50%;
    position: relative
  }
}

@media (max-width:600px) {
  .events__image {
    padding-bottom: 80%
  }
}

@media (max-width:400px) {
  .events__image {
    padding-bottom: 100%
  }
}

.events__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.events__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -.04em;
  color: rgba(255, 255, 255, .8)
}

.events__text:not(:last-child) {
  margin-bottom: 16px
}

.events__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .events__text a:hover {
    color: var(--hover)
  }
}

.events__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.events__text span {
  text-decoration: underline
}

.events-form {
  display: block;
  width: 100%;
  gap: 40px 80px
}

@media (max-width:1440px) {
  .events-form {
    gap: 40px
  }
}

@media (max-width:991px) {
  .events-form {
    gap: 20px
  }
}

.events-form:not(:last-child) {
  margin-bottom: 20px
}

.events-form__labels {
  width: 100%
}

.events-form__labels:not(:last-child) {
  margin-bottom: 32px
}

@media (max-width:600px) {
  .events-form__labels:not(:last-child) {
    margin-bottom: 20px
  }
}

.events-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
  max-width: 370px
}

.events-form__label .just-validate-error-label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  color: red !important;
  font-weight: 400
}

@media (max-width:991px) {
  .events-form__label .just-validate-error-label {
    font-size: 12px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .events-form__label .just-validate-error-label {
    font-size: 10px;
    line-height: 14px
  }
}

.events-form__label:not(:last-child) {
  margin-bottom: 32px
}

@media (max-width:991px) {
  .events-form__label:not(:last-child) {
    margin-bottom: 20px
  }
}

.events-form__input {
  display: block;
  width: 100%;
  background-color: transparent;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -.04em;
  height: 46px;
  color: var(--white);
  padding: 0 10px;
  background-color: var(--gray-5);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (max-width:991px) {
  .events-form__input {
    font-size: 20px;
    line-height: 20px
  }
}

@media (max-width:600px) {
  .events-form__input {
    font-size: 18px;
    line-height: 18px
  }
}

.events-form__input.just-validate-error-field {
  background-color: rgba(255, 0, 0, .4)
}

.events-form__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .8)
}

.events-form__input::-moz-placeholder {
  color: rgba(255, 255, 255, .8)
}

.events-form__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, .8)
}

.events-form__input::-ms-input-placeholder {
  color: rgba(255, 255, 255, .8)
}

.events-form__input::placeholder {
  color: rgba(255, 255, 255, .8)
}

@media (any-hover:hover) {
  .events-form__input:hover {
    background-color: var(--hover)
  }
}

.events-form__input:focus-visible {
  background-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.footer {
  position: relative;
  background-color: var(--d-dark);
  padding: 80px 0;
  margin-top: -1px
}

@media (max-width:1220px) {
  .footer {
    padding: 60px 0
  }
}

@media (max-width:600px) {
  .footer {
    padding: 40px 0
  }
}

.footer_none {
  display: none
}

.footer__bottom-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 351px;
  flex: 0 1 351px
}

@media (max-width:900px) {
  .footer__bottom-left {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.footer__pays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 5px;
  width: 100%
}

@media (max-width:1440px) {
  .footer__pays {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media (max-width:900px) {
  .footer__pays {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.footer__pays:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .footer__pays:not(:last-child) {
    margin-bottom: 20px
  }
}

.footer__pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  height: 24px
}

.footer__pay img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.footer__logo {
  display: block;
  margin: 0 auto;
  width: 234px;
  height: 109px
}

@media (max-width:1220px) {
  .footer__logo {
    width: 195px;
    height: 88px
  }
}

@media (max-width:600px) {
  .footer__logo {
    width: 145px;
    height: 67px
  }
}

.footer__logo:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .footer__logo:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .footer__logo:not(:last-child) {
    margin-bottom: 40px
  }
}

.footer__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.footer__title {
  display: block;
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--white)
}

@media (max-width:991px) {
  .footer__title {
    font-size: 26px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .footer__title {
    font-size: 22px;
    line-height: 28px
  }
}

.footer__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .footer__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.footer__list {
  display: -ms-grid;
  display: grid;
  grid-template: auto/repeat(auto-fill, minmax(300px, 1fr));
  gap: 60px 20px
}

@media (max-width:991px) {
  .footer__list {
    gap: 40px 20px
  }
}

@media (max-width:600px) {
  .footer__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px
  }
}

.footer__list:not(:last-child) {
  margin-bottom: 100px
}

@media (max-width:1440px) {
  .footer__list:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .footer__list:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .footer__list:not(:last-child) {
    margin-bottom: 40px
  }
}

.footer__list_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px
}

.footer__list_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .footer__list_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px
}

@media (max-width:1440px) {
  .footer__bottom {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media (max-width:900px) {
  .footer__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
  }
}

@media (max-width:600px) {
  .footer__bottom {
    gap: 20px
  }
}

.footer__bottom:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .footer__bottom:not(:last-child) {
    margin-bottom: 20px
  }
}

.footer__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer__address {
  font-style: normal;
}

.footer-sublist__item_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white)
}

.footer-sublist__item_flex svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white)
}

.footer__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-size: 14px;
  line-height: 14px;
}

.footer__link small {
  font-size: inherit !important;
}

@media (any-hover:hover) {
  .footer__link:hover svg {
    fill: var(--hover)
  }
}

.footer__link:active svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.footer__link svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

.footer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white)
}

.footer__text svg {
  display: block;
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white)
}

.footer__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .footer__text a:hover {
    color: var(--hover)
  }
}

.footer__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.footer__text_2 {
  display: block;
  font-size: 10px;
  line-height: 13px
}

.footer__text_2 span {
  text-decoration: underline
}

.footer__pds {
  display: block;
  font-weight: 400;
  color: var(--white);
  font-size: 10px;
  line-height: 13px
}

.footer__pds:not(:last-child) {
  margin-bottom: 5px
}

.footer__wrapper-form {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 235px;
  flex: 0 0 235px
}

@media (max-width:900px) {
  .footer__wrapper-form {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
  }
}

.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 580px;
  flex: 0 1 580px
}

@media (max-width:900px) {
  .footer__links {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
  }
}

.footer__links-link {
  font-size: 14px;
  line-height: 14px;
  color: var(--white);
  text-transform: none
}

@media (any-hover:hover) {
  .footer__links-link:hover svg {
    fill: var(--hover)
  }
}

.footer__links-link:active svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.developer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white);
  white-space: nowrap
}

@media (max-width:900px) {
  .developer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (any-hover:hover) {
  .developer:hover span {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }

  .developer:hover u {
    border-color: transparent
  }
}

.developer span {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 54px;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.developer span img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.developer u {
  text-decoration: none;
  border-bottom: 1px solid var(--white);
  margin-left: 5px;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.footer-sublist__item:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .footer-sublist__item:not(:last-child) {
    margin-bottom: 10px
  }
}

.footer-sublist__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  text-transform: none;
  color: var(--white);
  font-size: 14px;
  line-height: 14px
}

.footer-sublist__link svg {
  display: block;
  width: 13px;
  height: 13px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.footer-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 10px
}

.footer-form:not(:last-child) {
  margin-bottom: 16px
}

.footer-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%
}

.footer-form__label .just-validate-error-label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  color: red !important;
  font-weight: 400
}

@media (max-width:991px) {
  .footer-form__label .just-validate-error-label {
    font-size: 12px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .footer-form__label .just-validate-error-label {
    font-size: 10px;
    line-height: 14px
  }
}

.footer-form__input {
  display: block;
  height: 30px;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  width: 100%;
  background-color: transparent;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.footer-form__input.just-validate-error-field {
  border-color: red
}

@media (any-hover:hover) {
  .footer-form__input:hover {
    border-color: var(--hover)
  }
}

.footer-form__input:focus-visible {
  border-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.footer-form__input::-webkit-input-placeholder {
  color: var(--white);
  opacity: 1;
  text-transform: uppercase
}

.footer-form__input::-moz-placeholder {
  color: var(--white);
  opacity: 1;
  text-transform: uppercase
}

.footer-form__input:-ms-input-placeholder {
  color: var(--white);
  opacity: 1;
  text-transform: uppercase
}

.footer-form__input::-ms-input-placeholder {
  color: var(--white);
  opacity: 1;
  text-transform: uppercase
}

.footer-form__input::placeholder {
  color: var(--white);
  opacity: 1;
  text-transform: uppercase
}

.footer-form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
  height: 36px;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  border-radius: 50%;
  border: 1px solid var(--l-green)
}

@media (any-hover:hover) {
  .footer-form__button:hover {
    background-color: var(--hover)
  }
}

.footer-form__button:active {
  background-color: var(--active)
}

.footer-form__button span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.footer-form__button span svg {
  display: block;
  width: 8px;
  height: 5px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  -webkit-transform: rotate(-88deg);
  -ms-transform: rotate(-88deg);
  transform: rotate(-88deg);
  fill: var(--white);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.block-restaraunt {
  position: relative;
  /* margin-top: 24px;  */
  background-size: cover;
  background-position: center;
}

.block-restaraunt:not(:last-child) {
  margin-bottom: 100px
}

@media (max-width:991px) {
  .block-restaraunt:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:600px) {
  .block-restaraunt:not(:last-child) {
    margin-bottom: 60px
  }
}

.block-restaraunt__container {
  position: relative;
  z-index: 3;
  max-width: 1679px;
  padding: 0 44px
}

@media (max-width:991px) {
  .block-restaraunt__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .block-restaraunt__container {
    padding: 0 10px
  }
}

.block-restaraunt__content {
  min-height: 840px;
  padding: 91px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width:991px) {
  .block-restaraunt__content {
    min-height: 600px;
    padding: 60px 0
  }
}

@media (max-width:600px) {
  .block-restaraunt__content {
    min-height: 450px
  }
}

.block-restaraunt__title {
  text-align: left;
  opacity: 0;
  line-height: .8
}

.block-restaraunt__title span {
  display: block
}

@media (max-width:1024px) {
  .block-restaraunt__title {
    opacity: 1
  }
}

.block-restaraunt__title:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .block-restaraunt__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .block-restaraunt__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-restaraunt__texts {
  max-width: 820px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px
}

@media (max-width:600px) {
  .block-restaraunt__texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.block-restaraunt__descr {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 513px;
  flex: 0 1 513px
}

@media (max-width:600px) {
  .block-restaraunt__descr {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.block-restaraunt__text {
  opacity: 0
}

.block-restaraunt__text:not(:last-child) {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .block-restaraunt__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-restaraunt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(13.35%, rgba(0, 0, 0, .8)), color-stop(73.91%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, .8) 13.35%, rgba(0, 0, 0, 0) 73.91%);
  background: linear-gradient(90deg, rgba(0, 0, 0, .8) 13.35%, rgba(0, 0, 0, 0) 73.91%);
  z-index: 2
}

.buy {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  height: 156px;
  -webkit-animation-name: buy;
  animation-name: buy;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@media (max-width:991px) {
  .buy {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    height: 130px
  }
}

@media (max-width:600px) {
  .buy {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 90px;
    height: 90px;
    display: none !important;
  }
}

@media (any-hover:hover) {
  .buy:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
  }
}

.buy_2 {
  width: 156px;
  height: 156px
}

@media (max-width:991px) {
  .buy_2 {
    width: 130px;
    height: 130px
  }
}

@media (max-width:600px) {
  .buy_2 {
    width: 90px;
    height: 90px
  }
}

.buy img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.wrapper-buy {
  position: fixed;
  bottom: 20px;
  left: 10px;
  z-index: 50;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 156px;
  flex: 0 0 156px;
  height: 156px
}

.wrapper-buy.wrapper-buy-page {
  display: none;
}

.wrapper-buy.wrapper-buy-page.active {
  display: block;
}

@media (max-width:991px) {
  .wrapper-buy {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    height: 100px;
  }

  .wrapper-buy.wrapper-buy-page {
    display: none !important;
  }

  .wrapper-buy.wrapper-buy-page.active {
    display: none !important;
  }
}

@media (max-width:600px) {
  .wrapper-buy {
    width: 60px;
    height: 60px;
    bottom: 10px;
    left: 5px
  }
}

.block-restaraunt-buy {
  width: 100%;
  height: 100%
}

@-webkit-keyframes buy {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes buy {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.restaraunt-about {
  position: relative
}

.restaraunt-about:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .restaraunt-about:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .restaraunt-about:not(:last-child) {
    margin-bottom: 60px
  }
}

.restaraunt-about__container {
  max-width: 1693px;
  padding: 0 44px
}

@media (max-width:991px) {
  .restaraunt-about__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .restaraunt-about__container {
    padding: 0 10px
  }
}

.restaraunt-about__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1220px) {
  .restaraunt-about__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.restaraunt-about__left {
  background-color: var(--gray-6);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 824px;
  flex: 0 0 824px;
  padding: 80px 112px 80px 137px;
  margin: 30px 0
}

@media (max-width:1440px) {
  .restaraunt-about__left {
    padding: 80px 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 600px;
    flex: 0 0 600px
  }
}

@media (max-width:1220px) {
  .restaraunt-about__left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding: 40px 20px;
    margin: 0
  }
}

@media (max-width:600px) {
  .restaraunt-about__left {
    padding: 30px 10px
  }
}

.restaraunt-about__title {
  color: var(--main)
}

.restaraunt-about__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1220px) {
  .restaraunt-about__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.restaraunt-about__subtitle {
  color: var(--main)
}

.restaraunt-about__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .restaraunt-about__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.restaraunt-about__descr:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .restaraunt-about__descr:not(:last-child) {
    margin-bottom: 20px
  }
}

.restaraunt-about__text {
  color: var(--main)
}

.restaraunt-about__text:not(:last-child) {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .restaraunt-about__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.restaraunt-about__link {
  color: var(--main)
}

.restaraunt-about__right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 781px;
  flex: 0 1 781px;
  min-height: 792px
}

@media (max-width:1220px) {
  .restaraunt-about__right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: auto;
    position: relative;
    width: 100%;
    padding-bottom: 50%
  }
}

@media (max-width:600px) {
  .restaraunt-about__right {
    padding-bottom: 70%
  }
}

@media (max-width:1220px) {
  .restaraunt-about__right img {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100% */
  }
}

.restaraunt-about__right img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.wef {
  position: relative
}

.wef:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .wef:not(:last-child) {
    margin-bottom: 60px
  }
}

.wef__container {
  max-width: 1523px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px 20px
}

@media (max-width:1220px) {
  .wef__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media (max-width:991px) {
  .wef__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .wef__container {
    padding: 0 10px;
    gap: 20px
  }
}

.wef__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 751px;
  flex: 0 1 751px;
  padding-bottom: 38%
}

@media (max-width:1220px) {
  .wef__image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

@media (max-width:768px) {
  .wef__image {
    padding-bottom: 73%
  }
}

.wef__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.wef__title:not(:last-child) {
  margin-bottom: 16px
}

.wef__subtitle {
  max-width: 370px
}

.wef__subtitle:not(:last-child) {
  margin-bottom: 20px
}

.wef__descr {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 576px;
  flex: 0 1 576px;
  padding-top: 40px
}

@media (max-width:1220px) {
  .wef__descr {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-top: 0
  }
}

.wef__text {
  color: var(--main)
}

.wef__text:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .wef__text:not(:last-child) {
    margin-bottom: 10px
  }
}

.menu-restaraunt {
  position: relative
}

.menu-restaraunt_2 {
  /* padding-top: 80px; */
  padding-bottom: 100px;
}

@media (max-width:991px) {
  .menu-restaraunt_2 {
    /* padding-top: 60px; */
    padding-bottom: 80px;
  }
}

@media (max-width:600px) {
  .menu-restaraunt_2 {
    /* padding-top: 40px; */
    padding-bottom: 60px;
  }
}

.menu-restaraunt:not(:last-child) {
  margin-bottom: 120px
}


@media (max-width:1220px) {
  .menu-restaraunt:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .menu-restaraunt:not(:last-child) {
    margin-bottom: 60px
  }
}

.menu-restaraunt__container {
  max-width: 1693px
}

.menu-restaraunt__title {
  text-transform: uppercase
}

.menu-restaraunt-title {
  text-transform: uppercase
}

.menu-restaraunt__title:not(:last-child) {
  margin-bottom: 120px
}

.menu-restaraunt__title_2:not(:last-child) {
  margin-bottom: 80px
}

.menu-restaraunt-title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .menu-restaraunt__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .menu-restaraunt__title:not(:last-child) {
    margin-bottom: 40px
  }

  .menu-restaraunt__title_2:not(:last-child) {
    margin-bottom: 40px
  }

  .menu-restaraunt-title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .menu-restaraunt__title:not(:last-child) {
    margin-bottom: 20px
  }

  .menu-restaraunt__title_2:not(:last-child) {
    margin-bottom: 40px
  }

  .menu-restaraunt-title:not(:last-child) {
    margin-bottom: 40px
  }
}

.controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%
}

@media (max-width:600px) {
  .controls {
    gap: 5px
  }
}

.controls_2 {
  display: none
}

@media (max-width:1024px) {
  .controls_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.controls_3 {
  position: absolute;
  bottom: 40px;
  right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  z-index: 10
}

.controls_3 .controls__button {
  color: var(--white);
}

@media (max-width:991px) {
  .controls_3 {
    bottom: 20px;
    right: 20px
  }
}

@media (max-width:600px) {
  .controls_3 {
    bottom: 15px;
    right: 15px
  }
}

.controls_4 {
  display: none;
  padding: 0 10px
}

@media (max-width:600px) {
  .controls_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.controls_5 {
  display: none;
  padding: 0 10px
}

@media (max-width:991px) {
  .controls_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.controls__button {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -.04em;
  color: var(--main);
  text-transform: uppercase;
  -webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, color .3s ease-in-out;
  transition: opacity .3s ease-in-out, color .3s ease-in-out
}

@media (max-width:600px) {
  .controls__button {
    font-size: 14px;
    line-height: 20px
  }
}

@media (any-hover:hover) {
  .controls__button:hover {
    color: var(--hover)
  }

  .controls__button:hover span {
    color: var(--main) !important
  }
}

.controls__button:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.photo {
  display: none !important;
}

.photo .controls__button:active span {
  color: var(--main) !important
}

.photo .controls_3 .controls__button span {
  color: var(--white) !important;
}

.controls__button.swiper-button-disabled {
  opacity: .7;
  pointer-events: none
}

.menu-restaraunt-slider {
  width: 100%;
  padding: 34px 0;
  min-height: 343px;
}

.menu-restaraunt-slider_2 {
  overflow: visible;
}

@media (max-width:991px) {
  .menu-restaraunt-slider {
    padding: 20px 0;
    min-height: 315px
  }

  .menu-restaraunt-slider_2 {
    overflow: hidden;
  }
}

@media (max-width:600px) {
  .menu-restaraunt-slider {
    padding: 10px 0;
    min-height: 295px
  }
}

.menu-restaraunt-slider__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template: auto/repeat(4, 1fr);
  gap: 80px 40px
}

@media (max-width:1600px) {
  .menu-restaraunt-slider__wrapper {
    gap: 40px 20px
  }
}

@media (max-width:1220px) {
  .menu-restaraunt-slider__wrapper {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[3];
    grid-template: auto/repeat(3, 1fr)
  }
}

@media (max-width:1024px) {
  .menu-restaraunt-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0
  }
}

.menu-restaraunt-slider__slide {
  position: relative
}

@media (max-width:1024px) {
  .menu-restaraunt-slider__slide {
    width: 300px
  }
}

@media (max-width:400px) {
  .menu-restaraunt-slider__slide {
    width: 100%
  }
}

.menu-restaraunt-slider__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.menu-restaraunt-slider__num {
  display: block
}

.menu-restaraunt-slider__num:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .menu-restaraunt-slider__num:not(:last-child) {
    margin-bottom: 10px
  }
}

.menu-restaraunt-slider__title {
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .menu-restaraunt-slider__title:hover {
    color: var(--hover)
  }
}

.menu-restaraunt-slider__title:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.menu-restaraunt-slider__title:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .menu-restaraunt-slider__title:not(:last-child) {
    margin-bottom: 10px
  }
}

.menu-restaraunt-slider__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 488px
}

@media (max-width:991px) {
  .menu-restaraunt-slider__bottom {
    height: 400px
  }
}

@media (max-width:600px) {
  .menu-restaraunt-slider__bottom {
    height: 300px
  }
}

@media (any-hover:hover) {
  .menu-restaraunt-slider__bottom:hover .menu-restaraunt-slider__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.menu-restaraunt-slider__icon {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  width: 64px;
  height: 64px;
  z-index: 1;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width:1440px) {
  .menu-restaraunt-slider__icon {
    width: 54px;
    height: 54px
  }
}

@media (max-width:991px) {
  .menu-restaraunt-slider__icon {
    width: 44px;
    height: 44px;
    bottom: 15px;
    left: 15px
  }
}

@media (max-width:600px) {
  .menu-restaraunt-slider__icon {
    width: 32px;
    height: 32px;
    bottom: 10px;
    left: 10px
  }
}

.menu-restaraunt-slider__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.menu-restaraunt-slider__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.menu-restaraunt-slider__image {
  width: 100%;
  height: 100%
}

.menu-restaraunt-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.like {
  position: relative
}

.like_eco {
  z-index: 10
}

.like:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .like:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .like:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .like:not(:last-child) {
    margin-bottom: 60px
  }
}

.like__container {
  max-width: 1867px;
  padding: 0 44px
}

@media (max-width:991px) {
  .like__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .like__container {
    padding: 0 10px
  }
}

.like__title {
  max-width: 700px;
  opacity: 0;
  margin: 0 auto;
  text-transform: uppercase;
  color: #243E36;
}

@media (max-width:1024px) {
  .like__title {
    opacity: 1
  }
}

.like__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .like__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .like__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .like__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.likes-slider {}

.likes-slider__link {
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}

.likes-slider__link div {
  position: absolute; 
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -35px;
}

@media (max-width: 1220px) {
  .likes-slider__link div { 
    bottom: -15px;
  }
}

.likes-slider__supreme {
  padding: 30px 20px 20px 20px;
  margin-bottom: auto;
  border-radius: 10px;
  border: 1px solid #243E36;
border-radius: 10px;
  backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.5);
}

.likes-slider__text_border {
  padding: 16px 40px;
  border-radius: 10px;
  border: 1px solid var(--white);
  height: auto !important;
}

@media (max-width: 991px) {
  .likes-slider__supreme {
    padding: 20px 10px;
  }
  .likes-slider__link div { 
    bottom: -5px;
  }
  .likes-slider__text_border {
    padding: 10px;
  }
}

@media (max-width: 600px) {}

.likes-slider__absolute {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.likes-slider:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .likes-slider:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .likes-slider:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .likes-slider:not(:last-child) {
    margin-bottom: 20px
  }
}

.likes-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  width: 566px
}

@media (max-width:1440px) {
  .likes-slider__slide {
    width: 500px
  }
}

@media (max-width:991px) {
  .likes-slider__slide {
    width: 400px
  }
}

@media (max-width:600px) {
  .likes-slider__slide {
    width: 300px
  }
}

@media (max-width:400px) {
  .likes-slider__slide {
    width: 100%
  }
}

.likes-slider__index {
  display: block
}

.likes-slider__index:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .likes-slider__index:not(:last-child) {
    margin-bottom: 20px
  }
}

.likes-slider__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.likes-slider__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.likes-slider__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

.likes-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.likes-slider__descr {
  padding: 60px 32px 80px 32px;
  /* position: relative; */
  z-index: 2;
  min-height: 782px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width:1440px) {
  .likes-slider__descr {
    min-height: 650px
  }
}

@media (max-width:1220px) {
  .likes-slider__descr {
    padding: 40px 20px
  }
}

@media (max-width:991px) {
  .likes-slider__descr {
    min-height: 550px;
    padding: 30px 10px
  }
}

@media (max-width:600px) {
  .likes-slider__descr {
    min-height: 450px
  }
}

.likes-slider__title {
  color: var(--white)
}

.likes-slider__text {
  color: var(--white);
  font-style: normal
}

.likes-slider__text_span span {
  display: block;
}

.likes-slider__text_1 { 
  /* max-width: 367px; */
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center; 
  -ms-flex-pack: center; 
  justify-content: center;
  padding: 10px 40px;
  gap: 10px;
  margin-left: auto;
  margin-right: auto;
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #243E36;
  border-radius: 50px;
} 

@media (max-width:991px) {
  .likes-slider__text_1 {
    max-width: none
  }
}

.likes-slider__text_1 span {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 1;
  color: #fff
}  

@media (max-width:600px) {
  .likes-slider__text_1 span {
    font-size: 40px;
    line-height: 40px
  }
}

.likes-slider__text_1:not(:last-child) {
  margin-bottom: 20px
}

.likes-slider__text_2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%
}

.likes-slider__text_2:not(:last-child) {
  margin-bottom: 100px
}

@media (max-width:1220px) {
  .likes-slider__text_2:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .likes-slider__text_2:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .likes-slider__text_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.likes-slider__descr-bottom {
  min-height: 430px;
  margin-top: auto;
  /* max-width: 423px; */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

@media (max-width:991px) {
  .likes-slider__descr-bottom {
    min-height: auto;
    height: 100%;
  }
}

@media (max-width:600px) {
  .likes-slider__descr-bottom {
    min-height: 200px
  }
}

.likes-slider__title span {
  display: block
}

.likes-slider__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .likes-slider__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.new-year {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  font-variant: 400;
  background-color: var(--l-green);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  left: 10px;
  border: 2px solid var(--white);
  z-index: 50;
  padding: 5px 8px;
  text-align: center;
  -webkit-animation-name: upper;
  animation-name: upper;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out
}

.new-year_2 {
  bottom: 185px;
}

.upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  line-height: 14px;
  color: var(--white);
  font-variant: 400;
  background-color: var(--l-green);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 2px solid var(--white);
  z-index: 50;
  opacity: 0;
  padding: 5px;
  visibility: hidden;
  -webkit-animation-name: upper;
  animation-name: upper;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out
}

.welcome-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  line-height: 14px;
  color: var(--white);
  font-variant: 400;
  background-color: var(--l-green);
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 110px;
  right: 20px;
  border: 2px solid var(--white);
  z-index: 50;
  padding: 5px;
  cursor: pointer;
  -webkit-animation-name: upper2;
  animation-name: upper2;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
}

@media (max-width:991px) {
  .upper {
    width: 60px;
    height: 60px;
    bottom: 10px;
    right: 10px;
  }

  .new-year {
    width: 80px;
    height: 80px;
    font-size: 10px;
    bottom: 10px;
    left: 10px;
  }

  .new-year_2 {
    bottom: 10px;
  }

  .welcome-btn {
    bottom: 85px;
    right: 10px;
    width: 70px;
    height: 70px;
    padding-bottom: 10px;
    line-height: 10px;
  }
}

@media (max-width:600px) {
  .upper {
    width: 45px;
    height: 45px;
    font-size: 8px;
    line-height: 12px;
    display: none;
    bottom: 5px;
    right: 5px;
  }

  .new-year {
    bottom: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
    font-size: 8px;
  }

  .new-year_2 {
    left: 5px;
    bottom: 5px;
  }

  .welcome-btn {
    width: 55px;
    height: 55px;
    bottom: 5px;
    right: 5px;
    display: flex;
    font-size: 8px;
    line-height: 10px;
    padding-bottom: 8px;
  }
}

.upper.active {
  opacity: 1;
  visibility: visible
}

@media (any-hover:hover) {
  .upper:hover {
    background-color: var(--d-pink)
  }

  .welcome-btn:hover {
    background-color: var(--d-pink)
  }

  .new-year:hover {
    background-color: var(--d-pink)
  }
}

.upper:active {
  background-color: var(--d-pink);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.welcome-btn:active {
  background-color: var(--d-pink);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

@-webkit-keyframes upper {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  40% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
  }

  75% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes upper {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  40% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
  }

  75% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes upper2 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  40% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
  }

  75% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes upper2 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  40% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
  }

  75% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.okay {
  overflow-y: auto;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.okay.active {
  opacity: 1;
  visibility: visible
}

.okay__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent
}

.okay__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--light);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (max-width:991px) {
  .okay__exit {
    width: 40px;
    height: 40px
  }
}

@media (max-width:600px) {
  .okay__exit {
    width: 36px;
    height: 36px
  }
}

@media (any-hover:hover) {
  .okay__exit:hover {
    background-color: var(--white)
  }
}

.okay__exit:active {
  background-color: var(--l-green);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.okay__exit:active span::before {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.okay__exit:active span::after {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.okay__exit span {
  position: relative;
  display: block;
  width: 20px;
  height: 30px
}

.okay__exit span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  transform: rotate(45deg) translate(10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.okay__exit span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  -ms-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.okay__body {
  position: relative;
  width: 500px;
  background-color: var(--white);
  padding: 50px;
  z-index: 2
}

@media (max-width:600px) {
  .okay__body {
    width: 95%;
    padding: 40px 15px
  }
}

.okay__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: var(--l-green)
}

@media (max-width:991px) {
  .okay__icon {
    width: 100px;
    height: 100px
  }
}

@media (max-width:600px) {
  .okay__icon {
    width: 80px;
    height: 80px
  }
}

.okay__icon span {
  display: block;
  width: 25px;
  -webkit-transform: rotate(-140deg) translate(2px, 6px);
  -ms-transform: rotate(-140deg) translate(2px, 6px);
  transform: rotate(-140deg) translate(2px, 6px);
  height: 40px;
  border-top: 4px solid var(--white);
  border-left: 4px solid var(--white)
}

@media (max-width:600px) {
  .okay__icon span {
    -webkit-transform: rotate(-140deg) translate(2px, 5px);
    -ms-transform: rotate(-140deg) translate(2px, 5px);
    transform: rotate(-140deg) translate(2px, 5px);
    width: 20px;
    height: 34px
  }
}

.okay__icon:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:600px) {
  .okay__icon:not(:last-child) {
    margin-bottom: 30px
  }
}

.okay__title {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .okay__title {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .okay__title {
    font-size: 22px
  }
}

.item {
  margin-bottom: 5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: 1rem auto auto 1fr auto;
  grid-template-rows: 1rem auto auto 1fr auto
}

.item__title {
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-weight: 300;
  font-size: 2rem;
  margin-bottom: .5rem
}

.item__img {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 500/333
}

.item__img-inner {
  background-position: 50% 45%;
  background-size: cover;
  width: 100%;
  height: 100%
}

.item__desc {
  margin-top: 2.5rem;
  line-height: 1.1
}

.item__link {
  cursor: pointer;
  text-transform: lowercase;
  width: 100%;
  padding: 1rem;
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 2rem;
  text-align: center
}

.item__link:hover {
  background: var(--color-text);
  border-color: var(--color-text);
  color: var(--color-text-alt)
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  pointer-events: none;
  -ms-grid-rows: (1fr)[2];
  grid-template-rows: repeat(2, 1fr)
}

.overlay__row {
  background: var(--color-overlay);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  will-change: transform
}

.overlay__row:first-child {
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0
}

.overlay__row:last-child {
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.previews {
  position: relative;
  grid-area: content;
  pointer-events: none
}

.preview {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: var(--color-text-alt)
}

.preview--current {
  opacity: 1;
  pointer-events: auto
}

.preview__img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-area: 1/1/2/-1;
  width: 100%;
  min-height: 200px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(-101%);
  -ms-transform: translateY(-101%);
  transform: translateY(-101%);
  pointer-events: none;
  will-change: transform
}

.preview__img-inner {
  background-position: 50% 35%;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
  will-change: transform
}

.preview__title {
  margin: 2rem 0;
  line-height: .7;
  font-size: clamp(2rem, 18vw, 15rem);
  white-space: nowrap;
  font-family: kudryashev-d-excontrast-sans, sans-serif;
  font-weight: 300;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-area: 1/1/2/-1
}

.preview__title span {
  line-height: .7;
  padding-top: 3%
}

.preview__column p {
  line-height: 1.1;
  opacity: 0
}

.preview__column>span {
  display: block
}

.preview__column-title {
  font-weight: 300;
  margin-top: 0;
  font-size: 1rem
}

.preview__column-title:not(.preview__column-title--main) {
  color: var(--color-column-title)
}

.preview__column--start {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/3/3
}

.preview__column:not(.preview__column--start) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/span 2
}

.preview__back {
  margin: 2rem auto;
  stroke: var(--color-link-alt);
  cursor: pointer;
  fill: none;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 3/1/4/2;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-grid-row-align: end;
  align-self: end
}

.preview__back:hover {
  stroke: var(--color-link-hover-alt)
}

.rewiews-spa {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 55;
  background-color: transparent;
  opacity: 0;
  visibility: hidden
}

.rewiews-spa.active .rewiews-spa__button {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item {
  width: 100vw;
  height: 100vh;
  padding: 0 44px;
  display: none
}

@media (max-width:991px) {
  .rewiews-spa__item {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .rewiews-spa__item {
    padding: 0 10px
  }
}

.rewiews-spa__item.spa-item-active {
  display: block
}

.rewiews-spa__item.spa-item-active .rewiews-spa__image {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item.spa-item-active .rewiews-spa__title {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item.spa-item-active .rewiews-spa__subtitle {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item.spa-item-active .rewiews-spa__bottom-item {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item.spa-item-active .rewiews-spa__exit {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__item.spa-item-active .rewiews-spa__link {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rewiews-spa__row {
  position: fixed;
  background-color: var(--black);
  z-index: 1
}

.rewiews-spa__row_1 {
  top: 0;
  left: 0;
  width: 100vw;
  height: 0
}

.rewiews-spa__row_2 {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 0
}

.rewiews-spa__body {
  position: relative;
  z-index: 2;
  padding: 60px 0
}

@media (max-width:991px) {
  .rewiews-spa__body {
    padding: 30px 0
  }
}

.rewiews-spa__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-height: 650px
}

@media (max-width:1440px) {
  .rewiews-spa__top {
    min-height: 450px
  }
}

@media (max-width:1220px) {
  .rewiews-spa__top {
    min-height: 350px
  }
}

@media (max-width:600px) {
  .rewiews-spa__top {
    min-height: 250px
  }
}

.rewiews-spa__top:not(:last-child) {
  margin-bottom: 40px
}

.rewiews-spa__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
  z-index: 1;
  -webkit-animation-name: rewiewsSpaImage;
  animation-name: rewiewsSpaImage;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__image.reboot-anim {
  -webkit-animation-name: rewiewsSpaImageReboot;
  animation-name: rewiewsSpaImageReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.rewiews-spa__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, .2)
}

.rewiews-spa__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.rewiews-spa__title {
  width: 100%;
  position: relative;
  z-index: 2;
  font-family: AfjatTrends;
  font-size: 72px;
  line-height: 1.3;
  text-align: center;
  font-weight: 300;
  color: var(--white);
  padding: 0 20px;
  opacity: 0;
  -webkit-transform: translateY(-2%);
  -ms-transform: translateY(-2%);
  transform: translateY(-2%);
  -webkit-animation-name: rewiewsSpaTitle;
  animation-name: rewiewsSpaTitle;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__title.reboot-anim {
  -webkit-animation-name: rewiewsSpaTitleReboot;
  animation-name: rewiewsSpaTitleReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

@media (max-width:1440px) {
  .rewiews-spa__title {
    font-size: 62px
  }
}

@media (max-width:1220px) {
  .rewiews-spa__title {
    font-size: 52px
  }
}

@media (max-width:991px) {
  .rewiews-spa__title {
    padding: 0 15px;
    font-size: 42px
  }
}

@media (max-width:600px) {
  .rewiews-spa__title {
    padding: 0 10px;
    font-size: 28px
  }
}

.rewiews-spa__bottom-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:850px) {
  .rewiews-spa__bottom-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:600px) {
  .rewiews-spa__bottom-content {
    gap: 20px
  }
}

.rewiews-spa__bottom-content:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .rewiews-spa__bottom-content:not(:last-child) {
    margin-bottom: 40px
  }
}

.rewiews-spa__bottom-item_1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template: auto/repeat(2, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px 20px;
  opacity: 0;
  -webkit-animation-name: rewiewsSpaBottomItem;
  animation-name: rewiewsSpaBottomItem;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__bottom-item_1.reboot-anim {
  -webkit-animation-name: rewiewsSpaBottomItemReboot;
  animation-name: rewiewsSpaBottomItemReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

@media (max-width:850px) {
  .rewiews-spa__bottom-item_1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width:600px) {
  .rewiews-spa__bottom-item_1 {
    gap: 20px
  }
}

.rewiews-spa__bottom-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 30px 24px
}

@media (max-width:850px) {
  .rewiews-spa__bottom-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media (max-width:600px) {
  .rewiews-spa__bottom-footer {
    gap: 20px
  }
}

.rewiews-spa__subtitle {
  font-family: AfjatTrends;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 300;
  color: var(--white);
  opacity: 0;
  -webkit-animation-name: rewiewsSpaSubtitle;
  animation-name: rewiewsSpaSubtitle;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__subtitle.reboot-anim {
  -webkit-animation-name: rewiewsSpaSubtitleReboot;
  animation-name: rewiewsSpaSubtitleReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.rewiews-spa__subtitle span {
  display: block
}

@media (max-width:991px) {
  .rewiews-spa__subtitle {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .rewiews-spa__subtitle {
    font-size: 22px
  }
}

.rewiews-spa__subtitle:not(:last-child) {
  margin-bottom: 20px
}

.rewiews-spa__image-wtor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: transparent
}

.rewiews-spa__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  opacity: 0;
  -webkit-animation-name: rewiewsSpaExit;
  animation-name: rewiewsSpaExit;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__exit.reboot-anim {
  -webkit-animation-name: rewiewsSpaExitReboot;
  animation-name: rewiewsSpaExitReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

@media (max-width:991px) {
  .rewiews-spa__exit {
    width: 90px
  }
}

@media (max-width:600px) {
  .rewiews-spa__exit {
    width: 60px
  }
}

@media (any-hover:hover) {
  .rewiews-spa__exit:hover::before {
    border-color: var(--hover)
  }

  .rewiews-spa__exit:hover::after {
    background-color: var(--hover)
  }
}

.rewiews-spa__exit:active::before {
  border-color: var(--hover);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.rewiews-spa__exit:active::after {
  background-color: var(--hover);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.rewiews-spa__exit::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

@media (max-width:991px) {
  .rewiews-spa__exit::before {
    width: 12px;
    height: 12px
  }
}

@media (max-width:600px) {
  .rewiews-spa__exit::before {
    width: 10px;
    height: 10px
  }
}

.rewiews-spa__exit::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--white);
  margin-left: -17px;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (max-width:991px) {
  .rewiews-spa__exit::after {
    margin-left: -14px
  }
}

@media (max-width:600px) {
  .rewiews-spa__exit::after {
    margin-left: -12px
  }
}

.rewiews-spa__text {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 300;
  color: var(--white)
}

@media (max-width:991px) {
  .rewiews-spa__text {
    font-size: 16px
  }
}

@media (max-width:600px) {
  .rewiews-spa__text {
    font-size: 14px
  }
}

.rewiews-spa__text_mmrg:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .rewiews-spa__text_mmrg:not(:last-child) {
    margin-bottom: 20px;
  }
}

.rewiews-spa__wrapper-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.rewiews-spa__wrapper-button_1 {
  left: 30px
}

@media (max-width:1440px) {
  .rewiews-spa__wrapper-button_1 {
    left: 15px
  }
}

@media (max-width:600px) {
  .rewiews-spa__wrapper-button_1 {
    left: 0
  }
}

.rewiews-spa__wrapper-button_2 {
  right: 30px
}

@media (max-width:1440px) {
  .rewiews-spa__wrapper-button_2 {
    right: 15px
  }
}

@media (max-width:600px) {
  .rewiews-spa__wrapper-button_2 {
    right: 0;
    top: 50.2%
  }
}

.rewiews-spa__button {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: var(--l-green);
  border-radius: 50%;
  padding: 5px;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.rewiews-spa__button.disabled {
  background-color: var(--dark);
  pointer-events: none
}

.rewiews-spa__button::before {
  content: "";
  width: 15px;
  height: 15px;
  border-left: 3px solid var(--white);
  border-top: 3px solid var(--white)
}

@media (max-width:1220px) {
  .rewiews-spa__button::before {
    width: 12px;
    height: 12px
  }
}

@media (max-width:768px) {
  .rewiews-spa__button::before {
    width: 9px;
    height: 9px
  }
}

.rewiews-spa__button.rewiews-spa-prev::before {
  -webkit-transform: rotate(-45deg) translate(2px, 2px);
  -ms-transform: rotate(-45deg) translate(2px, 2px);
  transform: rotate(-45deg) translate(2px, 2px)
}

@media (max-width:1220px) {
  .rewiews-spa__button.rewiews-spa-prev::before {
    -webkit-transform: rotate(-45deg) translate(1px, 2px);
    -ms-transform: rotate(-45deg) translate(1px, 2px);
    transform: rotate(-45deg) translate(1px, 2px)
  }
}

.rewiews-spa__button.rewiews-spa-next::before {
  -webkit-transform: rotate(133deg) translate(2px, 2px);
  -ms-transform: rotate(133deg) translate(2px, 2px);
  transform: rotate(133deg) translate(2px, 2px)
}

@media (max-width:1220px) {
  .rewiews-spa__button.rewiews-spa-next::before {
    -webkit-transform: rotate(133deg) translate(2px, 1px);
    -ms-transform: rotate(133deg) translate(2px, 1px);
    transform: rotate(133deg) translate(2px, 1px)
  }
}

@media (max-width:768px) {
  .rewiews-spa__button.rewiews-spa-next::before {
    -webkit-transform: rotate(133deg) translate(1px, 1px);
    -ms-transform: rotate(133deg) translate(1px, 1px);
    transform: rotate(133deg) translate(1px, 1px)
  }
}

.rewiews-spa__button.disabled {
  opacity: .6;
  pointer-events: none
}

@media (max-width:1220px) {
  .rewiews-spa__button {
    width: 45px;
    height: 45px
  }
}

@media (max-width:768px) {
  .rewiews-spa__button {
    width: 35px;
    height: 35px
  }
}

@media (any-hover:hover) {
  .rewiews-spa__button:hover {
    background-color: var(--hover-2)
  }
}

.rewiews-spa__button:active {
  background-color: var(--active-4);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.rewiews-spa__link {
  opacity: 0;
  -webkit-animation-name: rewiewsSpaLink;
  animation-name: rewiewsSpaLink;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.rewiews-spa__link.reboot-anim {
  -webkit-animation-name: rewiewsSpaLinkReboot;
  animation-name: rewiewsSpaLinkReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.rewiews-spa-nums {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10;
  background-color: var(--l-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  opacity: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

@media (max-width:991px) {
  .rewiews-spa-nums {
    top: 15px;
    left: 15px
  }
}

@media (max-width:600px) {
  .rewiews-spa-nums {
    top: 10px;
    left: 10px;
    padding: 8px 10px
  }
}

.rewiews-spa-nums span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: var(--white)
}

@media (max-width:991px) {
  .rewiews-spa-nums span {
    font-size: 18px
  }
}

@media (max-width:600px) {
  .rewiews-spa-nums span {
    font-size: 16px
  }
}

@-webkit-keyframes rewiewsSpaImage {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes rewiewsSpaImage {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes rewiewsSpaImageReboot {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
}

@keyframes rewiewsSpaImageReboot {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
}

@-webkit-keyframes rewiewsSpaTitle {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes rewiewsSpaTitle {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes rewiewsSpaTitleReboot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%)
  }
}

@keyframes rewiewsSpaTitleReboot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%)
  }
}

@-webkit-keyframes rewiewsSpaBottomItem {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes rewiewsSpaBottomItem {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes rewiewsSpaBottomItemReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes rewiewsSpaBottomItemReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes rewiewsSpaSubtitle {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes rewiewsSpaSubtitle {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes rewiewsSpaSubtitleReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes rewiewsSpaSubtitleReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes rewiewsSpaExit {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes rewiewsSpaExit {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes rewiewsSpaExitReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes rewiewsSpaExitReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.block-hotel {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .block-hotel {
    /* padding-top: 40px */
  }
}

.block-hotel:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .block-hotel:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .block-hotel:not(:last-child) {
    margin-bottom: 60px
  }
}



@media (max-width: 991px) {
  .block-hotel__content {
    margin-top: 30px;
  }
}

.block-hotel__container {
  max-width: 1721px;
  padding: 0 44px
}

@media (max-width:991px) {
  .block-hotel__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .block-hotel__container {
    padding: 0 10px
  }
}

.block-hotel__title {
  margin-top: 25px
}

@media (max-width:1220px) {
  .block-hotel__title {
    margin-top: 20px
  }
}

@media (max-width:600px) {
  .block-hotel__title {
    margin-top: 15px
  }
}

.block-hotel__title .title-span_2 {
  font-family: FiraSans;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--main);
  margin-bottom: 5px
}

@media (max-width:991px) {
  .block-hotel__title .title-span_2 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 12px
  }
}

@media (max-width:600px) {
  .block-hotel__title .title-span_2 {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 5px
  }
}

.block-hotel__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .block-hotel__title:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:1220px) {
  .block-hotel__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .block-hotel__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .block-hotel__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:991px) {
  .block-hotel-top {
    gap: 10px
  }
}

@media (max-width:600px) {
  .block-hotel-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.block-hotel-top:not(:last-child) {
  margin-bottom: 45px
}

@media (max-width:991px) {
  .block-hotel-top:not(:last-child) {
    margin-bottom: 30px
  }
}

@media (max-width:600px) {
  .block-hotel-top:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-top__title {
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 506px;
  flex: 0 1 506px;
  opacity: 0
}

@media (max-width:1024px) {
  .block-hotel-top__title {
    opacity: 1
  }
}

@media (max-width:600px) {
  .block-hotel-top__title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.block-hotel-top__price {
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 506px;
  flex: 0 1 506px;
  opacity: 0
}

@media (max-width:600px) {
  .block-hotel-top__price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.block-hotel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px
}

@media (max-width:1220px) {
  .block-hotel-content {
    gap: 20px
  }
}

@media (max-width:991px) {
  .block-hotel-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
  }
}

@media (max-width:600px) {
  .block-hotel-content {
    gap: 20px
  }
}

.block-hotel-content__left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 700px;
  flex: 0 1 700px;
  opacity: 0
}

@media (max-width:991px) {
  .block-hotel-content__left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.block-hotel-content__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-content__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-content__wrapper-price:not(:last-child) {
  margin-bottom: 20px
}

.block-hotel-content__top {
  max-width: 643px
}

.block-hotel-content__top:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-content__top:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-content__right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 892px;
  flex: 0 1 892px;
  opacity: 0
}

@media (max-width:991px) {
  .block-hotel-content__right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.block-hotel-content__texts:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-content__texts:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-content__text {
  color: var(--main);
  font-family: FiraSans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 142.857143%;
  letter-spacing: -.04em
}

.block-hotel-content__text:not(:last-child) {
  margin-bottom: 20px
}

.block-hotel-content__image {
  height: 681px
}

@media (max-width:1220px) {
  .block-hotel-content__image {
    height: 500px
  }
}

@media (max-width:991px) {
  .block-hotel-content__image {
    display: none
  }
}

.block-hotel-content__image:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .block-hotel-content__image:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .block-hotel-content__image:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-content__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}



.block-hotel-slider-wrapper:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-slider-wrapper:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-slider:not(:last-child) {
  margin-bottom: 40px
}

.block-hotel-slider-mrg:not(:last-child) {
  margin-bottom: 0;
}

@media (max-width:991px) {
  .block-hotel-slider-mrg:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .block-hotel-slider:not(:last-child) {
    margin-bottom: 20px
  }

  .block-hotel-slider-mrg:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-slider__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template: auto/repeat(2, 1fr);
  grid-template-areas: "img1 img1""img2 img2""img3 img4";
  gap: 20px
}

.block-hotel-slider__wrapper_ncards {
  grid-template-areas: "img1 img1""img5 img7""img6 img7""img8 img9";
}

.block-hotel-slider__wrapper_ncards2 {
  grid-template-areas: "img1 img1""img10 img11";
}

@media (max-width:1220px) {
  .block-hotel-slider__wrapper {
    gap: 10px
  }
}

@media (max-width:991px) {
  .block-hotel-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0
  }
}

@media (any-hover:hover) {
  .block-hotel-slider__slide:hover a span {
    opacity: 1;
    visibility: visible
  }

  .block-hotel-slider__slide:hover a::before {
    opacity: 1;
    visibility: visible
  }
}

.block-hotel-slider__slide a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.block-hotel-slider__slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.block-hotel-slider__slide a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  z-index: 10
}

.block-hotel-slider__slide a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.block-hotel-slider__slide_1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  height: 594px;
  grid-area: img1
}

.block-hotel-slider__slide_1-height {
  height: 496px;
}

.block-hotel-slider__slide_1-height2 {
  height: 481px;
}

.restoraunt-gallery-slider__wrapper>.block-hotel-slider__slide_1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9
}

@media (max-width:1220px) {
  .block-hotel-slider__slide_1 {
    height: 500px
  }

  .block-hotel-slider__slide_1-height {
    height: 500px;
  }
}

@media (max-width:991px) {
  .block-hotel-slider__slide_1 {
    width: 400px;
    height: 400px
  }

  .block-hotel-slider__slide_1-height {
    width: 400px;
    height: 400px
  }
}

@media (max-width:600px) {
  .block-hotel-slider__slide_1 {
    width: 300px;
    height: 300px
  }

  .block-hotel-slider__slide_1-height {
    width: 300px;
    height: 300px
  }
}

.block-hotel-slider__slide_2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  height: 399px;
  max-width: 736px;
  width: 100%;
  grid-area: img2
}

.block-hotel-slider__slide_5 {
  height: 272px;
  max-width: 467px;
  width: 100%;
  grid-area: img5
}

.block-hotel-slider__slide_6 {
  height: 272px;
  max-width: 467px;
  width: 100%;
  grid-area: img6
}

.block-hotel-slider__slide_7 {
  height: 563px;
  max-width: 373px;
  width: 100%;
  grid-area: img7
}

@media (max-width:1220px) {
  .block-hotel-slider__slide_7 {
    height: 554px;
  }
}

.block-hotel-slider__slide_8 {
  height: 495px;
  max-width: 467px;
  width: 100%;
  grid-area: img8
}

.block-hotel-slider__slide_9 {
  height: 495px;
  max-width: 469px;
  width: 100%;
  grid-area: img9
}

.block-hotel-slider__slide_10 {
  height: 272px;
  max-width: 467px;
  width: 100%;
  grid-area: img10
}

.block-hotel-slider__slide_11 {
  height: 272px;
  max-width: 467px;
  width: 100%;
  grid-area: img11
}

.title-slider-dom {
  color: var(--main);
}

.title-slider-dom:not(:last-child) {
  margin-bottom: 20px;
}

.restoraunt-gallery-slider__wrapper>.block-hotel-slider__slide_2 {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-column-span: 5
}

@media (max-width:1220px) {
  .block-hotel-slider__slide_2 {
    height: 500px
  }
}

@media (max-width:991px) {
  .block-hotel-slider__slide_2 {
    width: 400px;
    height: 400px;
    max-width: none
  }

  .block-hotel-slider__slide_5 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_6 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_7 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_8 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_9 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_10 {
    max-width: none;
    width: 400px;
    height: 400px;
  }

  .block-hotel-slider__slide_11 {
    max-width: none;
    width: 400px;
    height: 400px;
  }
}

@media (max-width:600px) {
  .block-hotel-slider__slide_2 {
    width: 300px;
    height: 300px
  }

  .block-hotel-slider__slide_5 {
    width: 300px;
    height: 300px
  }

  .block-hotel-slider__slide_6 {
    width: 300px;
    height: 300px;
  }

  .block-hotel-slider__slide_7 {
    width: 300px;
    height: 300px;
  }

  .block-hotel-slider__slide_8 {
    width: 300px;
    height: 300px;
  }

  .block-hotel-slider__slide_9 {
    width: 300px;
    height: 300px;
  }

  .block-hotel-slider__slide_10 {
    width: 300px;
    height: 300px;
  }

  .block-hotel-slider__slide_11 {
    width: 300px;
    height: 300px;
  }
}

.block-hotel-slider__slide_3 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  height: 617px;
  grid-area: img3
}

.restoraunt-gallery-slider__wrapper>.block-hotel-slider__slide_3 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5
}

@media (max-width:1220px) {
  .block-hotel-slider__slide_3 {
    height: 500px
  }
}

@media (max-width:991px) {
  .block-hotel-slider__slide_3 {
    width: 400px;
    height: 400px
  }
}

@media (max-width:600px) {
  .block-hotel-slider__slide_3 {
    width: 300px;
    height: 300px
  }
}

.block-hotel-slider__slide_4 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  height: 344px;
  grid-area: img4
}

.restoraunt-gallery-slider__wrapper>.block-hotel-slider__slide_4 {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
  -ms-grid-column-span: 7
}

@media (max-width:991px) {
  .block-hotel-slider__slide_4 {
    width: 400px;
    height: 400px
  }
}

@media (max-width:600px) {
  .block-hotel-slider__slide_4 {
    width: 300px;
    height: 300px
  }
}

.block-hotel-slider__slide_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

@media (max-width:991px) {
  .block-hotel-slider__slide_hidden {
    position: relative;
    margin: 0;
    overflow: visible;
    clip: auto;
    width: 400px;
    height: 400px
  }
}

@media (max-width:600px) {
  .block-hotel-slider__slide_hidden {
    width: 300px;
    height: 300px
  }
}

.block-hotel-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px
}

@media (max-width: 600px) {
  .block-hotel-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.block-hotel-pagination.swiper-pagination-bullets-dynamic {
  width: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

.block-hotel-pagination .swiper-pagination-bullet {
  flex: 0 0 12px !important;
  height: 12px;
  background-color: var(--l-green);
  margin: 0 !important
}

.block-hotel-benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px
}

@media (max-width:600px) {
  .block-hotel-benefits {
    gap: 5px
  }
}

.block-hotel-benefits:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-benefits:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-benefits__item {
  border-radius: 162px;
  padding: 3px 20px;
  background-color: var(--gray)
}

@media (max-width:991px) {
  .block-hotel-benefits__item {
    padding: 3px 15px
  }
}

@media (max-width:600px) {
  .block-hotel-benefits__item {
    padding: 2px 5px
  }
}

.block-hotel-benefits__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  letter-spacing: -.04em;
  color: var(--white)
}

@media (max-width:991px) {
  .block-hotel-benefits__text {
    font-size: 16px;
    line-height: 22px
  }
}

@media (max-width:600px) {
  .block-hotel-benefits__text {
    font-size: 12px;
    line-height: 18px
  }
}

.block-hotel-item {
  padding: 80px 90px;
  min-height: 600px;
  background-color: var(--gray-6)
}

@media (max-width:1440px) {
  .block-hotel-item {
    padding: 80px 40px;
    min-height: 400px
  }
}

@media (max-width:1220px) {
  .block-hotel-item {
    padding: 60px 30px
  }
}

@media (max-width:991px) {
  .block-hotel-item {
    padding: 40px 20px
  }
}

@media (max-width:600px) {
  .block-hotel-item {
    padding: 20px 10px;
    min-height: 200px
  }
}

.block-hotel-item:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-item:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-item__title {
  letter-spacing: -.02em;
  color: var(--main)
}

@media (max-width:991px) {
  .block-hotel-item__title {
    letter-spacing: 0
  }
}

.block-hotel-item__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-item__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-item__list:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-item__list:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-item__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.block-hotel-item__item::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5px;
  flex: 0 0 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--main);
  z-index: 1;
  margin-top: 9px
}

@media (max-width:991px) {
  .block-hotel-item__item::before {
    margin-top: 8px
  }
}

@media (max-width:600px) {
  .block-hotel-item__item::before {
    margin-top: 5.5px
  }
}

.block-hotel-item__text {
  color: var(--main)
}

.block-hotel-item__text span {
  display: block
}

.block-hotel-item__text_2 span {
  display: block
}

.block-hotel-item__text_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-item__text_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-item__wrapper-button:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .block-hotel-item__wrapper-button:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-item__link {
  color: var(--main)
}

.block-hotel-other {
  padding: 48px 48px 80px 48px;
  background-color: var(--gray-3)
}

@media (max-width:1220px) {
  .block-hotel-other {
    padding: 40px 20px
  }
}

@media (max-width:600px) {
  .block-hotel-other {
    padding: 30px 10px
  }
}

.block-hotel-other__top {
  padding: 0 0 20px 0;
  border-bottom: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:1220px) {
  .block-hotel-other__top {
    padding: 0 0 15px 0
  }
}

@media (max-width:991px) {
  .block-hotel-other__top {
    padding: 0 0 10px 0
  }
}

.block-hotel-other__top:not(:last-child) {
  margin-bottom: 20px
}

.block-hotel-other__title {
  color: var(--main)
}

.block-hotel-other__title:not(:last-child) {
  margin-bottom: 48px
}

@media (max-width:991px) {
  .block-hotel-other__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .block-hotel-other__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.block-hotel-other__list_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template: auto/repeat(2, 1fr);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 20px
}

@media (max-width:991px) {
  .block-hotel-other__list_2 {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[4];
    grid-template: auto/repeat(4, 1fr);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:800px) {
  .block-hotel-other__list_2 {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[3];
    grid-template: auto/repeat(3, 1fr)
  }
}

@media (max-width:600px) {
  .block-hotel-other__list_2 {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[2];
    grid-template: auto/repeat(2, 1fr)
  }
}

.block-hotel-other__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px
}

.block-hotel-other__item::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4px;
  flex: 0 0 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--d2-pink)
}

.block-hotel-other__item:not(:last-child) {
  margin-bottom: 10px
}

.block-hotel-other__link {
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  font-style: normal
}

@media (max-width:1440px) {
  .block-hotel-other__link {
    font-size: 24px;
    line-height: 30px
  }
}

@media (max-width:1220px) {
  .block-hotel-other__link {
    font-size: 20px;
    line-height: 26px
  }
}

@media (max-width:991px) {
  .block-hotel-other__link {
    font-size: 18px;
    line-height: 22px
  }
}

@media (max-width:600px) {
  .block-hotel-other__link {
    font-size: 16px;
    line-height: 20px
  }
}

@media (any-hover:hover) {
  .block-hotel-other__link:hover {
    color: var(--hover)
  }
}

.block-hotel-other__link:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.filter:not(:last-child) {
  margin-bottom: 96px
}

@media (max-width:1440px) {
  .filter:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:1220px) {
  .filter:not(:last-child) {
    margin-bottom: 60px
  }
}

.filter_2 {
  padding: 0
}

.filter_2:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .filter_2:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .filter_2:not(:last-child) {
    margin-bottom: 60px
  }
}

.filter_3 {
  padding: 0
}

.filter_3:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:600px) {
  .filter_3:not(:last-child) {
    margin-bottom: 40px
  }
}

.filter__top.filter-margin:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .filter__top.filter-margin:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .filter__top.filter-margin:not(:last-child) {
    margin-bottom: 40px
  }
}

.filter__subtitle {
  text-align: center
}

.filter__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .filter__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.filter__container {
  max-width: 1527px;
  padding: 0 44px
}

@media (max-width:991px) {
  .filter__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .filter__container {
    padding: 0 10px
  }
}

.filter__title {
  text-transform: uppercase;
  max-width: 700px;
  margin: 0 auto
}

.filter__title .title-span_1 {
  margin-top: 20px
}

@media (max-width:991px) {
  .filter__title .title-span_1 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .filter__title .title-span_1 {
    margin-top: 10px
  }
}

.filter__title .title-span_2 {
  margin-top: 15px
}

@media (max-width:991px) {
  .filter__title .title-span_2 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .filter__title .title-span_2 {
    margin-top: 10px
  }
}

.filter__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .filter__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.air-datepicker-body--day-name {
  color: var(--l-green)
}

.filter-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px
}

@media (max-width:768px) {
  .filter-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:600px) {
  .filter-block {
    gap: 16px
  }
}

.filter-block__items {
  min-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 42px;
  background-color: var(--white);
  border: 1px solid rgba(58, 58, 58, .32);
  border-radius: 92px
}

@media (max-width:991px) {
  .filter-block__items {
    padding: 11.5px 15px;
    min-height: 35px;
    gap: 16px
  }
}

@media (max-width:450px) {
  .filter-block__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 25px;
    max-width: 300px;
    margin: 0 auto
  }
}

.filter-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px
}

@media (max-width:600px) {
  .filter-block__item {
    gap: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px
  }
}

.filter-block__icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 24px
}

@media (max-width:600px) {
  .filter-block__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    height: 20px
  }
}

.filter-block__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.filter-block__texts {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%
}

.filter-block__span {
  display: block;
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -.04em;
  color: var(--main)
}

.filter-block__label {
  display: block;
  width: 100%
}

.filter-block__input {
  display: block;
  width: 100%;
  background-color: transparent;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -.04em;
  color: var(--main);
  height: 20px
}

@media (max-width:991px) {
  .filter-block__input {
    font-size: 16px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .filter-block__input {
    font-size: 14px;
    line-height: 14px
  }
}

.filter-block__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  padding: 10px 20px;
  min-width: 232px;
  min-height: 64px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--l-green);
  border-radius: 32px;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -.04em;
  color: #fff;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

@media (max-width:991px) {
  .filter-block__search {
    min-width: 115px;
    min-height: 55px;
    font-size: 16px;
    line-height: 16px;
    gap: 10px
  }
}

@media (max-width:600px) {
  .filter-block__search {
    min-width: 100px;
    min-height: 50px;
    font-size: 14px;
    line-height: 14px;
    gap: 8px
  }
}

@media (any-hover:hover) {
  .filter-block__search:hover {
    background-color: var(--white);
    color: var(--hover)
  }

  .filter-block__search:hover svg {
    fill: var(--hover)
  }
}

.filter-block__search:active {
  background-color: var(--white);
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.filter-block__search:active svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.filter-block__search svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--white);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media (max-width:991px) {
  .filter-block__search svg {
    width: 18px;
    height: 18px
  }
}

.filter-list {
  display: none;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template: auto/repeat(3, 1fr);
  gap: 80px 40px;
  max-width: 1527px;
  padding: 0 44px;
  margin: 0 auto
}

@media (max-width:1220px) {
  .filter-list {
    gap: 60px 20px
  }
}

@media (max-width:991px) {
  .filter-list {
    padding: 0 20px;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template: auto/repeat(2, 1fr);
    gap: 40px 20px
  }
}

@media (max-width:600px) {
  .filter-list {
    padding: 0 10px;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
    grid-template: auto/1fr
  }
}

.filter-list.filter-margin:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .filter-list.filter-margin:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .filter-list.filter-margin:not(:last-child) {
    margin-bottom: 40px
  }
}

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

.filter-list__item:nth-child(n+7) {
  display: none
}

.filter-list__item.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.filter-list__title {
  color: var(--main);
  font-family: AfjatTrends;
  font-style: normal;
  letter-spacing: 0
}

@media (max-width:1220px) {
  .filter-list__title {
    font-size: 24px;
    line-height: 28px
  }
}

@media (max-width:600px) {
  .filter-list__title {
    font-size: 20px;
    line-height: 26px
  }
}

.filter-list__title:not(:last-child) {
  margin-bottom: 20px
}

.filter-list__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 313px
}

@media (max-width:991px) {
  .filter-list__image {
    height: 280px
  }
}

@media (max-width:600px) {
  .filter-list__image {
    height: 240px
  }
}

.filter-list__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.filter-list__image:not(:last-child) {
  margin-bottom: 20px
}

.filter-list__price {
  color: var(--main);
  font-family: AfjatTrends;
  font-style: normal;
  letter-spacing: 0
}

@media (max-width:1220px) {
  .filter-list__price {
    font-size: 24px;
    line-height: 28px
  }
}

@media (max-width:600px) {
  .filter-list__price {
    font-size: 20px;
    line-height: 26px
  }
}

.filter-list__price:not(:last-child) {
  margin-bottom: 20px
}

.filter-list__subtitle:not(:last-child) {
  margin-bottom: 20px
}

.filter-list__text {
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  color: var(--main)
}

.filter-list__text:not(:last-child) {
  margin-bottom: 20px
}

.filter-list__button {
  color: var(--main)
}

.filter-error-page {
  max-width: 501px;
  margin: 0 auto
}

.filter-error-page__title {
  text-align: center;
  color: var(--main)
}

.filter-error-page__title:not(:last-child) {
  margin-bottom: 20px
}

.filter-error-page__text {
  text-align: center;
  color: var(--main)
}

.filter-error-page__text:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .filter-error-page__text:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .filter-error-page__text:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .filter-error-page__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.filter-error-page__icon {
  display: block;
  width: 154px;
  height: 154px;
  margin: 0 auto
}

@media (max-width:1440px) {
  .filter-error-page__icon {
    width: 128px;
    height: 128px
  }
}

@media (max-width:1220px) {
  .filter-error-page__icon {
    width: 100px;
    height: 100px
  }
}

@media (max-width:991px) {
  .filter-error-page__icon {
    width: 80px;
    height: 80px
  }
}

@media (max-width:600px) {
  .filter-error-page__icon {
    width: 60px;
    height: 60px
  }
}

.filter-error-page__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.wrapper-filter-form {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.wrapper-filter-form .name-hotel {
  display: none
}

.wrapper-filter-form.active {
  opacity: 1;
  visibility: visible
}

.wrapper-filter-form__close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.wrapper-filter-form__exit {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 20px;
  height: 20px;
  z-index: 1
}

@media (max-width:991px) {
  .wrapper-filter-form__exit {
    top: 15px;
    right: 15px
  }
}

@media (max-width:600px) {
  .wrapper-filter-form__exit {
    width: 16px;
    height: 16px
  }
}

.wrapper-filter-form__exit svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--black);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media (any-hover:hover) {
  .wrapper-filter-form__exit svg:hover {
    fill: var(--hover)
  }
}

.wrapper-filter-form__exit svg:active {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-filter-form__body {
  position: relative;
  z-index: 2;
  background-color: var(--gray-2);
  max-width: 1096px;
  width: 100%;
  padding: 77px 77px 60px 77px;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:1220px) {
  .wrapper-filter-form__body {
    max-width: none;
    width: 95%;
    padding: 60px 30px
  }
}

@media (max-width:991px) {
  .wrapper-filter-form__body {
    padding: 40px 20px
  }
}

@media (max-width:600px) {
  .wrapper-filter-form__body {
    padding: 40px 15px
  }
}

.wrapper-filter-form__item {
  width: 100%
}

.wrapper-filter-form__item.disabled {
  display: none
}

.wrapper-filter-form__title {
  color: var(--main);
  text-align: center
}

@media (max-width:600px) {
  .wrapper-filter-form__title {
    font-size: 18px;
    line-height: 26px
  }
}

.wrapper-filter-form__title:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .wrapper-filter-form__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .wrapper-filter-form__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.wrapper-filter-form__text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -.04em;
  color: rgba(74, 80, 90, .8)
}

.wrapper-filter-form__text span {
  text-decoration: underline
}

.wrapper-filter-form__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .wrapper-filter-form__text a:hover {
    color: var(--hover)
  }
}

.wrapper-filter-form__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.filter-okay {
  width: 100%;
  display: none;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:600px) {
  .filter-okay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.filter-okay.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.filter-okay__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  height: 120px;
  margin: 0 auto;
  background-color: var(--l-green)
}

@media (max-width:991px) {
  .filter-okay__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    height: 100px
  }
}

@media (max-width:600px) {
  .filter-okay__icon {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
}

.filter-okay__icon span {
  display: block;
  width: 25px;
  -webkit-transform: rotate(-140deg) translate(2px, 6px);
  -ms-transform: rotate(-140deg) translate(2px, 6px);
  transform: rotate(-140deg) translate(2px, 6px);
  height: 40px;
  border-top: 4px solid var(--white);
  border-left: 4px solid var(--white)
}

@media (max-width:600px) {
  .filter-okay__icon span {
    -webkit-transform: rotate(-140deg) translate(2px, 5px);
    -ms-transform: rotate(-140deg) translate(2px, 5px);
    transform: rotate(-140deg) translate(2px, 5px);
    width: 20px;
    height: 34px
  }
}

.filter-okay__title {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .filter-okay__title {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .filter-okay__title {
    font-size: 22px
  }
}

.wrapper-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 150;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.wrapper-spinner.active {
  opacity: 1;
  visibility: visible
}

.spinner {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.spinner__spin {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid var(--l-green);
  opacity: .9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px
}

.spinner__spin_1 {
  top: 10%;
  left: 10%;
  width: 50px;
  height: 50px;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  -webkit-box-shadow: 0 0 35px var(--l-green);
  box-shadow: 0 0 35px var(--l-green)
}

.spinner__spin_2 {
  top: 27%;
  left: 28%;
  -webkit-box-shadow: 0 0 15px var(--l-green);
  box-shadow: 0 0 15px var(--l-green);
  width: 30px;
  height: 30px;
  -moz-animation: spinoff .5s infinite linear;
  -webkit-animation: spinoff .5s infinite linear
}

.filter-spinner {
  display: none;
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.filter-spinner.active {
  display: block
}

.filter-spinner__spin {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid var(--l-green);
  opacity: .9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px
}

.filter-spinner__spin_1 {
  top: 10%;
  left: 10%;
  width: 50px;
  height: 50px;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  -webkit-box-shadow: 0 0 35px var(--l-green);
  box-shadow: 0 0 35px var(--l-green)
}

.filter-spinner__spin_2 {
  top: 27%;
  left: 28%;
  -webkit-box-shadow: 0 0 15px var(--l-green);
  box-shadow: 0 0 15px var(--l-green);
  width: 30px;
  height: 30px;
  -moz-animation: spinoff .5s infinite linear;
  -webkit-animation: spinoff .5s infinite linear
}

.form-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:991px) {
  .form-filter {
    gap: 24px
  }
}

@media (max-width:600px) {
  .form-filter {
    gap: 20px
  }
}

.form-filter:not(:last-child) {
  margin-bottom: 20px
}

.form-filter__labels {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 640px;
  flex: 0 1 640px
}

@media (max-width:991px) {
  .form-filter__labels {
    gap: 20px
  }
}

@media (max-width:600px) {
  .form-filter__labels {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.form-filter__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%
}

.form-filter__label .just-validate-error-label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  color: red !important;
  font-weight: 400
}

@media (max-width:991px) {
  .form-filter__label .just-validate-error-label {
    font-size: 12px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .form-filter__label .just-validate-error-label {
    font-size: 10px;
    line-height: 14px
  }
}

.form-filter__input {
  display: block;
  width: 100%;
  height: 40px;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -.04em;
  color: rgba(74, 80, 90, .8);
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.form-filter__input.just-validate-error-field {
  border-color: red
}

@media (any-hover:hover) {
  .form-filter__input:hover {
    border-color: var(--hover)
  }
}

.form-filter__input:focus-visible {
  border-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.form-filter__button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--main)
}

.terms_booking {
  padding: 0 0 60px 0 !important;
}

.terms h1 {
  color: var(--main);
  letter-spacing: 0
}

.terms h1:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms h1:not(:last-child) {
    margin-bottom: 20px
  }
}

.terms h2 {
  color: var(--main);
  letter-spacing: 0
}

.terms h2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms h2:not(:last-child) {
    margin-bottom: 20px
  }
}

.terms h3 {
  color: var(--main);
  font-family: AfjatTrends
}

.terms h3:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms h3:not(:last-child) {
    margin-bottom: 20px
  }
}

.terms p {
  color: var(--main)
}

.terms p a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .terms p a:hover {
    color: var(--hover)
  }
}

.terms p a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.terms p:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms p:not(:last-child) {
    margin-bottom: 20px
  }
}

.terms ul:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms ul:not(:last-child) {
    margin-bottom: 20px
  }
}

.terms li:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .terms li:not(:last-child) {
    margin-bottom: 20px
  }
}

.adults {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .adults {
    /* padding-top: 40px */
  }
}

.adults:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .adults:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .adults:not(:last-child) {
    margin-bottom: 60px
  }
}

.adults .stars {
  margin-bottom: 20px
}

.adults__title {
  max-width: 744px;
  margin: 0 auto;
  text-transform: uppercase
}

.adults__title span {
  margin-bottom: 10px
}

.adults__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .adults__title:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .adults__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .adults__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.adults__lists {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 42px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 80px 42px
}

@media (max-width:1440px) {
  .adults__lists {
    gap: 40px 30px
  }
}

@media (max-width:991px) {
  .adults__lists {
    gap: 40px 20px
  }
}

@media (max-width:650px) {
  .adults__lists {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.adults__lists:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .adults__lists:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .adults__lists:not(:last-child) {
    margin-bottom: 60px
  }
}

.adults__titles {
  text-transform: uppercase
}

.adults__titles:not(:last-child) {
  margin-bottom: 75px
}

@media (max-width:1220px) {
  .adults__titles:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .adults__titles:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .adults__titles:not(:last-child) {
    margin-bottom: 20px
  }
}

.adults__list:last-child {
  padding-top: 60px
}

@media (max-width:1220px) {
  .adults__list:last-child {
    padding-top: 40px
  }
}

@media (max-width:650px) {
  .adults__list:last-child {
    padding-top: 0
  }
}

.adults__item:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .adults__item:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .adults__item:not(:last-child) {
    margin-bottom: 20px
  }
}

.adults__subtitle {
  display: block;
  color: var(--main)
}

@media (max-width:1220px) {
  .adults__subtitle {
    font-size: 40px;
    line-height: 40px
  }
}

@media (max-width:991px) {
  .adults__subtitle {
    font-size: 32px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .adults__subtitle {
    font-size: 26px;
    line-height: 26px
  }
}

.adults__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1220px) {
  .adults__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.adults__image {
  position: relative;
  padding-bottom: 62%
}

.adults__image {
  position: relative;
}

.adults__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.photo-video {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .photo-video {
    /* padding-top: 40px */
  }
}

.photo-video:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .photo-video:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .photo-video:not(:last-child) {
    margin-bottom: 60px
  }
}

.photo-video .stars {
  margin-bottom: 0
}

.photo-video__title {
  max-width: 744px;
  margin: 0 auto;
  text-transform: uppercase
}

.photo-video__title .title-span_2 {
  margin-top: 25px;
  margin-bottom: 20px
}

@media (max-width:991px) {
  .photo-video__title .title-span_2 {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

.photo-video__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .photo-video__title:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .photo-video__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .photo-video__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.photo-video__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: (1fr)[3];
  grid-template: auto/repeat(3, 1fr);
  gap: 40px;
  transform: translateX(-100px);
  opacity: 0;
  -webkit-transition: opacity .8s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .8s ease-in-out, -webkit-transform .6s ease-in-out;
  -o-transition: transform .6s ease-in-out, opacity .8s ease-in-out;
  transition: transform .6s ease-in-out, opacity .8s ease-in-out;
  transition: transform .6s ease-in-out, opacity .8s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (max-width:1440px) {
  .photo-video__list {
    gap: 20px
  }
}

@media (max-width:991px) {
  .photo-video__list {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[2];
    grid-template: auto/repeat(2, 1fr);
    gap: 10px
  }
}

.photo-video__list:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .photo-video__list:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .photo-video__list:not(:last-child) {
    margin-bottom: 40px
  }
}

.photo-video__wrapper-el {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media (max-width:650px) {
  .photo-video__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .photo-video__wrapper-el {
    width: 100%
  }
}

.photo-video__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 42px
}

@media (max-width:1440px) {
  .photo-video__item {
    gap: 60px 30px
  }
}

@media (max-width:991px) {
  .photo-video__item {
    gap: 60px 20px
  }
}

@media (max-width:650px) {
  .photo-video__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.photo-video__el {
  width: 100%;
  position: relative;
  padding-bottom: 100%
}

@media (any-hover:hover) {
  .photo-video__el:hover .photo-video__see {
    opacity: 1;
    visibility: visible
  }

  .photo-video__el:hover .photo-video__see span {
    opacity: 1;
    visibility: visible
  }

  .photo-video__el:hover .photo-video__see::before {
    opacity: 1;
    visibility: visible
  }
}

.photo-video__el:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1220px) {
  .photo-video__el:not(:last-child) {
    margin-bottom: 20px
  }
}

.photo-video__el video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.photo-video__el:first-child {
  display: block
}

.photo-video__el img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.photo-video__see {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.photo-video__see span {
  position: relative;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media (max-width:1024px) {
  .photo-video__see {
    opacity: 1;
    visibility: visible
  }
}

@media (max-width:600px) {
  .photo-video__see {
    font-size: 12px;
    line-height: 12px
  }
}

.photo-video__see::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .6);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media (max-width:1024px) {
  .photo-video__see::before {
    display: none
  }
}

.photo-video__subtitle {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 100%;
  display: block;
  color: var(--main)
}

@media (max-width:1220px) {
  .photo-video__subtitle {
    font-size: 40px;
    line-height: 40px
  }
}

@media (max-width:991px) {
  .photo-video__subtitle {
    font-size: 32px;
    line-height: 32px
  }
}

@media (max-width:600px) {
  .photo-video__subtitle {
    font-size: 26px;
    line-height: 26px
  }
}

.loaded .photo-video__list {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

.photo-video-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 24px
}

@media (max-width:600px) {
  .photo-video-pagination__list {
    gap: 16px
  }
}

.photo-video-pagination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 50px;
  background-color: var(--gray-2);
  font-size: 16px;
  line-height: 1;
  color: var(--main);
  font-weight: 400;
  border-radius: 50%;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out
}

@media (max-width:991px) {
  .photo-video-pagination__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px
  }
}

@media (max-width:600px) {
  .photo-video-pagination__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    height: 30px;
    font-size: 14px
  }
}

.photo-video-pagination__item.active-pagination {
  color: var(--white);
  background-color: #1d967e
}

@media (any-hover:hover) {
  .photo-video-pagination__item:hover {
    background-color: var(--d2-pink);
    color: var(--hover-3)
  }
}

.photo-video-pagination__item:active {
  background-color: var(--d-pink);
  color: var(--active-3);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.about:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .about:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .about:not(:last-child) {
    margin-bottom: 60px
  }
}

.about-top {
  padding: 110px 0 50px 0;
  background-color: var(--gray-6)
}

@media (max-width:1440px) {
  .about-top {
    padding: 60px 0
  }
}

@media (max-width:991px) {
  .about-top {
    padding: 40px 0
  }
}

.about-top:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .about-top:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .about-top:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:600px) {
  .about-top:not(:last-child) {
    margin-bottom: 60px
  }
}

.about-top__list {
  display: -ms-grid;
  display: grid;
  grid-template: auto/repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px 32px
}

@media (max-width:991px) {
  .about-top__list {
    gap: 40px
  }
}

@media (max-width:600px) {
  .about-top__list {
    gap: 40px 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.about-top__item {
  text-align: center
}

.about-top__strong {
  display: block;
  line-height: 1;
  color: var(--main)
}

.about-top__strong:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-top__strong:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .about-top__strong:not(:last-child) {
    margin-bottom: 10px
  }
}

.about-top__text {
  font-weight: 400;
  font-style: normal;
  color: var(--main)
}

.about-middle:not(:last-child) {
  margin-bottom: 72px
}

@media (max-width:600px) {
  .about-middle:not(:last-child) {
    margin-bottom: 60px
  }
}

.about-middle__content {
  max-width: 1224px;
  margin: 0 auto
}

.about-middle__top:not(:last-child) {
  margin-bottom: 72px
}

@media (max-width:600px) {
  .about-middle__top:not(:last-child) {
    margin-bottom: 60px
  }
}

.about-middle__strong {
  display: block;
  font-weight: 500;
  color: var(--main);
  text-align: center;
  letter-spacing: normal
}

.about-middle__strong_1:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .about-middle__strong_1:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .about-middle__strong_1:not(:last-child) {
    margin-bottom: 40px
  }
}

.about-middle__strong_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-middle__strong_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.about-middle__strong_3 {
  font-weight: 300
}

.about-middle__strong_3:not(:last-child) {
  margin-bottom: 20px
}

.about-middle__text {
  color: var(--main);
  text-align: center;
  max-width: 1068px;
  margin: 0 auto
}

.about-middle__list:not(:last-child) {
  margin-bottom: 20px
}

.about-middle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px
}

@media (max-width:600px) {
  .about-middle__item {
    gap: 5px
  }
}

.about-middle__item::before {
  content: "";
  margin-top: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3px;
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--main)
}

@media (max-width:991px) {
  .about-middle__item::before {
    margin-top: 9px
  }
}

@media (max-width:600px) {
  .about-middle__item::before {
    margin-top: 7px
  }
}

.about-middle__item:not(:last-child) {
  margin-bottom: 10px
}

.about-benefits:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .about-benefits:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .about-benefits:not(:last-child) {
    margin-bottom: 60px
  }
}

.about-benefits__title {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  text-transform: uppercase
}

@media (max-width:600px) {
  .about-benefits__title {
    font-size: 35px;
    line-height: 35px
  }
}

.about-benefits__title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .about-benefits__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .about-benefits__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.about-benefits__list {
  display: -ms-grid;
  display: grid;
  grid-template: auto/repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px 65px
}

@media (max-width:1600px) {
  .about-benefits__list {
    gap: 40px
  }
}

@media (max-width:991px) {
  .about-benefits__list {
    gap: 40px 20px
  }
}

@media (max-width:600px) {
  .about-benefits__list {
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.about-benefits__icon {
  display: block;
  width: 64px;
  height: 53px;
  margin: 0 auto
}

@media (max-width:991px) {
  .about-benefits__icon {
    width: 54px;
    height: 43px
  }
}

@media (max-width:600px) {
  .about-benefits__icon {
    width: 44px;
    height: 33px
  }
}

.about-benefits__icon:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-benefits__icon:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .about-benefits__icon:not(:last-child) {
    margin-bottom: 10px
  }
}

.about-benefits__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.about-benefits__subtitle {
  text-align: center
}

.about-benefits__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-benefits__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .about-benefits__subtitle:not(:last-child) {
    margin-bottom: 10px
  }
}

.about-benefits__text {
  font-style: normal;
  font-weight: 400;
  text-align: center
}

@media (max-width:991px) {
  .about-benefits__text {
    font-size: 18px;
    line-height: 24px
  }
}

@media (max-width:600px) {
  .about-benefits__text {
    font-size: 16px;
    line-height: 22px
  }
}

.about-benefits__text:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-benefits__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.about-reviews:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .about-reviews:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .about-reviews:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .about-reviews:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .about-reviews:not(:last-child) {
    margin-bottom: 20px
  }
}

.about-reviews .container {
  max-width: 1520px
}

.about-reviews__title {
  max-width: 700px;
  margin: 0 auto;
  text-transform: uppercase
}

.about-reviews__title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .about-reviews__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .about-reviews__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.about-reviews-slider:not(:last-child) {
  margin-bottom: 40px
}

.about-reviews-slider__slide {
  border-radius: 6px;
  background-color: var(--gray-3);
  padding: 30px 20px;
  width: 328px
}

@media (max-width:400px) {
  .about-reviews-slider__slide {
    width: 100%
  }
}

.about-reviews-slider__slide.active .about-reviews-slider__text {
  display: block;
  overflow: visible
}

.about-reviews-slider__icon {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto
}

@media (max-width:991px) {
  .about-reviews-slider__icon {
    width: 140px;
    height: 140px
  }
}

@media (max-width:600px) {
  .about-reviews-slider__icon {
    width: 120px;
    height: 120px
  }
}

.about-reviews-slider__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.about-reviews-slider__icon:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .about-reviews-slider__icon:not(:last-child) {
    margin-bottom: 20px
  }
}

.about-reviews-slider__title {
  text-align: center
}

.about-reviews-slider__title:not(:last-child) {
  margin-bottom: 20px
}

.about-reviews-slider__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px
}

.about-reviews-slider__stars:not(:last-child) {
  margin-bottom: 20px
}

.about-reviews-slider__star {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  height: 15px
}

.about-reviews-slider__star svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.about-reviews-slider__text {
  text-align: center;
  color: var(--main);
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

@media (max-width:600px) {
  .about-reviews-slider__text {
    -webkit-line-clamp: 3
  }
}

.about-reviews-slider__text:not(:last-child) {
  margin-bottom: 20px
}

.about-reviews-slider__button {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: var(--main);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border-bottom: 1px solid var(--main);
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

@media (any-hover:hover) {
  .about-reviews-slider__button:hover {
    border-color: transparent
  }
}

.about-reviews-slider__button:active {
  border-color: transparent;
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.about-reviews-slider__button.active span:first-child {
  display: none
}

.about-reviews-slider__button.active span:last-child {
  display: block
}

.about-reviews-slider__button span:last-child {
  display: none
}

.wrapper-error {
  overflow-y: auto;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.wrapper-error.active {
  opacity: 1;
  visibility: visible
}

.wrapper-error__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent
}

.wrapper-error__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--light);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (max-width:991px) {
  .wrapper-error__exit {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px
  }
}

@media (max-width:600px) {
  .wrapper-error__exit {
    width: 36px;
    height: 36px;
    top: 5px;
    right: 5px
  }
}

@media (any-hover:hover) {
  .wrapper-error__exit:hover {
    background-color: var(--white)
  }
}

.wrapper-error__exit:active {
  background-color: var(--l-green);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-error__exit:active span::before {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-error__exit:active span::after {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-error__exit span {
  position: relative;
  display: block;
  width: 20px;
  height: 30px
}

.wrapper-error__exit span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  transform: rotate(45deg) translate(10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.wrapper-error__exit span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  -ms-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.wrapper-error__body {
  position: relative;
  width: 500px;
  background-color: var(--white);
  padding: 80px 50px;
  z-index: 2
}

@media (max-width:991px) {
  .wrapper-error__body {
    padding: 60px 20px
  }
}

@media (max-width:600px) {
  .wrapper-error__body {
    width: 95%;
    padding: 45px 10px
  }
}

.wrapper-error__strong {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .wrapper-error__strong {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .wrapper-error__strong {
    font-size: 22px
  }
}

.wrapper-error__strong:not(:last-child) {
  margin-bottom: 20px
}

.wrapper-error__text {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .wrapper-error__text {
    font-size: 18px
  }
}

@media (max-width:600px) {
  .wrapper-error__text {
    font-size: 16px
  }
}

.filter-error {
  display: none;
  width: 100%
}

.filter-error.active {
  display: block
}

.filter-error__strong {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .filter-error__strong {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .filter-error__strong {
    font-size: 22px
  }
}

.filter-error__strong:not(:last-child) {
  margin-bottom: 20px
}

.filter-error__text {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .filter-error__text {
    font-size: 18px
  }
}

@media (max-width:600px) {
  .filter-error__text {
    font-size: 16px
  }
}

.info-hotel:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .info-hotel:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .info-hotel:not(:last-child) {
    margin-bottom: 60px
  }
}

.info-hotel__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1920px;
  padding: 0
}

.info-hotel__container:not(:last-child) {
  margin-bottom: 60px;
}

@media (max-width:600px) {
  .info-hotel__container:not(:last-child) {
    margin-bottom: 24px;
  }

  .info-hotel__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.info-hotel__buttons {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 380px;
  margin: 0;
  padding-left: 30px
}

@media (max-width:1440px) {
  .info-hotel__buttons {
    width: 300px
  }
}

@media (max-width:991px) {
  .info-hotel__buttons {
    width: 260px;
    padding-left: 20px
  }
}

@media (max-width:768px) {
  .info-hotel__buttons {
    width: 200px
  }
}

@media (max-width:600px) {
  .info-hotel__buttons {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media (max-width:600px) {
  .info-hotel__buttons:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .info-hotel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.info-hotel__item:not(:last-child) {
  margin-bottom: 97px
}

@media (max-width:1220px) {
  .info-hotel__item:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .info-hotel__item:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .info-hotel__item:not(:last-child) {
    margin-bottom: 20px
  }
}

.info-hotel__strong {
  display: block;
  padding: 0 40px
}

@media (max-width:1440px) {
  .info-hotel__strong {
    padding: 0 20px
  }
}

@media (max-width:768px) {
  .info-hotel__strong {
    padding: 0 10px
  }
}

.info-hotel__strong:not(:last-child) {
  margin-bottom: 20px
}

.info-hotel__strong_2 {
  padding: 0;
  text-align: left;
  color: var(--white);
  max-width: 585px;
  opacity: 0;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  -webkit-animation-name: infoHotelStrong;
  animation-name: infoHotelStrong;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.info-hotel__strong_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .info-hotel__strong_2:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .info-hotel__strong_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.info-hotel__button {
  font-family: AfjatTrends;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 52px;
  padding: 15px 65px 15px 60px;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -.01em;
  color: var(--main);
  text-align: left;
  background-color: var(--gray-3);
  border-left: 5px solid transparent;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width:1440px) {
  .info-hotel__button {
    padding: 15px 20px
  }
}

@media (max-width:991px) {
  .info-hotel__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: normal
  }
}

@media (max-width:768px) {
  .info-hotel__button {
    font-size: 18px;
    line-height: 18px;
    padding: 0 10px;
    min-height: 40px
  }
}

@media (any-hover:hover) {
  .info-hotel__button:hover {
    background-color: var(--hover-4);
    color: var(--hover-3)
  }
}

.info-hotel__button:active {
  background-color: var(--active-2);
  color: var(--active-4);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.info-hotel__button.active {
  border-color: var(--l-green);
  color: var(--white);
  background-color: var(--main)
}

.info-hotel__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%;
  position: relative;
  min-height: 833px
}

@media (max-width:991px) {
  .info-hotel__contents {
    min-height: 720px
  }
}

@media (max-width:768px) {
  .info-hotel__contents {
    min-height: 600px
  }
}

@media (max-width:600px) {
  .info-hotel__contents {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    min-height: 400px
  }
}

.info-hotel__content {
  position: relative;
  width: 100%;
  z-index: 1;
  display: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 80px 63px
}

@media (max-width:1440px) {
  .info-hotel__content {
    padding: 60px 40px
  }
}

@media (max-width:991px) {
  .info-hotel__content {
    padding: 40px 20px
  }
}

.info-hotel__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.info-hotel__content.active .info-hotel__part-1 {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.info-hotel__content.active .info-hotel__part-2 {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.info-hotel__content.active .info-hotel__strong {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.info-hotel__content.active .info-hotel__text {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.info-hotel__content.active .info-hotel__link {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.info-hotel__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
  background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.info-hotel__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.info-hotel__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.info-hotel__part-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50%;
  z-index: 5;
  background-color: var(--black);
  -webkit-animation-name: infoHotelPart1;
  animation-name: infoHotelPart1;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.info-hotel__part-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 5;
  background-color: var(--black);
  -webkit-animation-name: infoHotelPart2;
  animation-name: infoHotelPart2;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.info-hotel__descr {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  gap: 24px
}

@media (max-width:991px) {
  .info-hotel__descr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
  }
}

.info-hotel__descr-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 659px;
  flex: 0 1 659px
}

@media (max-width:991px) {
  .info-hotel__descr-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.info-hotel__text {
  color: var(--white);
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
  -webkit-animation-name: infoHotelText;
  animation-name: infoHotelText;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.info-hotel__link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  -webkit-animation-name: infoHotelLink;
  animation-name: infoHotelLink;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes infoHotelLink {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes infoHotelLink {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes infoHotelStrong {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes infoHotelStrong {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes infoHotelText {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes infoHotelText {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes infoHotelPart1 {
  0% {
    width: 100%
  }

  100% {
    width: 0
  }
}

@keyframes infoHotelPart1 {
  0% {
    width: 100%
  }

  100% {
    width: 0
  }
}

@-webkit-keyframes infoHotelPart2 {
  0% {
    width: 100%
  }

  100% {
    width: 0
  }
}

@keyframes infoHotelPart2 {
  0% {
    width: 100%
  }

  100% {
    width: 0
  }
}

.info-hotel-slider {
  width: 100%;
  margin: 0
}

@media (max-width:600px) {
  .info-hotel-slider:not(:last-child) {
    margin-bottom: 20px
  }
}

.info-hotel-slider__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:600px) {
  .info-hotel-slider__wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.info-hotel-slider__slide {
  border-bottom: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:600px) {
  .info-hotel-slider__slide {
    width: 200px;
    border-top: 1px solid rgba(74, 80, 90, .4)
  }
}

.info-hotel-slider__slide:first-child {
  border-top: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:600px) {
  .info-hotel-slider__slide:first-child {
    border-bottom: 1px solid rgba(74, 80, 90, .4)
  }
}

.eda {
  /* padding-top: 60px; */
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .eda {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .eda {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .eda {
    /* padding-top: 40px */
  }
}

.eda__container {
  max-width: 1688px
}

.eda__title {
  max-width: 700px;
  margin: 0 auto;
  text-transform: uppercase
}

.eda__title .title-span {
  color: var(--main);
  text-align: center
}

.eda__title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1220px) {
  .eda__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .eda__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.eda__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 38px 40px
}

@media (max-width:1440px) {
  .eda__list {
    gap: 40px
  }
}

@media (max-width:991px) {
  .eda__list {
    gap: 40px 20px
  }
}

@media (max-width:768px) {
  .eda__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width:600px) {
  .eda__list {
    gap: 20px
  }
}

.eda__item:nth-child(even) {
  padding-top: 80px
}

@media (max-width:1440px) {
  .eda__item:nth-child(even) {
    /* padding-top: 40px */
  }
}

@media (max-width:1220px) {
  .eda__item:nth-child(even) {
    padding-top: 0
  }
}

.eda__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px
}

@media (max-width:991px) {
  .eda__top {
    gap: 20px
  }
}

.eda__top:not(:last-child) {
  margin-bottom: 10px
}

.eda__strong {
  display: block
}

.eda__strong:not(:last-child) {
  margin-bottom: 10px
}

@media (max-width:600px) {
  .eda__strong:not(:last-child) {
    margin-bottom: 5px
  }
}

.eda__text {
  color: var(--main)
}

.eda__text_1 {
  white-space: nowrap
}

.eda__image {
  position: relative;
  padding-bottom: 57%
}

@media (max-width:1220px) {
  .eda__image {
    padding-bottom: 75%
  }
}

@media (any-hover:hover) {
  .eda__image:hover a span {
    opacity: 1;
    visibility: visible
  }

  .eda__image:hover a::before {
    opacity: 1;
    visibility: visible
  }
}

.eda__image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.eda__image a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.eda__image a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  z-index: 2
}

.eda__image a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.eda-wrapper-slider:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .eda-wrapper-slider:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .eda-wrapper-slider:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .eda-wrapper-slider:not(:last-child) {
    margin-bottom: 40px
  }
}

.eda-slider {
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  border-bottom: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:1440px) {
  .eda-slider {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (max-width:991px) {
  .eda-slider {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0
  }
}

@media (max-width:600px) {
  .eda-slider {
    padding-bottom: 10px
  }
}

.eda-slider_2 {
  padding-left: 0;
  padding-right: 0
}

@media (max-width:991px) {
  .eda-slider:not(:last-child) {
    margin-bottom: 20px
  }
}

.eda-slider__wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px 80px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.eda-slider__wrapper_2 {
  gap: 16px 60px
}

@media (max-width:991px) {
  .eda-slider__wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0
  }
}

.eda-slider__slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.eda-slider__link {
  font-style: normal;
  color: var(--main);
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (max-width:600px) {
  .eda-slider__link {
    font-size: 18px;
    line-height: 14px
  }
}

.eda-slider__link.active {
  color: var(--d2-pink)
}

@media (any-hover:hover) {
  .eda-slider__link:hover {
    color: var(--hover)
  }
}

.eda-slider__link:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.plyaj-wrapper-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px 32px;
}

.plyaj-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
  color: var(--main);
}

.plyaj-list__item::before {
  content: "";
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  margin-top: 10px;
  background-color: var(--main);
}

@media (max-width: 991px) {
  .plyaj-list__item::before {
    margin-top: 8.5px;
  }
}

@media (max-width: 600px) {
  .plyaj-list__item::before {
    margin-top: 6px;
  }
}

.bilyard {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .bilyard {
    /* padding-top: 40px */
  }
}

.bilyard:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .bilyard:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .bilyard:not(:last-child) {
    margin-bottom: 60px
  }
}

.bilyard__container {
  max-width: 1688px;
  padding: 0 44px
}

@media (max-width:991px) {
  .bilyard__container {
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .bilyard__container {
    padding: 0 10px
  }
}

.bilyard .stars {
  margin-bottom: 35px
}

@media (max-width:991px) {
  .bilyard .stars {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .bilyard .stars {
    margin-bottom: 10px
  }
}

.bilyard__top:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .bilyard__top:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .bilyard__top:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .bilyard__top:not(:last-child) {
    margin-bottom: 40px
  }
}

.bilyard__title {
  text-transform: uppercase
}

.bilyard__title .title-span_2 {
  margin-bottom: 20px
}

@media (max-width:991px) {
  .bilyard__title .title-span_2 {
    margin-bottom: 10px
  }
}

@media (max-width:600px) {
  .bilyard__title .title-span_2 {
    margin-bottom: 5px
  }
}

.bilyard__title:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .bilyard__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.bilyard__precent {
  position: relative;
  padding-bottom: 43.15%;
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out
}

@media (max-width:991px) {
  .bilyard__precent {
    padding-bottom: 55%
  }
}

.bilyard__precent-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.bilyard__precent-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.bilyard-middle:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:600px) {
  .bilyard-middle:not(:last-child) {
    margin-bottom: 40px
  }
}

.bilyard-middle__container {
  max-width: 1920px
}

.bilyard-middle__text {
  color: var(--white)
}

.bilyard-middle__text_2 {
  max-width: 700px;
  margin: 0 auto;
  color: var(--main);
  text-align: center
}

.bilyard-middle__text_span span {
  display: block;
}

.bilyard-middle__text_2:not(:last-child) {
  margin-bottom: 90px
}

@media (max-width:991px) {
  .bilyard-middle__text_2:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .bilyard-middle__text_2:not(:last-child) {
    margin-bottom: 40px
  }
}

.bilyard-middle__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:1600px) {
  .bilyard-middle__list {
    gap: 40px 60px
  }
}

@media (max-width:1260px) {
  .bilyard-middle__list {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template: auto/repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px 40px
  }
}

@media (max-width:991px) {
  .bilyard-middle__list {
    gap: 20px
  }
}

@media (max-width:600px) {
  .bilyard-middle__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.bilyard-middle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
  padding: 40px 30px 40px 40px;
  background: -o-radial-gradient(50.1% 0, 100% 100%, #8ac1bc 0, #073e32 100%);
  background: radial-gradient(100% 100% at 50.1% 0, #8ac1bc 0, #073e32 100%);
  border-radius: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 555px;
  flex: 0 0 555px
}

@media (max-width:1600px) {
  .bilyard-middle__item {
    gap: 60px
  }
}

@media (max-width:1220px) {
  .bilyard-middle__item {
    gap: 40px
  }
}

@media (max-width:1220px) {
  .bilyard-middle__item {
    padding: 20px;
    gap: 20px
  }
}

@media (max-width:600px) {
  .bilyard-middle__item {
    padding: 10px
  }
}

.bilyard-middle__num {
  display: block
}

.bilyard-bottom:not(:last-child) {
  margin-bottom: 120px
}

.bilyard-bottom_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:1440px) {
  .bilyard-bottom:not(:last-child) {
    margin-bottom: 80px
  }

  .bilyard-bottom_2:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:1220px) {
  .bilyard-bottom:not(:last-child) {
    margin-bottom: 60px
  }

  .bilyard-bottom_2:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:991px) {
  .bilyard-bottom:not(:last-child) {
    margin-bottom: 40px
  }

  .bilyard-bottom_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.bilyard-bottom__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px 120px;
  max-width: 1688px;
  padding: 0 44px
}

.bilyard-bottom__container_2 {
  gap: 40px;
}

.bilyard-bottom__container_grid {
  display: -ms-grid;
  display: grid;
  grid-template: auto / repeat(2, 1fr);
  gap: 40px;
}

.bilyard-bottom__container_grid .bilyard-bottom__descr {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 100%;
}

.bilyard-bottom__container_grid .bilyard-bottom__text {
  margin-top: 0 !important;
}

@media (max-width:1660px) {
  .bilyard-bottom__container {
    gap: 40px
  }
}

@media (max-width:1220px) {
  .bilyard-bottom__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .bilyard-bottom__container_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .bilyard-bottom__container_grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 0 !important;
  }

  .bilyard-bottom__container_grid .bilyard-bottom__texts {
    display: none;
  }

  .bilyard-bottom__container_grid .bilyard-bottom__descr_none {}
}

@media (max-width:991px) {
  .bilyard-bottom__container {
    gap: 20px;
    padding: 0 20px
  }
}

@media (max-width:600px) {
  .bilyard-bottom__container {
    padding: 0 10px
  }
}

.bilyard-bottom__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 780px;
  flex: 0 1 780px;
  padding-bottom: 28.45%
}

@media (max-width:1440px) {
  .bilyard-bottom__image {
    padding-bottom: 37%
  }
}

@media (max-width:1220px) {
  .bilyard-bottom__image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    padding-bottom: 50%
  }
}

@media (max-width:400px) {
  .bilyard-bottom__image {
    padding-bottom: 60%
  }
}

.bilyard-bottom__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.bilyard-bottom__descr {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 562px;
  flex: 0 1 562px
}

@media (max-width:1220px) {
  .bilyard-bottom__descr {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.bilyard-bottom__texts:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .bilyard-bottom__texts:not(:last-child) {
    margin-bottom: 20px
  }
}

.bilyard-bottom__text {
  color: var(--main)
}

.plyaj-list__item a {
  color: inherit;
  transition: color .3s ease-in-out;
}

.bilyard-bottom__text a {
  color: inherit;
  transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
  .bilyard-bottom__text a:hover {
    color: var(--hover);
  }

  .plyaj-list__item a:hover {
    color: var(--hover);
  }
}

.bilyard-bottom__text a:focus-visible {
  color: var(--hover);
}

.bilyard-bottom__text a:active {
  color: var(--active);
  transition-duration: .1s;
}

.plyaj-list__item a:focus-visible {
  color: var(--hover);
}

.plyaj-list__item a:active {
  color: var(--active);
  transition-duration: .1s;
}

.bilyard-bottom__text:last-child {
  margin-top: 20px
}

.bilyard-bottom__text_nomargin:last-child {
  margin-top: 0;
}

.bilyard-bottom__button {
  color: var(--main)
}

.bilyard__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 45s;
  animation-duration: 45s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@media (any-hover:hover) {
  .bilyard__item:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
  }
}

@media (max-width:1220px) {
  .bilyard__item {
    gap: 5px
  }
}

.bilyard__item:not(:last-child) {
  margin-bottom: 10px
}

@media (max-width:1220px) {
  .bilyard__item:not(:last-child) {
    margin-bottom: 5px
  }
}

.bilyard__item_1 {
  position: relative;
  right: 100%;
  -webkit-animation-name: ticker-bil;
  animation-name: ticker-bil
}

.bilyard__item_noright {
  right: 0;
}

.bilyard__item_2 {
  -webkit-animation-name: ticker-bil-2;
  animation-name: ticker-bil-2
}

.bilyard__image {
  position: relative;
  height: 360px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 540px;
  flex: 0 0 540px
}

@media (max-width:1440px) {
  .bilyard__image {
    height: 280px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px
  }
}

@media (max-width:1220px) {
  .bilyard__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    height: 240px
  }
}

@media (max-width:991px) {
  .bilyard__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    height: 180px
  }
}

@media (max-width:600px) {
  .bilyard__image {
    height: 120px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px
  }
}

.bilyard__image_2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1118px;
  flex: 0 0 1118px
}

@media (max-width:1440px) {
  .bilyard__image_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 868px;
    flex: 0 0 868px
  }
}

@media (max-width:1220px) {
  .bilyard__image_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 741px;
    flex: 0 0 741px
  }
}

@media (max-width:991px) {
  .bilyard__image_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 555px;
    flex: 0 0 555px
  }
}

@media (max-width:600px) {
  .bilyard__image_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 372px;
    flex: 0 0 372px
  }
}

@media (any-hover:hover) {
  .bilyard__image:hover a span {
    opacity: 1;
    visibility: visible
  }

  .bilyard__image:hover a::before {
    opacity: 1;
    visibility: visible
  }
}

.bilyard__image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%
}

.bilyard__image a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.bilyard__image a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  z-index: 10
}

.bilyard__image a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

@-webkit-keyframes ticker-bil {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes ticker-bil {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes ticker-bil-2 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes ticker-bil-2 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.cl-anim-1 {
  opacity: 0
}

.cl-anim-2 {
  opacity: 0
}

.cl-anim-3 {
  opacity: 0
}

.spa-bani {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .spa-bani {
    /* padding-top: 40px */
  }
}

.spa-bani:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .spa-bani:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .spa-bani:not(:last-child) {
    margin-bottom: 60px
  }
}

.spa-bani__container {
  max-width: 1528px
}

.spa-bani__title {
  text-transform: uppercase;
  max-width: 700px;
  margin: 0 auto
}

.spa-bani__texqs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.spa-bani__title .title-span_1 {
  margin-top: 20px
}

@media (max-width:991px) {
  .spa-bani__title .title-span_1 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .spa-bani__title .title-span_1 {
    margin-top: 10px
  }
}

.spa-bani__title .title-span_2 {
  margin-top: 25px
}

@media (max-width:991px) {
  .spa-bani__title .title-span_2 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .spa-bani__title .title-span_2 {
    margin-top: 10px
  }
}

.spa-bani__title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1440px) {
  .spa-bani__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .spa-bani__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.spa-bani__ttle {
  text-transform: uppercase;
  text-align: center;
  color: var(--main)
}

.spa-bani__ttle:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:1440px) {
  .spa-bani__ttle:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .spa-bani__ttle:not(:last-child) {
    margin-bottom: 40px
  }
}

.spa-bani__top-item:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .spa-bani__top-item:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani__contents:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .spa-bani__contents:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .spa-bani__contents:not(:last-child) {
    margin-bottom: 40px
  }
}

.spa-bani__content {
  display: none
}

.spa-bani__content.active {
  display: block
}

.spa-bani__content.active .keyframes-anim-l {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.spa-bani__content.active .keyframes-anim-r {
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.spa-bani__list_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 40px
}

@media (max-width:991px) {
  .spa-bani__list_2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width:600px) {
  .spa-bani__list_2 {
    gap: 20px
  }
}

.spa-bani__list_3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr;
  grid-template: auto/1fr;
  gap: 120px 40px
}

@media (max-width:1440px) {
  .spa-bani__list_3 {
    gap: 80px 40px
  }
}

@media (max-width:1220px) {
  .spa-bani__list_3 {
    gap: 60px 40px
  }
}

@media (max-width:991px) {
  .spa-bani__list_3 {
    gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width:600px) {
  .spa-bani__list_3 {
    gap: 20px
  }
}

.spa-bani__list_4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 120px 40px
}

@media (max-width:1440px) {
  .spa-bani__list_4 {
    gap: 80px 40px
  }
}

@media (max-width:1220px) {
  .spa-bani__list_4 {
    gap: 60px 40px
  }
}

@media (max-width:991px) {
  .spa-bani__list_4 {
    gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

@media (max-width:600px) {
  .spa-bani__list_4 {
    gap: 20px
  }
}

.spa-bani__item_back {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 465px;
  padding: 20px
}

@media (max-width:600px) {
  .spa-bani__item_back {
    padding: 20px 10px;
    min-height: 350px
  }
}

.spa-bani__item_back::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) -0.13%, rgba(0, 0, 0, 0) 72.98%);
}

.spa-bani__item_backbefore::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.spa-bani__item_back:not(:last-child) {
  margin-bottom: 0
}

.spa-bani__item:nth-child(even) .spa-bani-bottom_flex .spa-bani-bottom__descr {
  margin-right: 40px
}

.spa-bani__item:nth-child(even) .spa-bani-bottom_flex .spa-bani-bottom__image {
  margin-right: 0
}

@media (max-width:991px) {
  .spa-bani__item:nth-child(even) .spa-bani-bottom_flex .spa-bani-bottom__descr {
    margin-right: 20px
  }
}

@media (max-width:768px) {
  .spa-bani__item:nth-child(even) .spa-bani-bottom_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .spa-bani__item:nth-child(even) .spa-bani-bottom_flex .spa-bani-bottom__descr {
    margin-bottom: 20px
  }
}


.spa-bani-bottom-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  color: var(--main);
}

.spa-bani-bottom-list__item::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3px;
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--main);
  margin-top: 10px;
}

@media (max-width: 991px) {
  .spa-bani-bottom-list__item {
    gap: 10px;
  }

  .spa-bani-bottom-list__item::before {
    margin-top: 8.5px;
  }
}

@media (max-width: 600px) {
  .spa-bani-bottom-list__item {
    gap: 5px;
  }

  .spa-bani-bottom-list__item::before {
    margin-top: 6px;
  }
}

.spa-bani__item:nth-child(even) .spa-bani-bottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media (max-width:768px) {
  .spa-bani__item:nth-child(even) .spa-bani-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.spa-bani__descr_2 {
  position: relative;
  z-index: 2
}

.spani-bani-btrx {
  text-align: left;
  color: var(--white);
  font-style: normal;
  font-family: AfjatTrends;
  letter-spacing: 0
}

.spani-bani-btrx span {
  display: block;
}

.spani-bani-btrx:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani__subtitle {
  text-align: left;
  color: var(--white);
  font-style: normal;
  font-family: AfjatTrends;
  letter-spacing: 0
}

.spa-bani__subtitle span {
  display: block
}

.spa-bani__subtitle span span {
  display: block
}

.spa-bani__subtitle .margin:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani__subtitle:not(:last-child) {
  margin-bottom: 20px
}

.webp .spa-bani__item_back-1 {
  background-image: url(../img/spa-complex-8.webp)
}

.webp .spa-bani__item_back-2 {
  background-image: url(../img/spa-complex-9.webp)
}

.webp .spa-bani__item_back-3 {
  background-image: url(../img/spa-complex-10.webp)
}

.webp .spa-bani__item_back-4 {
  background-image: url(../img/spa-complex-16.webp)
}

.webp .spa-bani__item_back-5 {
  background-image: url(../img/spa-complex-17.webp)
}

.webp .spa-bani__item_back-6 {
  background-image: url(../img/spa-complex-18.webp)
}

.webp .spa-bani__item_back-7 {
  background-image: url(../img/spa-complex-19.webp)
}

.webp .spa-bani__item_back-8 {
  background-image: url(../img/spa-complex-20.webp)
}

.webp .spa-bani__item_back-9 {
  background-image: url(../img/spa-complex-20.webp)
}

.webp .spa-bani__item_back-10 {
  background-image: url(../img/spa-complex-21.webp)
}

.webp .spa-bani__item_back-11 {
  background-image: url(../img/spa-complex-22.webp)
}

.webp .spa-bani__item_back-12 {
  background-image: url(../img/spa-complex-23.webp)
}

.webp .spa-bani__item_back-13 {
  background-image: url(../img/spa-complex-24.webp)
}

.webp .spa-bani__item_back-14 {
  background-image: url(../img/spa-complex-25.webp)
}

.webp .spa-bani__item_back-15 {
  background-image: url(../img/spa-complex-26.webp)
}

.webp .spa-bani__item_back-16 {
  background-image: url(../img/spa-complex-70.webp)
}

.no-webp .spa-bani__item_back-1 {
  background-image: url(../img/spa-complex-8.jpg)
}

.no-webp .spa-bani__item_back-2 {
  background-image: url(../img/spa-complex-9.jpg)
}

.no-webp .spa-bani__item_back-3 {
  background-image: url(../img/spa-complex-10.jpg)
}

.no-webp .spa-bani__item_back-4 {
  background-image: url(../img/spa-complex-16.jpg)
}

.no-webp .spa-bani__item_back-5 {
  background-image: url(../img/spa-complex-17.jpg)
}

.no-webp .spa-bani__item_back-6 {
  background-image: url(../img/spa-complex-18.jpg)
}

.no-webp .spa-bani__item_back-7 {
  background-image: url(../img/spa-complex-19.jpg)
}

.no-webp .spa-bani__item_back-8 {
  background-image: url(../img/spa-complex-20.jpg)
}

.no-webp .spa-bani__item_back-9 {
  background-image: url(../img/spa-complex-20.jpg)
}

.no-webp .spa-bani__item_back-10 {
  background-image: url(../img/spa-complex-21.jpg)
}

.no-webp .spa-bani__item_back-11 {
  background-image: url(../img/spa-complex-22.jpg)
}

.no-webp .spa-bani__item_back-12 {
  background-image: url(../img/spa-complex-23.jpg)
}

.no-webp .spa-bani__item_back-13 {
  background-image: url(../img/spa-complex-24.jpg)
}

.no-webp .spa-bani__item_back-14 {
  background-image: url(../img/spa-complex-25.jpg)
}

.no-webp .spa-bani__item_back-15 {
  background-image: url(../img/spa-complex-26.jpg)
}

.no-webp .spa-bani__item_back-16 {
  background-image: url(../img/spa-complex-70.jpg)
}

.spa-bani-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px
}

@media (max-width:991px) {
  .spa-bani-top {
    gap: 20px
  }
}

@media (max-width:768px) {
  .spa-bani-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
  }
}

.spa-bani-top:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani-top_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px
}

@media (max-width:768px) {
  .spa-bani-top_2 {
    gap: 10px
  }
}

.spa-bani-top_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .spa-bani-top_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-top_3 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px 20px
}

.spa-bani-top_4 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px
}

.spa-bani-top_4:not(:last-child) {
  margin-bottom: 0
}

.spa-bani-top__title {
  font-style: normal;
  color: var(--main);
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  font-family: AfjatTrends;
  letter-spacing: 0
}

.spa-bani-top__title span {
  display: block
}

@media (max-width:768px) {
  .spa-bani-top__title {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.spa-bani-top__title_2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%
}

.spa-bani-top__price {
  font-style: normal;
  text-align: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  font-family: AfjatTrends;
  letter-spacing: 0
}

@media (max-width:768px) {
  .spa-bani-top__price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
  }
}

.spa-bani-top__price_2 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.spa-bani-top__price_3 {
  font-size: 26px;
  line-height: 32px
}

@media (max-width:991px) {
  .spa-bani-top__price_3 {
    font-size: 22px;
    line-height: 30px
  }
}

@media (max-width:600px) {
  .spa-bani-top__price_3 {
    font-size: 20px;
    line-height: 28px
  }
}

.spa-bani-top__price_4 {
  font-family: FiraSans;
  text-align: right
}

@media (max-width:768px) {
  .spa-bani-top__price_4 {
    text-align: left
  }
}

.spa-bani-bottom_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.spa-bani-bottom__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.spa-bani-bottom_flex .spa-bani-bottom__image {
  margin-right: 40px
}

@media (max-width:991px) {
  .spa-bani-bottom_flex .spa-bani-bottom__image {
    margin-right: 20px
  }
}

@media (max-width:768px) {
  .spa-bani-bottom_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .spa-bani-bottom_flex .spa-bani-bottom__image {
    margin-right: 0
  }

  .spa-bani-bottom_flex .spa-bani-bottom__descr {
    margin-bottom: 20px
  }
}

.spa-bani-bottom_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px
}

@media (max-width:991px) {
  .spa-bani-bottom_2 {
    gap: 20px
  }
}

.spa-bani-bottom_3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px
}

.spa-bani-bottom__image {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  height: 400px
}

@media (max-width:768px) {
  .spa-bani-bottom__image {
    padding-bottom: 51%;
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
}

@media (max-width:500px) {
  .spa-bani-bottom__image {
    padding-bottom: 60%
  }
}

.spa-bani-bottom__image_2 {
  height: 893px
}

@media (max-width:768px) {
  .spa-bani-bottom__image_2 {
    padding-bottom: 75%;
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
  }
}

@media (max-width:500px) {
  .spa-bani-bottom__image_2 {
    padding-bottom: 90%
  }
}

@media (max-width:768px) {
  .spa-bani-bottom__image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
  }
}

.spa-bani-bottom__descr {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%
}

@media (max-width:768px) {
  .spa-bani-bottom__descr {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%
  }
}

.spa-bani-bottom__descr-top:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .spa-bani-bottom__descr-top:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .spa-bani-bottom__descr-top:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-bottom__descr-top_2:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani-bottom__title {
  color: var(--main);
  font-weight: 500;
  padding-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:600px) {
  .spa-bani-bottom__title {
    padding-bottom: 10px
  }
}

.spa-bani-bottom__title:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani-bottom__list:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani-bottom__list_2:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .spa-bani-bottom__list_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-bottom__item-top:not(:last-child) {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .spa-bani-bottom__item-top:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-bottom__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px
}

@media (max-width:600px) {
  .spa-bani-bottom__item {
    gap: 5px
  }
}

.spa-bani-bottom__item::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3px;
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--main);
  z-index: 1;
  margin-top: 10px
}

@media (max-width:991px) {
  .spa-bani-bottom__item::before {
    margin-top: 9px
  }
}

@media (max-width:600px) {
  .spa-bani-bottom__item::before {
    margin-top: 7px
  }
}

.spa-bani-bottom__item:not(:last-child) {
  margin-bottom: 5px
}

.spa-bani-bottom__item_2 {
  display: block
}

.spa-bani-bottom__item_2::before {
  display: none
}

.spa-bani-bottom__item_2:not(:last-child) {
  margin-bottom: 30px
}

@media (max-width:991px) {
  .spa-bani-bottom__item_2:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-bottom__text {
  color: var(--main)
}

.spa-bani-bottom__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
  .spa-bani-bottom__text a:hover {
    color: var(--hover);
  }
}

.spa-bani-bottom__text a:focus-visible {
  color: var(--hover);
}

.spa-bani-bottom__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.spa-bani-bottom__text span {
  font-weight: 500
}

.spa-bani-bottom__text_2 {
  font-weight: 500
}

.spa-bani-bottom__text_2 span {
  display: block
}

.spa-bani-bottom__text_margin:not(:last-child) {
  margin-bottom: 20px
}

.spa-bani-bottom__button {
  color: var(--main)
}

.spa-bani-bottom__button_2 {
  color: var(--white)
}

.keyframes-anim-l {
  -webkit-animation-name: keyframesAnimL;
  animation-name: keyframesAnimL;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.keyframes-anim-r {
  -webkit-animation-name: keyframesAnimR;
  animation-name: keyframesAnimR;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes keyframesAnimL {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes keyframesAnimL {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes keyframesAnimR {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes keyframesAnimR {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.wrapper-show-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.wrapper-show-buttons__button {
  display: none;
  color: var(--main)
}

.wrapper-show-buttons__button.is-hidden {
  display: none
}

.wrapper-show-buttons__button.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.restorans-l {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .restorans-l {
    /* padding-top: 40px */
  }
}

.restorans-l:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .restorans-l:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .restorans-l:not(:last-child) {
    margin-bottom: 60px
  }
}

.restorans-l__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template: auto/repeat(2, 1fr);
  gap: 120px 40px
}

@media (max-width:1440px) {
  .restorans-l__list {
    gap: 80px 40px
  }
}

@media (max-width:1220px) {
  .restorans-l__list {
    gap: 60px 40px
  }
}

@media (max-width:991px) {
  .restorans-l__list {
    gap: 40px 20px
  }
}

@media (max-width:650px) {
  .restorans-l__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
}

.restorans-l__title {
  text-transform: uppercase;
  max-width: 700px;
  margin: 0 auto
}

.restorans-l__title .title-span_1 {
  margin-top: 20px
}

@media (max-width:991px) {
  .restorans-l__title .title-span_1 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .restorans-l__title .title-span_1 {
    margin-top: 10px
  }
}

.restorans-l__title .title-span_2 {
  margin-top: 25px
}

@media (max-width:991px) {
  .restorans-l__title .title-span_2 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .restorans-l__title .title-span_2 {
    margin-top: 10px
  }
}

.restorans-l__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .restorans-l__title:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .restorans-l__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .restorans-l__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:500px) {
  .restorans-l__subtitle {
    padding: 0 10px
  }
}

.restorans-l__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .restorans-l__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-l__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 37px 20px;
  min-height: 700px
}

@media (max-width:1220px) {
  .restorans-l__content {
    min-height: 600px
  }
}

@media (max-width:991px) {
  .restorans-l__content {
    min-height: 500px;
    padding: 30px 20px
  }
}

@media (max-width:600px) {
  .restorans-l__content {
    padding: 30px 10px
  }
}

.restorans-l__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

.restorans-l__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.restorans-l__image img {
  display: block;
  width: 120%;
  height: 130%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media (max-width:991px) {
  .restorans-l__image img {
    width: 150%
  }
}

.restorans-l__descr {
  position: relative;
  z-index: 2;
  min-height: 389px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width:991px) {
  .restorans-l__descr {
    min-height: 330px
  }
}

@media (max-width:600px) {
  .restorans-l__descr {
    min-height: 280px
  }
}

.restorans-l__mintitle {
  color: var(--white);
  text-align: left
}

.restorans-l__mintitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .restorans-l__mintitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-l__text:not(:last-child) {
  margin-bottom: 92px
}

@media (max-width:991px) {
  .restorans-l__text:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .restorans-l__text:not(:last-child) {
    margin-bottom: 20px
  }
}

.restorans-l__link {
  margin-top: auto
}

.wrapper-form-all {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.wrapper-form-all .name-hidden-value {
  display: none
}

.wrapper-form-all.active {
  opacity: 1;
  visibility: visible
}

.wrapper-form-all__close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.wrapper-form-all__item {
  width: 100%
}

.wrapper-form-all__item.disabled {
  display: none
}

.wrapper-form-all__text {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -.04em;
  color: rgba(74, 80, 90, .8)
}

.wrapper-form-all__text span {
  text-decoration: underline
}

.wrapper-form-all__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media (any-hover:hover) {
  .wrapper-form-all__text a:hover {
    color: var(--hover)
  }
}

.wrapper-form-all__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-form-all__exit {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 20px;
  height: 20px;
  z-index: 1
}

@media (max-width:991px) {
  .wrapper-form-all__exit {
    top: 15px;
    right: 15px
  }
}

@media (max-width:600px) {
  .wrapper-form-all__exit {
    width: 16px;
    height: 16px
  }
}

.wrapper-form-all__exit svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--black);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media (any-hover:hover) {
  .wrapper-form-all__exit svg:hover {
    fill: var(--hover)
  }
}

.wrapper-form-all__exit svg:active {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-form-all__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  background-color: var(--gray-2);
  max-width: 600px;
  width: 100%;
  padding: 77px 77px 60px 77px;
  min-height: 300px
}

@media (max-width:1220px) {
  .wrapper-form-all__body {
    padding: 60px 30px
  }
}

@media (max-width:991px) {
  .wrapper-form-all__body {
    padding: 40px 20px
  }
}

@media (max-width:650px) {
  .wrapper-form-all__body {
    max-width: none;
    width: 95%
  }
}

@media (max-width:600px) {
  .wrapper-form-all__body {
    padding: 40px 15px
  }
}

.wrapper-form-all__title {
  color: var(--main);
  text-align: center
}

@media (max-width:600px) {
  .wrapper-form-all__title {
    font-size: 18px;
    line-height: 26px
  }
}

.wrapper-form-all__title:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .wrapper-form-all__title:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .wrapper-form-all__title:not(:last-child) {
    margin-bottom: 20px
  }
}

.form-all {
  display: block;
  width: 100%
}

.form-all:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .form-all:not(:last-child) {
    margin-bottom: 20px
  }
}

.form-all__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%
}

.form-all__label .just-validate-error-label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  color: red !important;
  font-weight: 400
}

@media (max-width:991px) {
  .form-all__label .just-validate-error-label {
    font-size: 12px;
    line-height: 16px
  }
}

@media (max-width:600px) {
  .form-all__label .just-validate-error-label {
    font-size: 10px;
    line-height: 14px
  }
}

.form-all__label:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .form-all__label:not(:last-child) {
    margin-bottom: 20px
  }
}

.form-all__input {
  display: block;
  width: 100%;
  height: 40px;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -.04em;
  color: rgba(74, 80, 90, .8);
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.form-all__input.just-validate-error-field {
  border-color: red
}

@media (any-hover:hover) {
  .form-all__input:hover {
    border-color: var(--hover)
  }
}

.form-all__input:focus-visible {
  border-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.form-all__button {
  color: var(--main)
}

.wrapper-form-all-spinner {
  display: none;
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.wrapper-form-all-spinner.active {
  display: block
}

.wrapper-form-all-spinner__spin {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid var(--l-green);
  opacity: .9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px
}

.wrapper-form-all-spinner__spin_1 {
  top: 10%;
  left: 10%;
  width: 50px;
  height: 50px;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  -webkit-box-shadow: 0 0 35px var(--l-green);
  box-shadow: 0 0 35px var(--l-green)
}

.wrapper-form-all-spinner__spin_2 {
  top: 27%;
  left: 28%;
  -webkit-box-shadow: 0 0 15px var(--l-green);
  box-shadow: 0 0 15px var(--l-green);
  width: 30px;
  height: 30px;
  -moz-animation: spinoff .5s infinite linear;
  -webkit-animation: spinoff .5s infinite linear
}

.wrapper-form-all-okay {
  width: 100%;
  display: none;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:600px) {
  .wrapper-form-all-okay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.wrapper-form-all-okay.active {
  display: block
}

.wrapper-form-all-okay__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-color: var(--l-green)
}

@media (max-width:991px) {
  .wrapper-form-all-okay__icon {
    width: 100px;
    height: 100px
  }
}

@media (max-width:600px) {
  .wrapper-form-all-okay__icon {
    width: 80px;
    height: 80px
  }
}

.wrapper-form-all-okay__icon span {
  display: block;
  width: 25px;
  -webkit-transform: rotate(-140deg) translate(2px, 6px);
  -ms-transform: rotate(-140deg) translate(2px, 6px);
  transform: rotate(-140deg) translate(2px, 6px);
  height: 40px;
  border-top: 4px solid var(--white);
  border-left: 4px solid var(--white)
}

@media (max-width:600px) {
  .wrapper-form-all-okay__icon span {
    -webkit-transform: rotate(-140deg) translate(2px, 5px);
    -ms-transform: rotate(-140deg) translate(2px, 5px);
    transform: rotate(-140deg) translate(2px, 5px);
    width: 20px;
    height: 34px
  }
}

.wrapper-form-all-okay__icon:not(:last-child) {
  margin-bottom: 20px
}

.wrapper-form-all-okay__title {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .wrapper-form-all-okay__title {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .wrapper-form-all-okay__title {
    font-size: 22px
  }
}

.wrapper-form-all-okay__title:not(:last-child) {
  margin-bottom: 16px
}

.wrapper-form-all-okay__text {
  color: var(--main);
  text-align: center
}

.wrapper-form-all-error {
  display: none;
  width: 100%
}

.wrapper-form-all-error.active {
  display: block
}

.wrapper-form-all-error__strong {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .wrapper-form-all-error__strong {
    font-size: 26px
  }
}

@media (max-width:600px) {
  .wrapper-form-all-error__strong {
    font-size: 22px
  }
}

.wrapper-form-all-error__strong:not(:last-child) {
  margin-bottom: 20px
}

.wrapper-form-all-error__text {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  color: var(--main)
}

@media (max-width:991px) {
  .wrapper-form-all-error__text {
    font-size: 18px
  }
}

@media (max-width:600px) {
  .wrapper-form-all-error__text {
    font-size: 16px
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(-360deg)
  }
}

.oplata-vozvrat {
  /* padding-top: 60px */
}

@media (max-width:600px) {
  .oplata-vozvrat {
    /* padding-top: 40px */
  }
}

.oplata-vozvrat:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .oplata-vozvrat:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .oplata-vozvrat:not(:last-child) {
    margin-bottom: 60px
  }
}

.oplata-vozvrat__container_2 {
  max-width: 1920px
}

.oplata-vozvrat__title {
  max-width: 700px;
  margin: 0 auto;
  text-transform: uppercase
}

.oplata-vozvrat__title .title-span_1 {
  margin-top: 20px
}

@media (max-width:991px) {
  .oplata-vozvrat__title .title-span_1 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .oplata-vozvrat__title .title-span_1 {
    margin-top: 10px
  }
}

.oplata-vozvrat__title .title-span_2 {
  margin-top: 25px
}

@media (max-width:991px) {
  .oplata-vozvrat__title .title-span_2 {
    margin-top: 15px
  }
}

@media (max-width:600px) {
  .oplata-vozvrat__title .title-span_2 {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1
  }
}

.oplata-vozvrat__title:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .oplata-vozvrat__title:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .oplata-vozvrat__title:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .oplata-vozvrat__title:not(:last-child) {
    margin-bottom: 40px
  }
}

.oplata-vozvrat__title_2:not(:last-child) {
  margin-bottom: 40px
}

.oplata-vozvrat__subtitle {
  font-family: AfjatTrends;
  font-style: normal;
  font-weight: 500;
  color: var(--main);
  text-align: center
}

.oplata-vozvrat__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .oplata-vozvrat__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.oplata-vozvrat__list {
  max-width: 700px;
  margin: 0 auto
}

.oplata-vozvrat__list:not(:last-child) {
  margin-bottom: 95px
}

@media (max-width:991px) {
  .oplata-vozvrat__list:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .oplata-vozvrat__list:not(:last-child) {
    margin-bottom: 40px
  }
}

.oplata-vozvrat__item:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .oplata-vozvrat__item:not(:last-child) {
    margin-bottom: 10px
  }
}

.oplata-vozvrat__mintitle {
  font-weight: 500;
  color: var(--main);
  text-align: center
}

.oplata-vozvrat__mintitle:not(:last-child) {
  margin-bottom: 10px
}

.oplata-vozvrat__text {
  color: var(--main);
  text-align: center
}

.oplata-vozvrat__text:not(:last-child) {
  margin-bottom: 20px
}

@media (max-width:600px) {
  .oplata-vozvrat__text:not(:last-child) {
    margin-bottom: 10px
  }
}

.oplata-vozvrat__text_500 {
  font-weight: 500
}

.oplata-vozvrat__text span {
  font-weight: 500
}

.oplata-vozvrat__subitem:not(:last-child) {
  margin-bottom: 10px
}

@media (max-width:600px) {
  .oplata-vozvrat__subitem:not(:last-child) {
    margin-bottom: 5px
  }
}

.konferenc-zal__image {
  position: relative;
  padding-bottom: 45%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out .4s;
  -o-transition: opacity .6s ease-in-out .4s;
  transition: opacity .6s ease-in-out .4s;
  cursor: pointer
}

.konferenc-zal__image.active .konferenc-zal__video-button {
  opacity: 0;
  visibility: hidden
}

.konferenc-zal__image.active::before {
  opacity: 0;
  visibility: hidden
}

@media (max-width:991px) {
  .konferenc-zal__image {
    padding-bottom: 55%
  }
}

@media (max-width:600px) {
  .konferenc-zal__image {
    padding-bottom: 75%
  }
}

@media (any-hover:hover) {
  .konferenc-zal__image:hover::before {
    background-color: rgba(0, 0, 0, .2)
  }
}

.konferenc-zal__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out
}

.konferenc-zal__image video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  z-index: 1
}

.konferenc-zal__image_konferenc {
  padding-bottom: 43.2%;
}

.konferenc-zal__image_plyaj {
  padding-bottom: 45%;
}

.konferenc-zal__image:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .konferenc-zal__image:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .konferenc-zal__image:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .konferenc-zal__image:not(:last-child) {
    margin-bottom: 40px
  }
}

.konferenc-zal__video-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 80px;
  height: 80px;
  background-color: var(--l-green);
  border-radius: 50%;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media (max-width:1440px) {
  .konferenc-zal__video-button {
    width: 60px;
    height: 60px
  }
}

@media (max-width:600px) {
  .konferenc-zal__video-button {
    width: 40px;
    height: 40px
  }
}

.konferenc-zal__video-button::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 30px;
  border-color: transparent transparent transparent var(--white);
  margin-right: -7px
}

@media (max-width:1440px) {
  .konferenc-zal__video-button::before {
    border-width: 10px 0 10px 20px
  }
}

@media (max-width:600px) {
  .konferenc-zal__video-button::before {
    border-width: 8px 0 8px 14px;
    margin-right: -4px
  }
}

.konferenc-zal__content {
  max-width: 700px;
  margin: 0 auto
}

.konferenc-zal__top:not(:last-child) {
  margin-bottom: 110px
}

@media (max-width:1440px) {
  .konferenc-zal__top:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:1220px) {
  .konferenc-zal__top:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:991px) {
  .konferenc-zal__top:not(:last-child) {
    margin-bottom: 40px
  }
}

.konferenc-zal__text {
  text-align: center
}

.konferenc-zal__text:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .konferenc-zal__text:not(:last-child) {
    margin-bottom: 20px
  }
}

@media (max-width:600px) {
  .konferenc-zal__text:not(:last-child) {
    margin-bottom: 10px
  }
}

.konferenc-zal__text_2 {
  text-align: left
}

.konferenc-zal__text_2:not(:last-child) {
  margin-bottom: 0
}

.konferenc-zal__subtitle {
  text-align: center
}

.konferenc-zal__subtitle:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:600px) {
  .konferenc-zal__subtitle:not(:last-child) {
    margin-bottom: 20px
  }
}

.konferenc-zal__list:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .konferenc-zal__list:not(:last-child) {
    margin-bottom: 20px
  }
}

.konferenc-zal__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(74, 80, 90, .4)
}

@media (max-width:600px) {
  .konferenc-zal__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px
  }
}

.konferenc-zal__item_2 {
  display: block
}

@media (max-width:600px) {
  .konferenc-zal__item_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px
  }
}

.konferenc-zal__item:not(:last-child) {
  margin-bottom: 20px
}

.konferenc-zal__price {
  text-align: right
}

.konferenc-zal__price:not(:last-child) {
  margin-bottom: 0
}

.konferenc-zal__item-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px
}

@media (max-width:600px) {
  .konferenc-zal__item-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px
  }
}

.konferenc-zal__mintitle:not(:last-child) {
  margin-bottom: 20px
}

.konferenc-zal__sublist {
  padding-left: 15px
}

@media (max-width:600px) {
  .konferenc-zal__sublist {
    padding-left: 0
  }
}

.konferenc-zal__subitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.konferenc-zal__subitem::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3px;
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--main);
  z-index: 1
}

.konferenc-zal__subitem:not(:last-child) {
  margin-bottom: 10px
}

.konferenc-zal__button {
  color: var(--main)
}

.loaded .konferenc-zal__image {
  opacity: 1
}

.wrapper-gallery {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: auto;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 150;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  padding: 50px 0
}

.wrapper-gallery.active {
  opacity: 1;
  visibility: visible
}

.wrapper-gallery__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.wrapper-gallery__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--l-green);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  z-index: 5
}

@media (max-width:991px) {
  .wrapper-gallery__exit {
    width: 35px;
    height: 35px;
    top: 15px;
    right: 15px
  }
}

@media (max-width:600px) {
  .wrapper-gallery__exit {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px
  }
}

@media (any-hover:hover) {
  .wrapper-gallery__exit:hover {
    background-color: var(--hover-2)
  }
}

.wrapper-gallery__exit:active {
  background-color: var(--active-4);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-gallery__exit span {
  position: relative;
  display: block;
  width: 20px;
  height: 30px
}

@media (max-width:991px) {
  .wrapper-gallery__exit span {
    width: 15px
  }
}

.wrapper-gallery__exit span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  transform: rotate(45deg) translate(10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.wrapper-gallery__exit span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  -ms-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.wrapper-gallery__wrapper-button {
  position: absolute;
  z-index: 5
}

.wrapper-gallery__wrapper-button_prev {
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:1220px) {
  .wrapper-gallery__wrapper-button_prev {
    left: 15px
  }
}

@media (max-width:768px) {
  .wrapper-gallery__wrapper-button_prev {
    left: 5px
  }
}

@media (max-width:400px) {
  .wrapper-gallery__wrapper-button_prev {
    left: 0
  }
}

.wrapper-gallery__wrapper-button_next {
  top: 50.5%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:1220px) {
  .wrapper-gallery__wrapper-button_next {
    right: 15px
  }
}

@media (max-width:768px) {
  .wrapper-gallery__wrapper-button_next {
    right: 5px
  }
}

@media (max-width:400px) {
  .wrapper-gallery__wrapper-button_next {
    right: 0
  }
}

.wrapper-gallery__button {
  width: 60px;
  height: 60px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: var(--l-green);
  border-radius: 50%;
  padding: 5px;
  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
  transition: background-color .3s ease-in-out, opacity .3s ease-in-out
}

.wrapper-gallery__button.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.wrapper-gallery__button::before {
  content: "";
  width: 15px;
  height: 15px;
  border-left: 3px solid var(--white);
  border-top: 3px solid var(--white)
}

@media (max-width:1220px) {
  .wrapper-gallery__button::before {
    width: 12px;
    height: 12px
  }
}

@media (max-width:768px) {
  .wrapper-gallery__button::before {
    width: 9px;
    height: 9px
  }
}

.wrapper-gallery__button.wrapper-gallery-prev::before {
  -webkit-transform: rotate(-45deg) translate(2px, 2px);
  -ms-transform: rotate(-45deg) translate(2px, 2px);
  transform: rotate(-45deg) translate(2px, 2px)
}

@media (max-width:1220px) {
  .wrapper-gallery__button.wrapper-gallery-prev::before {
    -webkit-transform: rotate(-45deg) translate(1px, 2px);
    -ms-transform: rotate(-45deg) translate(1px, 2px);
    transform: rotate(-45deg) translate(1px, 2px)
  }
}

.wrapper-gallery__button.wrapper-gallery-next::before {
  -webkit-transform: rotate(133deg) translate(2px, 2px);
  -ms-transform: rotate(133deg) translate(2px, 2px);
  transform: rotate(133deg) translate(2px, 2px)
}

@media (max-width:1220px) {
  .wrapper-gallery__button.wrapper-gallery-next::before {
    -webkit-transform: rotate(133deg) translate(2px, 1px);
    -ms-transform: rotate(133deg) translate(2px, 1px);
    transform: rotate(133deg) translate(2px, 1px)
  }
}

@media (max-width:768px) {
  .wrapper-gallery__button.wrapper-gallery-next::before {
    -webkit-transform: rotate(133deg) translate(1px, 1px);
    -ms-transform: rotate(133deg) translate(1px, 1px);
    transform: rotate(133deg) translate(1px, 1px)
  }
}

.wrapper-gallery__button.disabled {
  background-color: var(--dark);
  pointer-events: none
}

@media (max-width:1220px) {
  .wrapper-gallery__button {
    width: 45px;
    height: 45px
  }
}

@media (max-width:768px) {
  .wrapper-gallery__button {
    width: 35px;
    height: 35px
  }
}

@media (any-hover:hover) {
  .wrapper-gallery__button:hover {
    background-color: var(--hover-2)
  }
}

.wrapper-gallery__button:active {
  background-color: var(--active-4);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.wrapper-gallery__content {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 80vw;
  flex: 0 1 80vw
}

@media (max-width:600px) {
  .wrapper-gallery__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100vw;
    flex: 0 1 100vw
  }
}

.wrapper-gallery__content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.wrapper-gallery__content img.gallery-active-photo {
  opacity: 1;
  visibility: visible
}

.wrapper-gallery-nums {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 50;
  background-color: var(--l-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px
}

@media (max-width:991px) {
  .wrapper-gallery-nums {
    top: 15px;
    left: 15px
  }
}

@media (max-width:600px) {
  .wrapper-gallery-nums {
    top: 10px;
    left: 10px;
    padding: 8px 10px
  }
}

.wrapper-gallery-nums span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: var(--white)
}

@media (max-width:991px) {
  .wrapper-gallery-nums span {
    font-size: 18px
  }
}

@media (max-width:600px) {
  .wrapper-gallery-nums span {
    font-size: 16px
  }
}

.napitki {
  /* padding-top: 60px; */
  margin-bottom: 120px
}

@media (max-width:1220px) {
  .napitki {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .napitki {
    /* padding-top: 40px; */
    margin-bottom: 60px
  }
}

.napitki__container {
  max-width: 1688px
}

.napitki__title {
  color: var(--main);
  text-transform: uppercase;
  text-align: center
}

.napitki__title:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .napitki__title:not(:last-child) {
    margin-bottom: 60px
  }
}

.napitki-content {
  max-width: 814px;
  margin: 0 auto
}

.napitki-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  opacity: 0;
  -webkit-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.napitki-content__item.active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.napitki-content__item:not(:last-child) {
  margin-bottom: 20px
}

.napitki-content__item_2 {
  display: block
}

.napitki-content__item_2:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width:991px) {
  .napitki-content__item_2:not(:last-child) {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .napitki-content__item_2:not(:last-child) {
    margin-bottom: 40px
  }
}

.napitki-content__left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%
}

.napitki-content__title:not(:last-child) {
  margin-bottom: 5px
}

.napitki-content__info {
  color: var(--main)
}

.napitki-content__price {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.napitki-content__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  cursor: pointer;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.napitki-content__head.active {
  border-color: var(--l-green)
}

.napitki-content__head.active .napitki-content__titles {
  color: var(--l-green)
}

.napitki-content__head.active .napitki-content__btn {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

.napitki-content__head.active .napitki-content__btn svg {
  fill: var(--l-green)
}

@media (any-hover:hover) {
  .napitki-content__head:hover .napitki-content__titles {
    color: var(--hover)
  }

  .napitki-content__head:hover .napitki-content__btn svg {
    fill: var(--hover)
  }
}

.napitki-content__head:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.napitki-content__head:active .napitki-content__btn svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.napitki-content__head:not(:last-child) {
  margin-bottom: 20px
}

.napitki-content__titles {
  line-height: 1.3;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

.napitki-content__btn {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.napitki-content__btn svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: var(--main);
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

.napitki-content__bottom {
  height: 0;
  overflow: hidden
}

.napitki-content__bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px
}

.napitki-content__bottom-item:not(:last-child) {
  margin-bottom: 20px
}

.no-found {
  position: relative;
  margin-top: 20px;
  background-size: cover;
  background-position: center;
}

.no-found::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  z-index: 2
}

.no-found__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
  min-height: 600px;
  height: 90vh;
  max-width: 900px
}

.no-found__descr {
  max-width: 370px
}

.no-found__title {
  font-family: AfjatTrends;
  color: var(--white)
}

.no-found__title span {
  display: block;
  text-align: left;
  font-style: normal;
  line-height: 1
}

@media (max-width:600px) {
  .no-found__title span:last-child {
    font-size: 80px
  }
}

.no-found__title:not(:last-child) {
  margin-bottom: 20px
}

.no-found__text {
  font-family: AfjatTrends;
  color: var(--white);
  text-align: left;
  font-style: normal;
  letter-spacing: normal
}

.no-found__text:not(:last-child) {
  margin-bottom: 20px
}

.restoraunt-gallery:not(:last-child) {
  margin-bottom: 120px
}

@media (max-width:1440px) {
  .restoraunt-gallery:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .restoraunt-gallery:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:600px) {
  .restoraunt-gallery:not(:last-child) {
    margin-bottom: 60px
  }
}

.restoraunt-gallery__container {
  max-width: 1688px
}

.restoraunt-gallery-slider:not(:last-child) {
  margin-bottom: 60px
}

@media (max-width:991px) {
  .restoraunt-gallery-slider:not(:last-child) {
    margin-bottom: 40px
  }
}

@media (max-width:600px) {
  .restoraunt-gallery-slider:not(:last-child) {
    margin-bottom: 20px
  }
}

.restoraunt-gallery-slider__wrapper {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template: auto/repeat(8, 1fr);
  grid-template-areas: "img1 img1 img1 img1 img1 img2 img2 img2"". img3 img3 img3 img4 img4 img4 img4"". . img5 img5 img5 img6 img6 img6"
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__wrapper {
    gap: 10px
  }
}

@media (max-width:991px) {
  .restoraunt-gallery-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0
  }
}

.restoraunt-gallery-slider__slide {
  position: relative
}

@media (max-width:991px) {
  .restoraunt-gallery-slider__slide {
    width: 300px
  }
}

@media (max-width:400px) {
  .restoraunt-gallery-slider__slide {
    width: 100%
  }

  .restoraunt-gallery-slider__slide_hidden {
    width: 100%;
  }
}

.restoraunt-gallery-slider__slide_1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  height: 553px;
  grid-area: img1
}

.restoraunt-gallery-slider__wrapper>.restoraunt-gallery-slider__slide_1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_1 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_1 {
    height: 300px
  }
}

.restoraunt-gallery-slider__slide_2 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  height: 553px;
  grid-area: img2
}

.restoraunt-gallery-slider__wrapper>.restoraunt-gallery-slider__slide_2 {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-column-span: 5
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_2 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_2 {
    height: 300px
  }
}

.restoraunt-gallery-slider__slide_3 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  height: 611px;
  grid-area: img3
}

.restoraunt-gallery-slider__wrapper>.restoraunt-gallery-slider__slide_3 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_3 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_3 {
    height: 300px
  }
}

.restoraunt-gallery-slider__slide_4 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  height: 611px;
  grid-area: img4
}

.restoraunt-gallery-slider__wrapper>.restoraunt-gallery-slider__slide_4 {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
  -ms-grid-column-span: 7
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_4 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_4 {
    height: 300px
  }
}

.restoraunt-gallery-slider__slide_5 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 5;
  height: 512px;
  grid-area: img5
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_5 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_5 {
    height: 300px
  }
}

.restoraunt-gallery-slider__slide_6 {
  -ms-grid-row: 5;
  -ms-grid-column: 11;
  -ms-grid-column-span: 5;
  height: 612px;
  grid-area: img6
}

@media (max-width:1440px) {
  .restoraunt-gallery-slider__slide_6 {
    height: 400px
  }
}

@media (max-width:1220px) {
  .restoraunt-gallery-slider__slide_6 {
    height: 300px
  }
}

@media (any-hover:hover) {
  .restoraunt-gallery-slider__slide:hover a span {
    opacity: 1;
    visibility: visible
  }

  .restoraunt-gallery-slider__slide:hover a::before {
    opacity: 1;
    visibility: visible
  }
}

.restoraunt-gallery-slider__slide a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.restoraunt-gallery-slider__slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.restoraunt-gallery-slider__slide a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .4em;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  z-index: 10
}

.restoraunt-gallery-slider__slide a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.restoraunt-gallery-slider__slide_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

@media (max-width:991px) {
  .restoraunt-gallery-slider__slide_hidden {
    height: 300px;
    width: 300px;
    position: relative;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
}

.restoraunt-gallery-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px
}

.restoraunt-gallery-pagination.swiper-pagination-bullets-dynamic {
  width: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

.restoraunt-gallery-pagination .swiper-pagination-bullet {
  flex: 0 0 12px !important;
  height: 12px;
  background-color: var(--l-green);
  margin: 0 !important
}

.booking {
  /* padding-top: 60px; */
  margin-bottom: 100px
}

@media (max-width:991px) {
  .booking {
    margin-bottom: 60px
  }
}

@media (max-width:600px) {
  .booking {
    /* padding-top: 40px */
  }
}

.activate-pp {
  display: none;
}

.pp {
  display: none;
  /* display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .6);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.pp.disabled {
  opacity: 0;
  visibility: hidden
}

.pp-visible .pp {
  display: flex;
}

.pp-visible .pp.disabled {
  opacity: 0;
  visibility: hidden
}

.pp__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.pp__descr {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  max-width: 900px;
  padding: 60px 30px;
  background-color: var(--white);
}

.pp__descr_2 {
  display: flex;
}

@media (max-width:991px) {
  .pp__descr {
    padding: 40px 20px;
    max-width: 95%;
    width: 100%;
  }
}

@media (max-width:600px) {
  .pp__descr {
    gap: 20px;
    padding: 30px 10px;
  }
}

.pp__title {
  font-size: 52px;
  color: var(--main);
  line-height: 1;
  text-align: center
}

.pp__title_2 {
  font-size: 32px;
}

@media (max-width:1440px) {
  .pp__title {
    font-size: 46px
  }

  .pp__title_2 {
    font-size: 32px;
  }
}

@media (max-width:1220px) {
  .pp__title {
    font-size: 38px
  }

  .pp__title_2 {
    font-size: 28px;
  }
}

@media (max-width:991px) {
  .pp__title {
    font-size: 32px
  }

  .pp__title_2 {
    font-size: 26px;
  }
}

.pp__text {
  color: var(--main);
  text-align: center
}

.pp__text span {
  display: block
}

.pp__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

.pp__text a small {
  font-size: inherit !important;
}

@media (any-hover:hover) {
  .pp__text a:hover {
    color: var(--hover)
  }
}

.pp__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.pp__button {
  min-width: 140px;
  padding: 10px 15px;
  min-height: 45px;
  color: var(--white);
  text-align: center;
  background-color: var(--l-green);
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media (any-hover:hover) {
  .pp__button:hover {
    background-color: var(--hover-2)
  }
}

.pp__button:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

@media (max-width:600px) {
  .pp__title {
    font-size: 26px
  }

  .pp__title_2 {
    font-size: 24px;
  }

  .pp__button {
    min-width: 100px;
    min-height: 35px;
  }
}

.rewiews-spa-price {
  font-family: 'AfjatTrends';
  font-weight: 300;
  font-size: 30px;
  line-height: 120%;
  color: var(--white)
}

.rewiews-spa-price_2 {
  color: var(--main);
}

@media (max-width: 991px) {
  .rewiews-spa-price {
    font-size: 26px;
  }
}

@media (max-width: 600px) {
  .rewiews-spa-price {
    font-size: 20px;
  }
}

.welcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.welcome.active {
  opacity: 1;
  visibility: visible;
}

.welcome__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, .5);
}

.welcome__exit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 10px;
  right: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid var(--white);
  background-color: var(--l-green);
  z-index: 5;
  -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width:991px) {
  .welcome__exit {
    width: 40px;
    height: 40px;
  }
}

@media (max-width:600px) {
  .welcome__exit {
    width: 36px;
    height: 36px;
    right: 10px
  }
}

@media (any-hover:hover) {
  .welcome__exit:hover {
    border-color: var(--hover);
    background-color: var(--hover)
  }
}

.welcome__exit:active {
  background-color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.welcome__exit:active span::before {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.welcome__exit:active span::after {
  background-color: var(--white);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s
}

.welcome__exit span {
  position: relative;
  display: block;
  width: 20px;
  height: 30px
}

.welcome__exit span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  transform: rotate(45deg) translate(10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.welcome__exit span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  -ms-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
  z-index: 1;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.welcome__body {
  position: relative;
  z-index: 2;
  width: 1440px;
}

.welcome__image::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.welcome__image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.welcome__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.welcome__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  /* min-height: 710px; */
  padding: 60px 44px;
  /* max-width: 1440px; */
  width: 100%;
}

.welcome__descr {
  width: 100%;
}

.welcome__title {
  text-align: center;
  color: var(--white);
}

.welcome__title:not(:last-child) {
  margin-bottom: 80px;
}

.welcome__wrapper-content {
  max-width: 1075px;
  margin: 0 auto;
}

.welcome__wrapper-content:not(:last-child) {
  margin-bottom: 80px;
}

.welcome__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}

.welcome__content:not(:last-child) {
  margin-bottom: 27px;
}

.welcome__item {}

.welcome__icon {
  display: block;
  width: 63px;
  height: 45px;
  margin: 0 auto;
}

.welcome__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.welcome__icon:not(:last-child) {
  margin-bottom: 10px;
}

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

.welcome__text_upper {
  text-transform: uppercase;
}

.welcome__line {
  max-width: 948px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.welcome__line-circle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  height: 10px;
  background-color: var(--white);
  border-radius: 50%;
}

.welcome__body-line {
  width: 100%;
  height: 2px;
  background-color: var(--white);
  opacity: .5;
}

.welcome__link {
  margin: 0 auto;
}

@media (max-width: 1560px) {
  .welcome__body {
    width: 95%;
  }
}

@media (max-width: 991px) {
  .welcome__icon {
    width: 50px;
    height: 35px;
  }

  .welcome__inner {
    padding: 60px 20px;
  }

  .welcome__title:not(:last-child) {
    margin-bottom: 54px;
  }

  .welcome__wrapper-content:not(:last-child) {
    margin-bottom: 54px;
  }
}

@media (max-width: 500px) {
  .welcome__wrapper-content {
    display: flex;
    flex-direction: row-reverse;
    gap: 32px;
  }

  .welcome__content {
    flex-direction: column;
    margin-right: auto;
    align-items: center;
  }

  .welcome__line {
    width: 10px;
    flex-shrink: 0;
    flex-direction: column;
    margin: 0 0 0 auto;
  }

  .welcome__content:not(:last-child) {
    margin-bottom: 0;
  }

  .welcome__body-line {
    height: 100%;
    width: 2px;
  }

  .welcome__line-circle {
    flex: none;
    width: 100%;
  }

  .welcome__link {
    min-width: 200px;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.photo {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.photo-slider {}

.photo-slider__wrapper {
  height: 810px;
}

.photo-slider__slide {
  position: relative;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 400px;
}

.photo-slider__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.photo-slider__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, .4);
}

.photo-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-slider__descr {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.photo-slider__title {
  color: var(--white);
  text-align: center;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: 0;
}

.photo-slider__title:not(:last-child) {
  margin-bottom: 60px;
}

.photo-slider__link {
  margin: 0 auto;
  font-size: 14px;
  min-width: 160px;
  min-height: 40px;
}

@media (max-width:1440px) {
  .photo-slider__title {
    font-size: 42px;
  }
}

@media (max-width: 1220px) {
  .photo-slider__title {
    font-size: 36px;
    letter-spacing: 0;
  }
}

@media (max-width: 991px) {
  .photo-slider__title {
    font-size: 32px;
  }


  .photo-slider__slide {
    padding: 24px;
  }
}

@media (max-width: 990px) {
  .photo-slider__wrapper {
    height: 805px;
  }
}

@media (max-width: 600px) {
  .photo-slider__wrapper {
    height: auto;
  }

  .photo-slider__slide {
    padding: 16px;
  }

  .photo-slider__title {
    font-size: 28px;
  }

  .photo-slider__title:not(:last-child) {
    margin-bottom: 40px;
  }

  .photo-slider__link {
    font-size: 10px;
    min-height: 35px;
  }
}

.novinki {
  /* padding-top: 60px; */
}

.novinki:not(:last-child) {
  margin-bottom: 160px
}

.novinki__image {
  position: relative;
  padding-bottom: 41.6%;
}

.novinki__image:not(:last-child) {
  margin-bottom: 60px;
}

.novinki__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.novinki__image_cover img {
  -o-object-fit: cover;
  object-fit: cover;
}

.novinki__title {
  max-width: 800px;
  margin: 0 auto;
  color: var(--black);
}

.novinki__title span:nth-child(1) {
  margin: 18px 0 15px 0;
}

.novinki__title:not(:last-child) {
  margin-bottom: 60px;
}

.novinki__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 32px 1fr;
  grid-template: auto / repeat(2, 1fr);
  gap: 32px;
  margin-top: 60px;
}

.novinki__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.novinki__item-text:nth-child(1) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.novinki__texts {}

.novinki__wrapper-info {}

.novinki__wrapper-info:not(:last-child) {
  margin-bottom: 60px;
}

.novinki__text {
  font-style: normal;
  letter-spacing: 0;
  color: var(--black);
}

.novinki__text a {
  color: inherit;
  transition: color .3s ease-in-out;
}

.novinki__text a small {
  font-size: inherit !important;
}

@media (any-hover: hover) {
  .novinki__text a:hover {
    color: var(--hover);
  }
}

.novinki__text a:focus-visible {
  color: var(--hover);
}

.novinki__text a:active {
  color: var(--active);
  transition-duration: .1s;
}

.novinki__text:not(:last-child) {
  margin-bottom: 32px;
}

.novinki__bottom {}

.novinki__bottom:not(:last-child) {
  margin-bottom: 60px;
}

.novinki__descleimer {
  font-style: normal;
  color: var(--black);
  font-weight: 400;
}

@media (max-width:1440px) {
  .novinki:not(:last-child) {
    margin-bottom: 130px
  }
}

@media (max-width:1220px) {
  .novinki:not(:last-child) {
    margin-bottom: 100px
  }
}

@media (max-width:991px) {
  .novinki__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 40px;
  }

  .novinki__bottom:not(:last-child) {
    margin-bottom: 40px;
  }

  .novinki__image:not(:last-child) {
    margin-bottom: 40px;
  }

  .novinki__wrapper-info:not(:last-child) {
    margin-bottom: 40px;
  }

  .novinki:not(:last-child) {
    margin-bottom: 60px
  }

  .novinki__text:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media (max-width:600px) {
  .novinki__image {
    position: relative;
    padding-bottom: 69%;
  }

  .novinki__image img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.name-eda-active-class {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -1000px;
}

small {
  opacity: 1 !important;
}

.obw-popup {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* display: none; */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.obw-popup.active {
  opacity: 1;
  visibility: visible;
}

.obw-popup__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.obw-popup__content {
  overflow: auto;
  max-width: 410px;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: auto;
}

.obw-popup__body {
  position: relative;
  height: 800px;
  padding: 32px 0;
}

.obw-popup__content_2 {
  max-width: 940px;
  width: 100%;
  height: auto;
  background-color: var(--white);
}

.obw-popup__body_2 {
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}

.obw-popup__image {
  width: 100%;
  height: 599px;
}

.obw-popup__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.obw-popup__top-text {
  position: absolute;
  left: 24px;
  bottom: 40px;
  font-family: Caravan;
  font-weight: 400;
  font-size: 160px;
  color: var(--white);
  text-align: center;
  line-height: 100%;
}

.obw-popup__top-text span {
  display: block;
  font-weight: 400;
  font-family: FiraSans;
}

.obw-popup__logo {
  position: absolute;
  top: 20px;
  left: 24px;
  width: 291px;
  height: 75px;
}

.obw-popup__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.obw-popup__top {
  position: relative;
}

.obw-popup__bottom {
  padding: 50px;
}

.obw-popup__text {
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: var(--main);
}

.obw-popup__link {
  display: block;
  text-align: center;
  font-style: normal;
  transition: color .3s ease-in-out;
}

.obw-popup__link:not(:last-child) {
  margin-bottom: 8px;
}

@media (any-hover: hover) {
  .obw-popup__link:hover {
    color: var(--hover);
  }
}

.obw-popup__link:focus-visible {
  color: var(--hover);
}

.obw-popup__link:active {
  color: var(--active);
  transition-duration: .1s;
}

.obw-popup__texts:not(:last-child) {
  margin-bottom: 50px;
}

.obw-popup__text_margin:not(:last-child) {
  margin-bottom: 30px;
}

.obw-popup .form-all-wrapper-value {
  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .obw-popup__texts:not(:last-child) {
    margin-bottom: 30px;
  }

  .obw-popup__bottom {
    padding: 30px;
  }
}

@media (max-width: 600px) {
  .obw-popup__text_margin:not(:last-child) {
    margin-bottom: 20px;
  }

  .obw-popup__texts:not(:last-child) {
    margin-bottom: 20px;
  }

  .obw-popup__bottom {
    padding: 20px;
  }
}

.obw-popup__wrapper-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
}

.obw-popup__button {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.obw-popup__video {
  width: 100%;
  height: 100%;
}

.obw-popup__exit {
  position: absolute;
  top: 45px;
  right: 10px;
  z-index: 3;
  width: 32px;
  height: 32px;
  padding: 4px;
  background-color: var(--black);
  transition: opacity .3s ease-in-out;
}

@media (any-hover: hover) {
  .obw-popup__exit:hover {
    opacity: .5;
  }
}

.obw-popup__exit:focus-visible {
  opacity: .5;
}

.obw-popup__exit:active {
  opacity: .5;
  transition-duration: .1s;
}

.obw-popup__exit svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--white);
  object-fit: contain;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
}

.obw-popup__exit_2 {
  width: 48px;
  height: 48px;
  padding: 0;
  top: 20px;
  right: 20px;
  background-color: transparent;
}

.obw-popup__exit_2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.obw-popup__video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1220px) {
  .obw-popup__content {
    max-width: 365px;
  }

  .obw-popup__content_2 {
    max-width: 700px;
  }

  .obw-popup__image {
    height: 480px;
  }

  .obw-popup__body {
    height: 700px;
  }

  .obw-popup__body_2 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .obw-popup__exit {
    top: 34px;
  }

  .obw-popup__exit_2 {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
  }

  .obw-popup__top-text {
    left: 15px;
    bottom: 15px;
    font-size: 100px;
  }

  .obw-popup__image {
    height: 300px;
  }

  .obw-popup__logo {
    width: 200px;
    height: 52px;
    top: 15px;
    left: 15px;
  }

  .obw-popup__content_2 {
    max-width: 520px;
  }

  .obw-popup__body {
    padding: 24px 0;
  }

  .obw-popup__body_2 {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .obw-popup__content {
    max-width: 290px;
  }

  .obw-popup__image {
    position: relative;
    height: auto;
    padding-bottom: 64%;
  }

  .obw-popup__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
  }

  .obw-popup__content_2 {
    max-width: 95%;
  }

  .obw-popup__top-text {
    left: 10px;
    bottom: 10px;
    line-height: 50%;
  }

  .obw-popup__logo {
    left: 10px;
    top: 10px;
    width: 160px;
    height: 41px;
  }

  .obw-popup__exit {
    top: 26px;
    width: 28px;
    height: 28px;
  }

  .obw-popup__exit_2 {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }

  .obw-popup__body {
    padding: 16px 0;
    height: 555px;
  }

  .obw-popup__body_2 {
    padding: 0;
    height: auto;
  }
}

@media (any-hover: hover) {
  .obw-popup__exit:hover svg {
    fill: var(--hover);
  }
}

.obw-popup__exit:focus-visible svg {
  fill: var(--hover);
}

.obw-popup__exit:active svg {
  fill: var(--active);
  transition-duration: .1s;
}

.days:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width:991px) {
  .days:not(:last-child) {
    margin-bottom: 20px
  }
}

.spa-bani-bottom__title_change {
  padding-bottom: 0;
  border: 0;
  padding-top: 10px;
}

.spa-bani__top_ngap {
  gap: 0;
}

.spa-bani-bottom__text_10mrg:not(:last-child) {
  margin-bottom: 10px;
}

.days .spa-bani-bottom__item_2:not(:last-child) {
  margin-bottom: 10px !important;
}


.spa-bani__list_otsp:not(:last-child) {
  margin-bottom: 120px
}


@media (max-width:1220px) {
  .spa-bani__list_otsp:not(:last-child) {
    margin-bottom: 80px
  }
}

@media (max-width:991px) {
  .spa-bani__list_otsp:not(:last-child) {
    margin-bottom: 60px
  }
}

.akcii-novinki-slider {}

.akcii-novinki-slider:not(:last-child) {
  margin-bottom: 60px
}

.akcii-novinki-slider__slide {
  position: relative;
  width: 50%;
  padding-bottom: 30%;
}

.akcii-novinki-slider img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 768px) {
  .akcii-novinki-slider__slide {
    width: 100%;
    padding-bottom: 77%;
  }
}

.circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.circle::after {
  content: "";
  flex: 0 0 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--l-green);
}

.circle_light {
  gap: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.circle_light::before {
  content: "";
  flex: 0 0 6px;
  height: 6px;
  margin-top: 10px;
  border-radius: 50%;
  background-color: var(--white);
}

.circle_before {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
}

.circle_before::before {
  content: "";
  flex: 0 0 6px;
  height: 6px; 
  margin-top: 10px;
  border-radius: 50%;
  background-color: var(--l-green);
}

.circle_before::after { 
  display: none;
}

.circle_light::after {
  display: none;
}

.novinki-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.novinki-list:not(:last-child) {
  margin-bottom: 32px;
}

.novinki-list__item {
  font-style: normal;
  color: var(--black);
}

.novinki-list__item:last-child::after {
  display: none;
}

@media (max-width:991px) {
  .novinki-list:not(:last-child) {
    margin-bottom: 16px;
  }

  .circle {
    gap: 8px;
  }

  .circle_light {
    gap: 8px;
  }

  .circle_before {
    gap: 8px;
  }

  .circle_before::before {
    margin-top: 6px;
  }

  .circle_light::before {
    margin-top: 6px;
  }

  .akcii-novinki-slider:not(:last-child) {
    margin-bottom: 40px
  }
}

.solo-link__link {
  display: block;
  text-align: center;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
  .solo-link__link:hover {
    color: var(--hover);
  }
}

.solo-link__link:focus-visible {
  color: var(--hover);
}

.solo-link__link:active {
  color: var(--active);
  transition-duration: .1s;
}

/* ------------------------------------------------ */

.popup-slider {
  position: fixed;
  /* display: flex; */
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.popup-slider.active {
  opacity: 1;
  visibility: visible;
}

.popup-slider__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.popup-slider__content {
  overflow: auto;
  max-width: 900px;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: auto;
}

.popup-slider__body {
  text-align: center;
  background-color: var(--white);
  padding: 24px 24px 60px 24px;
}

.popup-slider__text {
  color: var(--black);
}

.popup-slider__exit {
  margin-bottom: 16px;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: auto;
}

.popup-slider__exit svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  fill: var(--black);
  transition: fill .3s ease-in-out;
}

.popup-slider__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.popup-slider__button {
  width: 40px;
  height: 40px;
}

.popup-slider__button.swiper-button-disabled {
  pointer-events: none;
  opacity: .6;
}

.popup-slider__button svg {
  width: 24px;
  height: 24px;
}

.popup-slider__button::before {
  display: none;
}

/* ------------------------------------------------ */

.popup-slider-slider {
  width: 100%;
}

.popup-slider-slider__slide {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}

.popup-slider-slider__image {
  width: 100%;
  position: relative;
  flex: 0 1 35%;
  padding-bottom: 62%;
}

.popup-slider-slider__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: contain;
}

.popup-slider-slider__descr {
  width: 100%;
  flex: 0 1 530px;
}

.popup-slider-slider__title {
  text-align: left;
  color: var(--black);
}

.popup-slider-slider__title:not(:last-child) {
  margin-bottom: 16px;
}

.popup-slider-slider__data {
  color: var(--black);
  text-align: left;
  font-weight: 700;
}

.popup-slider-slider__data:not(:last-child) {
  margin-bottom: 16px;
}

.popup-slider-slider__el:not(:last-child) {
  margin-bottom: 32px;
}

.popup-slider-slider__subtitle {
  text-align: left;
  color: var(--l-green);
  margin-bottom: 16px;
}

.popup-slider-slider__subtitle:not(:last-child) {
  margin-bottom: 16px;
}

.popup-slider-slider__text {
  color: var(--black);
  text-align: left;
}

.popup-slider-slider__text:not(:last-child) {
  margin-bottom: 8px;
}

.popup-slider-slider__text a {
  color: inherit;
  transition: color .3s ease-in-out;
}

.popup-slider-slider__text a small {
  font-size: inherit;
}

.sertdrop {
  grid-column: -1 / 1;
  background-color: var(--gray-6);
  position: relative;
}

.sertdrop .error {
  padding: 12px 32px 0 32px;
}

.sert-detail__typesert {
  color: var(--dark);
}

.sertdrop.active .sertdrop__top {
  border-color: #29B297;
}

.sertdrop.active .sertdrop__list {
opacity: 1;
visibility: visible;
}

.sertdrop__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
width: 100%;
gap: 10px;
padding: 12px 32px;
border: 1px solid transparent;
position: relative;
}

.sertdrop__button-active {
  color: var(--main);
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.sertdrop__button-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.sertdrop__icon {
width: 20px;
height: 20px;
-ms-flex-negative: 0;
    flex-shrink: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}

.sertdrop__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background-color: var(--gray-6);
  padding: 12px 32px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.sertdrop__item {
width: 100%;
}

.sertdrop__button {
  color: var(--main);
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
  .popup-slider__exit:hover svg {
    fill: var(--hover);
  }

  .popup-slider-slider__text:hover a {
    color: var(--hover);
  }

  .sertdrop__button:hover {
    color: var(--hover);
  }

  .sertdrop__button-active:hover {
    color: var(--hover);
  }
}

.sertdrop__button:focus-visible {
  color: var(--hover);
}

.sertdrop__button-active:focus-visible {
  color: var(--hover);
}

.popup-slider__exit:focus-visible svg {
  fill: var(--hover);
}

.popup-slider-slider__text a:focus-visible {
  color: var(--hover);
}

.sertdrop__button:active {
  color: var(--hover);
}

.sertdrop__button-active:active {
  color: var(--hover);
}

.popup-slider__exit:active svg {
  fill: var(--active);
  transition-duration: .1s;
}

.popup-slider-slider__text a:active {
  color: var(--hover);
  transition-duration: .1s;
}

.popup-slider-slider-prev svg {
  transform: rotate(180deg);
}

@media (max-width: 1440px) {
  .popup-slider-slider__image {
    flex: 0 1 22%;
    padding-bottom: 39%;
  }

  .popup-slider-slider__descr {
    flex: 0 1 641px;
  }
}

@media (max-width: 991px) {
  .popup-slider-slider__el {
    margin-bottom: 24px;
  }

  .sertdrop__list {
    padding: 8px 24px;
    }

    .sertdrop__top {
  padding: 8px 24px;
  }

  .sertdrop .error {
    padding: 8px 24px 0 24px;
  }

  .sertdrop__icon {
    width: 16px;
    height: 16px;
  }

  .popup-slider-slider__title {
    font-size: 20px;
  }

  .popup-slider-slider__data {
    font-size: 12px;
  }

  .popup-slider-slider__subtitle {
    font-size: 16px;
  }

  .popup-slider-slider__text {
    font-size: 14px;
  }

  .popup-slider-slider__descr {
    /* flex: 0 1 450px; */
  }

  .popup-slider-slider__image {
    flex: 0 0 190px;
    height: 338px;
    padding-bottom: 0;
  }

  .popup-slider__body {
    padding: 24px 16px 40px 16px;
  }

  .popup-slider__content {
    width: 95%;
  }
}

@media (max-width: 600px) {
  .popup-slider__body {
    padding: 10px 10px 16px 10px;
  }
  .sertdrop__list {
    padding: 8px 16px;
    }

    .sertdrop__top {
  padding: 8px 16px;
  }

  .sertdrop .error {
    padding: 8px 16px 0 16px;
  }

  .popup-slider-slider__slide {
    flex-direction: column;
  }

  .circle_light::before {
    margin-top: 5px;
  }

  .popup-slider-slider__descr {
    flex: none;
  }

  .popup-slider-slider__image {
    display: none;
  }

  .popup-slider-slider__title {
    line-height: 1.5;
  }

  .popup-slider-slider__data {
    line-height: 1.5;
  }

  .popup-slider-slider__subtitle {
    line-height: 1.5;
  }

  .popup-slider-slider__text {
    line-height: 1.5;
  }
}

/* @media (max-width: 500px) {
  .popup-slider-slider__slide {
    flex-direction: column;
  }
  .popup-slider-slider__descr {
  flex: none;  
  }
  .popup-slider-slider__image {
    flex: none;
    padding-bottom: 178%;
  }
} */

/* keitering */

.keitering {
  /* padding-top: 60px */
}

.keitering__container {
  max-width: 1920px;
  padding: 0 33px;
}

.keitering__title .title-span_1 {
  margin-top: 20px
}

.keitering__subtitle {
  color: var(--main);
  text-align: center;
}

.keitering__text {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: var(--main);
}

.keitering__text_width {
  max-width: 500px;
}

.keitering__image {
  position: relative;
  padding-bottom: 29.2%;
}

.keitering__image_card {
  padding-bottom: 61%;
}

.keitering__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}

.keitering__service {
  text-align: center;
}

.keitering__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.keitering__wrapper-button {}

.keitering__button {
  color: var(--main);
  margin: 0 auto;
}

.keitering:not(:last-child) {
  margin-bottom: 200px
}

.keitering__container:not(:last-child) {
  margin-bottom: 80px
}

.keitering__text:not(:last-child) {
  margin-bottom: 80px
}

.keitering__list:not(:last-child) {
  margin-bottom: 40px
}

.keitering__subtitle:not(:last-child) {
  margin-bottom: 40px
}

.keitering__service:not(:last-child) {
  margin-bottom: 40px
}

.keitering__text_width:not(:last-child) {
  margin-bottom: 30px
}

.keitering__title:not(:last-child) {
  margin-bottom: 80px
}

.like_keitering {
  margin-bottom: 120px;
}

.like__controls {
  width: 100%;
}

.photo__controls {
  width: 100%;
}

.likes-wrapper-slider {
  position: relative;
}

.days.active .days__button svg {
  transform: rotate(-180deg) translate(-1px, 0px);
}

.days__top {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(74, 80, 90, .4);
  padding-right: 8px;
  padding-bottom: 15px;
}

.days__top .spa-bani-bottom__title {
  flex: 1;
  border: none;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}

.days__bottom {
  height: 0;
  overflow: hidden;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.days__bottom .spa-bani-bottom__list {
  margin-top: 20px;
}

.days__button {
  display: flex;
  align-items: center;
  gap: 24px;
}

.days__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.days__button span:nth-child(1) {
  color: var(--main);
  font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.days__button span:nth-child(2) {
  width: 12px;
  height: 8px;
  flex-shrink: 0;
}

.days__button:nth-child(2) svg {
  width: 100%;
  height: 100%;
  fill: var(--main);
  display: block;
  object-fit: contain;
  -webkit-transition: fill .3s ease-in-out, transform .3s ease-in-out;
  -o-transition: fill .3s ease-in-out, transform .3s ease-in-out;
  transition: fill .3s ease-in-out, transform .3s ease-in-out;
}

.breadcrumbs {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.breadcrumbs__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.breadcrumbs__list-item::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: 2px solid var(--main);
  border-bottom: 2px solid var(--main);
}

.breadcrumbs__list-item:last-child::after {
  display: none;
}

.breadcrumbs__link {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--main);
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.breadcrumbs__link.active {
  color: var(--l-green);
}

@media (any-hover: hover) {
  .days__button:hover span:nth-child(1) {
    color: var(--hover);
  }

  .breadcrumbs__link:hover {
    color: var(--hover);
  }

  .days__button:hover span:nth-child(2) svg {
    fill: var(--hover);
  }
}

.days__button:focus-visible span:nth-child(1) {
  color: var(--hover);
}

.breadcrumbs__link:focus-visible {
  color: var(--hover);
}

.days__button:focus-visible span:nth-child(2) svg {
  fill: var(--hover);
}

.days__button:active span:nth-child(1) {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.breadcrumbs__link:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.days__button:active span:nth-child(2) svg {
  fill: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.photo-video__wrapper-el.ogrimar {
  display: none;
}

.photo-video__wrapper-el.ogrimar-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.photo_gallery .photo-slider__descr {
  opacity: 1 !important;
}

.photo-video__mintitle {
  color: var(--main);
  font-weight: 400;
}

.photo-video__mintitle:not(:last-child) {
  margin-bottom: 40px;
}

.photo-video__mer:not(:last-child) {
  margin-bottom: 60px;
}

.photo-video__title_margin:not(:last-child) {
  margin-bottom: 60px;
}

.solo-link_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 40px;
}

.photo-video__mer_center .solo-link__link {
  font-style: normal;
  text-align: left;
}

.rewiews-spa__text_margin:not(:last-child) {
  margin-bottom: 30px;
}

.sert-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
}

.sert-top__image {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 902px;
          flex: 0 1 902px;
  min-height: 420px;
}

.sert-top__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.sert-top__descr {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 56px  64px 56px 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 538px;
          flex: 0 1 538px;
  width: 100%;
  background-color: var(--gray-6);
}

.sert-top__descr p {
  color: var(--black);
}
/* 29.2% */
@media (max-width:1440px) {
  .keitering:not(:last-child) {
    margin-bottom: 140px
  }

  .keitering__title:not(:last-child) {
    margin-bottom: 60px
  }

  .keitering__container:not(:last-child) {
    margin-bottom: 60px
  }

  .keitering__text:not(:last-child) {
    margin-bottom: 60px
  }

  .photo-video__mer_center .solo-link__link {
    font-size: 22px;
  }

  .photo-video__mintitle {
    font-size: 22px;
  }
}

@media (max-width:1220px) {
  .sert-top__descr { 
    padding: 24px;
  }
}
  
@media (max-width:991px) {

  .sert-top__descr { 
    -webkit-box-flex: 0; 
        -ms-flex: 0 1 50%; 
            flex: 0 1 50%;
  }

  .sert-top__image {
    -webkit-box-flex: 0; 
    -ms-flex: 0 1 50%; 
        flex: 0 1 50%;
  }

  .photo-video__mer:not(:last-child) {
    margin-bottom: 40px;
  }

  .solo-link_flex {
    gap: 10px 20px;
  }

  .photo-video__mer_center .solo-link__link {
    font-size: 20px;
  }

  .photo-video__mintitle {
    font-size: 20px;
  }

  .photo-video__title_margin:not(:last-child) {
    margin-bottom: 40px;
  }

  .breadcrumbs {
    margin-top: 40px;
  }

  .days__top {
    padding-right: 0;
  }

  .days__button {
    gap: 16px;
  }

  .days__button span:nth-child(1) {
    font-size: 16px;
  }

  .keitering:not(:last-child) {
    margin-bottom: 80px
  }

  .like_keitering {
    margin-bottom: 80px;
  }

  .keitering__service:not(:last-child) {
    margin-bottom: 20px
  }

  .keitering__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .keitering__title .title-span_1 {
    margin-top: 15px
  }

  .keitering__container {
    padding: 0 20px
  }
}

@media (max-width: 768px) {

  .sert-top__descr {
    padding: 16px;
  }

  .sert-top {
    -webkit-box-orient: vertical;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: column;    
    flex-direction: column;
  }

  .sert-top__descr { 
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .sert-top__image {
    min-height: auto;
    height: 360px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .wrapper-slider-button {
    position: static;
    height: auto;
    width: auto;
    background-color: transparent;
  }

  .like__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
  }

  .photo__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .photo__controls .wrapper-slider-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }

  .photo__controls .slider-button {
    width: 100%;
    background-color: var(--d-dark);
  }
}

@media (max-width:600px) {
  .sert-top__image {
    height: 300px;
  }

  .photo-video__mintitle:not(:last-child) {
    margin-bottom: 20px;
  }

  .rewiews-spa__text_margin:not(:last-child) {
    margin-bottom: 20px;
  }

  .photo-video__mer_center .solo-link__link {
    font-size: 16px;
  }

  .photo-video__mintitle {
    font-size: 16px;
  }

  .breadcrumbs {
    margin-top: 20px;
  }

  .days__button span:nth-child(1) {
    display: none;
  }

  .days__top {
    padding-bottom: 10px;
  }

  .keitering__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .keitering__title:not(:last-child) {
    margin-bottom: 40px
  }

  .keitering__text:not(:last-child) {
    margin-bottom: 40px
  }

  .keitering__container:not(:last-child) {
    margin-bottom: 40px
  }

  .keitering {
    /* padding-top: 40px */
  }

  .keitering__title .title-span_1 {
    margin-top: 10px
  }

  .keitering__container {
    padding: 0 10px
  }

  .like__controls {
    margin-top: 24px;
  }
}

.rewiews-spa__book {
  color: var(--white);
}


.rewiews-spa-nums_a.disabled {
  display: none !important;
}

.rewiews-spa__wrapper-button_1_a.disabled {
  display: none !important;
}

.rewiews-spa__wrapper-button_2_a.disabled {
  display: none !important;
}

.form-all-wrapper-value_popup {
  opacity: 0;
  -webkit-animation-name: rewiewsSpaLink;
  animation-name: rewiewsSpaLink;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.form-all-wrapper-value.reboot-anim {
  -webkit-animation-name: rewiewsSpaLinkReboot;
  animation-name: rewiewsSpaLinkReboot;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.rewiews-spa__item.spa-item-active .form-all-wrapper-value_popup {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rewiewsSpaLink {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes rewiewsSpaLink {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes rewiewsSpaLinkReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes rewiewsSpaLinkReboot {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.wrapper-finally {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wrapper-finally__container {
  max-width: 1920px;
  padding: 0;
}

.finally {
  width: 100%;
}

.finally__item {
  position: relative;
  padding: 16px 80px 16px 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 80px;
  min-height: 240px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.finally__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
}

.finally__item:not(:last-child) {
  margin-bottom: 20px;
}

.finally__text {
  position: relative;
  z-index: 2;
  color: var(--white);
  text-transform: uppercase;
}

.finally__logo {
  flex: 0 0 371px;
  height: 162px;
  position: relative;
  z-index: 2;
}

.finally__logo img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.mb-120-20:not(:last-child) {
  margin-bottom: 120px;
}
.mb-12:not(:last-child) {
  margin-bottom: 12px;
}
.mb-5:not(:last-child) {
  margin-bottom: 5px;
}
.mb-16:not(:last-child) {
  margin-bottom: 16px;
}
.mb-120-60:not(:last-child) {
  margin-bottom: 120px;
}

.mb-100-60:not(:last-child) {
  margin-bottom: 100px;
}

.mb-10:not(:last-child) {
  margin-bottom: 10px;
}

.mb-50-20:not(:last-child) {
  margin-bottom: 50px;
}

.mb-20:not(:last-child) {
  margin-bottom: 20px;
}

.mb-170-60:not(:last-child) {
  margin-bottom: 170px;
}

.mb-60-20:not(:last-child) {
  margin-bottom: 60px;
}

.mb-60-40:not(:last-child) {
  margin-bottom: 60px;
}

.mb-40-20:not(:last-child) {
  margin-bottom: 40px;
}


@media (max-width: 1220px) {
  .finally__item {
    gap: 40px;
  }

  .finally__logo {
    flex: 0 0 240px;
    height: 105px;
  }
}

@media (max-width: 768px) {
  .finally__logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .mb-60-40:not(:last-child) {
    margin-bottom: 40px;
  }

  .finally__item {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .finally__text:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .finally__text:last-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }
}

.spa-bani-bottom__text_news {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spa-bani__top_news .spa-bani-top__price {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-top: 6px;
}

.spa-bani__top_news .spa-bani-top__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
  .spa-bani__top_news .spa-bani-top__title:hover {
    color: var(--hover);
  }
}

.spa-bani__top_news .spa-bani-top__title:focus-visible {
  color: var(--hover);
}

.spa-bani__top_news .spa-bani-top__title:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.el-detail {
  padding-top: 20px;
  padding-bottom: 60px;
}

.el-detail__subtitle {
  color: var(--black);
}

.el-detail__title {
  color: var(--black);
}

.el-detail__subtitle:not(:last-child) {
  margin-bottom: 40px;
}

.el-detail__title:not(:last-child) {
  margin-bottom: 40px;
}

.el-detail__data {
  color: var(--black);
}

.el-detail__data:not(:last-child) {
  margin-bottom: 40px;
}

.el-detail__text {
  color: var(--black);
  font-style: normal;
}

.el-detail__text:not(:last-child) {
  margin-bottom: 24px;
}

.el-detail__texts:not(:last-child) {
  margin-bottom: 40px;
}


@media (max-width: 991px) {
  .el-detail__data:not(:last-child) {
    margin-bottom: 20px;
  }

  .mb-120-20:not(:last-child) {
    margin-bottom: 60px;
  }

  .el-detail__texts:not(:last-child) {
    margin-bottom: 20px;
  }

  .el-detail__title:not(:last-child) {
    margin-bottom: 20px;
  }

  .mb-60-20:not(:last-child) {
    margin-bottom: 40px;
  }

  .el-detail__text:not(:last-child) {
    margin-bottom: 16px;
  }

  .el-detail__subtitle:not(:last-child) {
    margin-bottom: 20px;
  }
}

.dslider:not(:last-child) {
  margin-bottom: 40px
}

.dslider__wrapper {
  padding-bottom: 24px;
}

.dslider__scrollbar {
  width: 100%;
  height: 6px;
  background-color: var(--black-green);
}

.dslider__scrollbar.disabled {
  display: none;
}

.dslider__scrollbar .swiper-scrollbar-drag {
  background-color: var(--orange);
}

.dslider__slide {
  position: relative;
  width: 400px;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}

.dslider__slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.dslider__slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

@media (any-hover: hover) {
  .dslider__slide a:hover::before {
    opacity: 1;
  }
}

.dslider__slide a:focus-visible::before {
  opacity: 1;
}

.dslider__slide a:active::before {
  opacity: 1;
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.dslider__slide a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* .dslider__slide-button {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.dslider__slide-button.disabled {
  opacity: 0;
  pointer-events: none;
}

.dslider__slide-button svg {
  position: relative;
  z-index: 3;
  display: block;
  width: 50px;
  height: 50px;
} */

/* .dslider__slide-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
  z-index: 2;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.dslider__slide-button:focus-visible::before {
  background-color: rgba(0, 0, 0, .4)
} */

.dslider__wrapper-video {
  height: 100%;
}

.dslider__wrapper-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* .dslider__slide-see {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
} */

/* .dslider__slide-see svg {
  position: relative;
  z-index: 3;
  display: block;
  width: 50px;
  height: 50px;
  fill: var(--white);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.dslider__slide-see::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.dslider__slide-see:focus-visible svg {
  transform: scale(1);
}

.dslider__slide-see:focus-visible::before {
  opacity: 1;
} */

.dslider__slide img {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.el-detail .form-all-init {
  color: var(--black);
}

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

.ns-item .spa-bani__top {
  height: 100%;
}

.pywkin__container {
  max-width: 1528px;
}

.pywkin__subtitle {
  text-align: center;
}

.pywkin__texts {
  max-width: 946px;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.pywkin__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.pywkin__images_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.pywkin__image {
  width: 100%;
}

.pywkin__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pywkin__image_top {
  height: 603px;
}

.pywkin__image_grid {
  height: 540px;
}

.pywkin__image_grid-height {
  height: 927px;
}

.pywkin__image_top:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 453px;
  flex: 0 1 453px;
}

.pywkin__image_top:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 947px;
  flex: 0 1 947px;
}

.pywkin__image_head {
  max-width: 1920px;
  margin: 0 auto;
  height: 702px;
}

.nmb-120-60 {
  margin-bottom: 120px;
}

.mb-120-60:not(:last-child) {
  margin-bottom: 120px;
}

.mb-8:not(:last-child) {
  margin-bottom: 8px;
}

.mb-80-40:not(:last-child) {
  margin-bottom: 80px;
}

.mb-20:not(:last-child) {
  margin-bottom: 20px;
}

.mb-30:not(:last-child) {
  margin-bottom: 30px;
}

.mb-30-20:not(:last-child) {
  margin-bottom: 30px;
}

.mb-40-20:not(:last-child) {
  margin-bottom: 40px;
}

.pywkin__image_margin:not(:last-child) {
  margin-bottom: 40px;
}

.pywkin__map {
  position: relative;
  width: 100%;
  padding-bottom: 83.5%;
}

.pywkin__map picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pywkin__map picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.organizes-container {
  max-width: 1698px;
}

.tabbers__buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: (1fr)[2];
  grid-template: auto / repeat(2, 1fr);
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(74, 80, 90, 0.4);
}

.tabbers__button {
  font-family: AfjatTrends;
  color: var(--main);
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: none;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.tabbers__button.active {
  color: var(--d2-pink);
}

.tabbers__content {
  display: none;
  padding-top: 80px;
  max-width: 1440px;
  margin: 0 auto;
}

.tabbers__subtitle {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.tabbers__content.active {
  display: block;
}

.tabbers__text::before {
  margin-top: 14px;
  background-color: var(--main);
}

.tabbers__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.text-center {
  text-align: center;
}

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

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

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

.fw-700 {
  font-weight: 700;
}
  
.is-homes__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
min-height: 468px;
width: 100%;
position: relative;
}

.is-homes__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.is-homes__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.is-homes__descr {
  position: relative;
  z-index: 2;
  padding: 40px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.6);
  max-width: 542px;
width: 100%;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
gap: 20px;
} 

.is-homes__name {
  color: var(--white);
}

.is-homes__text {
  color: var(--white);
}

.is-homes__link {
  margin: 0;
}

.is-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
      grid-template: auto / repeat(2,1fr);
  gap: 40px;
  }
  
  .is-gallery__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 453px;
  }
  
  .is-gallery__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  
  .is-gallery__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    z-index: 1;
  }
  
  .is-gallery__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .is-gallery__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    z-index: 2;
    padding: 30px;
  }
  
  .is-gallery__link {
    color: var(--white);
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
  }
  
  .is-gallery__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1;
  }

  .sert-middle  {
    
  }

  .sert-middle__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[2];
        grid-template: auto / repeat(2,1fr);
  }

    .sert-middle__item {
      padding: 30px;
      border-right: 1px solid var(--black);
    }

    .sert-middle__title {
      display: block;
        color: var(--black);
        border: 1px solid var(--l-green);
        border-radius: 27px;
        min-width: 340px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 12px 32px;
    }

    .sert-middle__sublist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px;
    }

    .sert-middle__subitem { 
      display: block;
        color: var(--black); 
    }

    .sert-middle__subitem_border {
      padding-right: 20px;
      border-right: 1px solid var(--black);
    }

    .sert-middle__subitem_border:last-child {
      border: none;
    }

    .sert-middle__subitem_width {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 200px;
              flex: 0 1 200px;
      width: 100%;
    }

    .sert-middle__item:nth-child(even) {
      border-right: none;
    }

    .sert-middle__item:nth-child(1) {
      border-bottom: 1px solid var(--black);
    }

    .sert-middle__item:nth-child(2) {
      border-bottom: 1px solid var(--black);
    }

    .sert-middle__text {
        color: var(--black);
    }

    .underline {
      text-decoration: underline;
    }

    .sert-middle__text a {
      color: inherit;
      -webkit-transition: color .3s ease-in-out;
      -o-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out;
    }
    
    .sert-info-buy {
      background-color: #eee;
      padding-top: 30px;
    }

    .sert-info-buy__texts {
      max-width: 1320px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
padding: 64px;
    }

    .sert-info-buy__link {
      margin-left: auto;
      margin-right: auto;
      border-radius: 0;
    }

    .sert-info-buy__text {
      display: block;
      color: var(--black);
    }

    .sert-info-buy__text a {
      color: inherit;
      -webkit-transition: color .3s ease-in-out;
      -o-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out;
    }

  @media (any-hover: hover) {

    .is-gallery__link:hover {
  color: var(--hover);
  }

  .sert-middle__text a:hover {
    color: var(--hover);
  }

  .sert-info-buy__text a:hover {
    color: var(--hover);
  }

  }

  .is-gallery__link:focus-visible {
  color: var(--hover);
  }

  .sert-info-buy__text a:focus-visible {
    color: var(--hover);
    }

  .sert-middle__text a:focus-visible {
    color: var(--hover);
    }

  .is-gallery__link:active {
  color: var(--active); 
  }

  .sert-info-buy__text a:active {
    color: var(--active); 
    }

  .sert-middle__text a:active {
    color: var(--active); 
    }

     

@media (max-width: 1220px) {
  .pywkin__image_head {
    height: 560px;
  }

  .sert-info-buy__texts {
    padding: 32px;
  }

  .sert-middle__item {
    padding: 24px;
  }

  .tabbers__text::before {
    margin-top: 12px;
  }

  .pywkin__image_grid {
    height: 340px;
  }

  .pywkin__image_grid-height {
    height: 727px;
  }

  .pywkin__image_top {
    height: 450px;
  }

  .mb-120-60:not(:last-child) {
    margin-bottom: 100px;
  }

  .nmb-120-60 {
    margin-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .sert-middle__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sert-info-buy__texts {
    padding: 24px;
  }

  .sert-middle__item {
      border-right: none;
      border-bottom: 1px solid var(--black);
  } 

  .pywkin__images_top {
    gap: 20px;
  }

  .is-gallery__item {
    min-height: 380px;
  }

  .is-gallery__descr {
    padding: 20px;
  }

  .is-gallery {
    gap: 30px;
  }

  .mb-100-60:not(:last-child) {
    margin-bottom: 80px;
  }

  .mb-120-60:not(:last-child) {
    margin-bottom: 80px;
  }

  .is-homes__descr {
    padding: 30px;
  }

  .is-homes__item {
    min-height: 350px;
  }

  .tabbers__text::before {
    margin-top: 10px;
  }

  .tabbers__content {
    padding-top: 60px;
  }

  .mb-120-60:not(:last-child) {
    margin-bottom: 80px;
  }

  .nmb-120-60 {
    margin-bottom: 80px;
  }

  .pywkin__image_margin:not(:last-child) {
    margin-bottom: 20px;
  }

  .pywkin__images {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mb-80-40:not(:last-child) {
    margin-bottom: 60px;
  }

  .pywkin__image_grid-height {
    height: 420px;
  }

  .pywkin__image_head {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .pywkin__image_top:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .is-gallery {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .pywkin__image_top:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .pywkin__images_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .sert-info-buy__texts {
    padding: 24px 16px;
  }

  .sert-info-buy__text {
    line-height: 1.2;
  }

  .sert-middle__title {
    min-width: 0;
    padding: 16px;
  }

  .sert-info-buy__link {
    min-width: 120px;
  }

  .sert-middle__subitem_border {
    padding-right: 0;
    border-right: none;
  }

  .tabbers__text::before {
    margin-top: 8px;
  }

  .is-gallery__item {
    min-height: 300px;
  }

  .is-gallery__descr {
    padding: 10px;
  }

  .is-gallery {
    gap: 20px;
  }

  .is-homes__item {
    min-height: 250px;
  }

  .mb-120-60:not(:last-child) {
    margin-bottom: 60px;
  }

  .mb-100-60:not(:last-child) {
    margin-bottom: 60px;
  }

  .is-homes__descr {
    padding: 20px;
  }

  .mb-40-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .mb-30-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .mb-120-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .pywkin__map {
    padding-bottom: 122%;
  }

  .nmb-120-60 {
    margin-bottom: 60px;
  }

  .mb-120-60:not(:last-child) {
    margin-bottom: 60px;
  }

  .tabbers__content {
    padding-top: 40px;
  }

  .mb-80-40:not(:last-child) {
    margin-bottom: 40px;
  }

  .pywkin__image_grid {
    height: 300px;
  }

  .pywkin__image_grid-height {
    height: 300px;
  }

  .mb-40-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .pywkin__image_top {
    height: 300px;
  }

  .pywkin__image_head {
    height: 300px;
  }
}

@media (any-hover: hover) {
  .tabbers__button:hover {
    color: var(--hover);
  }

  .tabbers__text a:hover {
    color: var(--hover);
  }
}

.tabbers__text a:focus-visible {
  color: var(--hover);
}

.tabbers__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.tabbers__button:focus-visible {
  color: var(--hover);
}

.tabbers__button:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

.ng {
  display: none !important;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.ng.disabled {
  opacity: 0;
  visibility: hidden;
}

.ng__close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ng__content {
  /* overflow: auto; */
  max-width: 1000px;
  width: 100%;
  position: relative;
  z-index: 2;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
  min-height: 702px;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ng__exit {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.ng__exit span {
  display: none;
}

.ng__exit img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

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

.ng__link {
  min-width: 192px;
  min-height: 46px;
  font-size: 20px;
  padding: 5px 24px;
}

.wrapper-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}

.wrapper-timer__titimer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  color: var(--white);
}

.wrapper-timer__titimer-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--white);
}

.wrapper-timer__titimer-left span {
  display: block;
  color: var(--white);
}

.wrapper-timer__decorative {
  width: 10px;
  height: 30px;
  margin-top: 15px;
}

.wrapper-timer__decorative img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}

.ngp {
  position: relative;
  z-index: 4;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ngp__container {
  position: relative;
  z-index: 2;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 386px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ngp__decor {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ngp__decor svg {
  display: block;
  width: 100%;
}

.relative {
  position: relative;
}

.zernistost {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
  height: 100%;
  width: 100%;
}

.ngp__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;  
  -ms-flex-pack: center;  
  justify-content: center;
  width: 100%;
}

.ngp__star {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  height: 16px;
}

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

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

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

.img-contain {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.img-cover {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ngp-timer {
  position: relative;
  z-index: 4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ngp-timer__container {
  min-height: 519px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ngp-timer__title {
  color: var(--white);
}

.ngp-timer__button {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid var(--white);
  min-width: 264px;
  min-height: 46px;
  border-radius: 50px;
  padding: 5px 24px;
}

.wrapper-timer__decorative_margin {
  margin-top: 25px;
}

.ngp-bottom {
  position: relative; 
  padding-top: 210px;
  background-color: #0e1422;
  padding-bottom: 150px;
  overflow: hidden;
}

.ngp-bottom__container {
  position: relative;
  z-index: 4;
}

.ngp-bottom__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 120px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ngp-bottom__descr {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 680px;
          flex: 0 1 680px;
  width: 100%;
}

.ngp-bottom__title {}

.ngp-bottom__texts {}

.ngp-bottom__text {
  color: var(--white);
}

.ngp-bottom__image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 637px;
          flex: 0 1 637px;
  width: 100%;
  padding-bottom: 42%;
  z-index: 2;
  /* height: 637px; */
}

.ngp-bottom__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ngp-bottom__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  position: relative;
  z-index: 1;
}

.ngp-bottom__line {
  max-width: 678px;
  height: 29px;
}

.ngp-bottom-tabbs {
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  max-width: 1155px;
  width: 100%;
  border-radius: 30px;
  -webkit-backdrop-filter: blur(43.900001525878906px);
          backdrop-filter: blur(43.900001525878906px);
  background: rgba(255, 255, 255, 0.15);
  /* mix-blend-mode: luminosity; */
  border: 1px solid var(--white);
}

.ngp-bottom-tabbs__content {
  position: relative;
  z-index: 2;
  background-color: var(--white);
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 60px;
}

.ngp-bottom-tabbs__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ngp-bottom-tabbs__buttons li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ngp-bottom-tabbs__button {
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px;
  color: #566599;
  background: -o-linear-gradient(67deg, #aab1ca 0%, #dee5ff 100%);
  background: linear-gradient(23deg, #aab1ca 0%, #dee5ff 100%);

}

.ngp-bottom-tabbs__button.active {
  color: var(--white);
  background: -o-linear-gradient(227deg, #3255d3 0.48%, #8399e8 56.67%, #dfe6ff 100%);
  background: linear-gradient(223deg, #3255d3 0.48%, #8399e8 56.67%, #dfe6ff 100%);
}

.ngp-bottom-tabbs__contensts {}

.ngp-bottom-tabbs__contensts-content {
  display: none;
  padding: 0 60px;
}

.ngp-bottom-tabbs__contensts-content.active {
  display: block;
}

.ngp-bottom-tabbs__sbor {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #243E36;
  border-radius: 27px;
  padding: 20px 35px;
}

.ngp-bottom-tabbs__sbor p {
  color: #1e1e1e;
}

.ngp-bottom-tabbs__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.ngp-bottom-tabbs__phones a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.ngp-bottom-tabbs__transfer {
  max-width: 757px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: 1px solid #243E36;
  border-radius: 27px;
}

.ngp-bottom-tabbs__top {
  padding: 20px 20px 15px 20px;
  border-bottom: 1px solid #243E36;
}

.ngp-bottom-tabbs__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: (1fr)[2];
      grid-template: auto / repeat(2, 1fr);
}

.ngp-bottom-tabbs__bottom-item {
  padding: 30px 35px;
}

.ngp-bottom-tabbs__bottom-item:not(:last-child) {
  border-right: 1px solid #243E36;
}

.ngp-bottom-tabbs__info {
  color: var(--black);
}

.ngp-wrapper-form {
  padding: 0 60px;
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
}

.ngp-wrapper-form__title {
  color: var(--black);
}

.ngp-wrapper-form__form {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 54px 1fr;
      grid-template: auto / repeat(2, 1fr);
  gap: 54px;
  width: 100%;
}

.ngp-wrapper-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 5px;
}

.ngp-wrapper-form__input {
  display: block;
  width: 100%;
  background-color: rgba(146, 156, 155, 0.21);
  font-weight: 300;
  height: 46px;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.04em;
  color: var(--black);
  padding: 0 10px;
  border: 2px solid transparent;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out;
}

.ngp-wrapper-form__input::-webkit-input-placeholder {
  color: inherit;
}

.ngp-wrapper-form__input::-moz-placeholder {
  color: inherit;
}

.ngp-wrapper-form__input:-ms-input-placeholder {
  color: inherit;
}

.ngp-wrapper-form__input::-ms-input-placeholder {
  color: inherit;
}

.ngp-wrapper-form__input::placeholder {
  color: inherit;
}

.ngp-wrapper-form__button {
  color: #929c9b;
}

.ngp-wrapper-form__text {
  color: #929c9b;
}

.ngp-wrapper-form__text span {
  text-decoration: underline;
}

.ngp-wrapper-form__text a {
  color: inherit;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.ngp-bottom__decor {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 1079px;
}

/* .ngp-bottom__decor svg {
  display: block;
  width: 100%;
  height: 100%;
} */

.ngp-bottom__decor_1 {
  left: auto;
  bottom: 70%;
  right: -150px;
  width: 360px;
  height: 417px;
}

.ngp-bottom__decor_2 {
  bottom: auto;
  left: auto;
  right: 80%;
  top: 48%;
  width: 669px;
  height: 749px;
  z-index: 2;
}

.ngp-bottom__decor_3 {
  right: 59%;
  left: auto;
  top: auto;
  bottom: -450px;
  width: 793px;
  height: 879px;
}

.ngp-bottom__decor_4 {
  bottom: 0;
  height: auto;
  top: auto;
}

.ngp-bottom__decor_5 {
  height: auto;
  top: -15%;
  bottom: auto;
}

.ngp-bottom__decor-orange {
  position: absolute;
  left: -38%;
  top: 16%;
  width: 1000px;
  height: 1440px; 
  z-index: 1;
}

.input { 
  display: block;
font-weight: 300;
font-size: 24px;
line-height: 100%;
letter-spacing: -0.04em;
color: var(--main);
border-bottom: 1px solid var(--dark);
background-color: transparent;
width: 100%;
height: 48px;
transition: border-color .3s ease-in-out;
}

.input.input-background {
  border: 1px solid transparent;
  background-color: var(--gray-6); 
}

.input.input-textarea {
  height: 100px;
  resize: none;
}

.error {
  display: none;
  color: var(--red);
}

.error.active {
  display: block;
}
 
@media (any-hover: hover) {
  .ng__exit:hover {
    opacity: .5;
  }

  .input:hover {
    border-color: var(--hover);
  }

  .ngp-wrapper-form__text a:hover {
    color: var(--hover);
  }

  .ngp-bottom-tabbs__phones a:hover {
    color: var(--hover);
  }

  .ngp-wrapper-form__input:hover {
    border-color: var(--hover);
  }
}

.input:focus-visible {
  border-color: var(--hover);
}

.ngp-wrapper-form__input:focus-visible {
  border-color: var(--hover);
}

.ngp-wrapper-form__text a:focus-visible {
  color: var(--hover);
}

.ngp-bottom-tabbs__phones a:focus-visible {
  color: var(--hover);
}

.ng__exit:focus-visible {
  opacity: .5;
}

.input:active {
  border-color: var(--hover);
}

.ngp-wrapper-form__text a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s;
}

.ngp-bottom-tabbs__phones a:active {
  color: var(--active);
  -webkit-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s;
}

.ng__exit:active {
opacity: .5;
  -webkit-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s;
}

/* 06 11 2024 */

.akcii {
  padding-bottom: 60px;
}

.is-homes-slider{
  position: relative;
  margin: 0;
  width: 100%;
}

.is-homes-slider__controls {
  position: absolute;
  bottom: 100px;
  right: 120px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.is-homes-slider__button {
  width: 59px;
  height: 93px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--white);
  padding: 20px;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.is-homes-slider__button.swiper-button-disabled {
  opacity: .3;
  pointer-events: none;
}

.is-homes-slider-prev svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.is-homes-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.is-homes-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
}

.is-homes-slider__descr {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 140px;
  padding-bottom: 140px;
  padding-right: 110px;
  padding-left: 235px;
  max-width: 886px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.is-homes-slider__title {
  color: var(--white);
} 

.is-homes-slider__text {
  color: var(--white);
}

.is-homes-slider__link {
  border-radius: 0;
}

.is-homes-slider__descr-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.is-homes-slider__pagination {
  color: var(--white);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.is-homes-slider__all {
  color: var(--white);
  text-decoration: underline;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.like-wrapper-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  }
  
  .like-wrapper-buttons__button {
    border-radius: 0;
    background-color: var(--d2-pink);
  }
  
  .like-wrapper-buttons__button.active {
    background-color: var(--l-green);
  }
  
  .like-tabber-content {
    display: none;
  }
  
  .like-tabber-content.active {
    display: block;
  }

@media (any-hover: hover) {
  .is-homes-slider__button:hover {
opacity: .5;
}
}

.is-homes-slider__button:focus-visible {
  opacity: .5;
}

.is-homes-slider__button:active {
  opacity: .5; 
}

.afiwa {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
      grid-template: auto / repeat(4,1fr);
  gap: 40px;
}

.afiwa_2 {
  -ms-grid-rows: auto;
  -ms-grid-columns: (1fr)[2];
      grid-template: auto / repeat(2,1fr);
} 

.afiwa__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 20px;
  border-radius: 24px;
  min-height: 240px;
  box-shadow: 0 0 10px rgba(41, 178, 151, .3);
}

.afiwa__link {
  width: 100%;
  min-width: 0;
}

.afiwa__link_width {
  width: fit-content;
  min-width: 200px;
}

.reviews__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
      grid-template: auto / repeat(2,1fr);
  gap: 30px 40px;
}

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

.reviews__top {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid var(--l-green);
border-radius: 20px;
background-color: var(--white);
padding: 32px 24px 42px 24px;
}

.reviews__dates {
  position: relative;
  padding-bottom: 8px;
}

.reviews__dates::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 1px;
  background-color: var(--black);
z-index: 1;
}

.reviews__date {
  color: var(--black);
  letter-spacing: normal;
}

.reviews__text {
  color: var(--black);
  letter-spacing: normal;
}

.reviews__icon {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
}

.reviews__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.soces-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px; 
}

.soces{
  -webkit-transition: opacity .3s ease-in-out;  
  -o-transition: opacity .3s ease-in-out;  
  transition: opacity .3s ease-in-out;
}

@media (any-hover: hover) {
.soces:hover {
  opacity: .5;
}
}
.soces:focus-visible {
  opacity: .5;
}
.soces:active {
  opacity: .5;
 transition-duration: .1s;
}

.container-1440 {
  max-width: 1528px;
}

.sert-bottom {
  max-width: 1368px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sert-bottom__item_none {
  display: none;
}

.sert-bottom__item_none.active {
display: block;
}

.sert-bottom__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.sert-bottom-slider {
  border-radius: 10px;
  min-width: 0; 
  -webkit-box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.25); 
          box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.25); 
}

.sert-bottom__title {
  color: var(--black);
}

.sert-bottom-slider__slide {
  height: 352px; 
  border-radius: 10px;
  overflow: hidden; 
}

.sert-bottom-slider__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.sert-bottom-slider__pagination {
  margin-top: 30px;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sert-bottom-slider__pagination .swiper-pagination-bullet {
  border-radius: 6px;
  background-color: var(--dark);
  width: 12px;
  height: 12px;
  opacity: 1;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.sert-bottom-slider__pagination .swiper-pagination-bullet-active {
  background-color: var(--l-green);
  width: 32px;
  height: 12px;
}

.sert-bottom__item-left {
  min-width: 0;
}

.sert-bottom__inputs-price {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 56px 1fr;
      grid-template: auto / repeat(2,1fr);
  gap: 32px 56px;
}

.sert-bottom__inputs-price_paddingtop {
  padding-top: 32px;
}

.sert-bottom__button-price {
  padding: 10px 32px;
  text-align: left;
}

.sert-bottom__button-price.active {
  border-color: var(--l-green);
}

.sert-bottom__label_100 {
  grid-column: -1 / 1;
}

.sert-bottom__inputs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.sert-bottom__input-choice {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.sert-bottom__inputs_choice {
  position: relative;
  padding-top: 30px;
}

.sert-bottom__inputs_choice .just-validate-error-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.sert-bottom__inputs_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 64px 1fr;
      grid-template: auto / repeat(2,1fr);
      gap: 32px 64px;
}

.sert-bottom__button {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 636px;
}

.sert-bottom__inputs_direction {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
 
.sert-bottom__button-choise {
  width: fit-content;
  padding: 10px 32px;
  text-align: left;
}

.sert-bottom__button-choise.active {
  border-color: var(--l-green);
}

.sert-bottom-denomination.disabled {
  display: none;
}

.sert-detail {
  display: none;
}

.sert-detail.active {
  display: block;
}

.sert-detail__title {
  color: var(--black);
}

.sert-detail__left {
  position: relative;
}

.sert-detail__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 40px 1fr;
      grid-template: auto / repeat(2,1fr);
  gap: 40px;
}

.sert-detail__image {
  border: 1px solid var(--white);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.25);
height: 354px;
overflow: hidden;
}

.sert-detail__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sert-detail__price {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 30px;
  right: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  padding: 6px 16px;
  border: 1px solid var(--white);
border-radius: 20px;
}

.sert-detail__price_flex {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px;
  border: none;
  padding: 0;
  width: 100%;
  background-color: transparent;
  color: var(--black);
}

.sert-detail__text {
  color: var(--black);
}

.sert-detail__name {
  color: var(--black);
}

.sert-detail__phone {
  color: var(--black);
}

.sert-detail__inform {
  color: var(--black);
}

.sert-detail__time {
  color: var(--black);
}

.sert-detail__date {
  color: var(--black);
}

.sert-detail__right-title {
color: #a3acab;
}

.sert-detail__rightel-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 15px;
}

.sert-detail__right-item_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 15px;
}

.sert-detail__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.sert-detail__button {
  border-radius: 0; 
  min-width: 206px;
}

.spec-items {
  display: grid;
  grid-template: auto / repeat(4,1fr);
  gap: 20px;
}
 
.spec-item {
display: flex;
align-items: center;
flex-direction: column; 
  gap: 20px;
}

.spec-item__image  { 
  height: 360px;
  width: 100%;
}

.spec-item__descr  {
  flex: 1;
  display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
}

.spec-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.spec-item__name {
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}

.spec-item__link {
  padding: 10px 16px;
    min-height: 40px;
  min-width: 0;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
}

.banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.banner__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1528px; 
  width: 100%;
  padding: 0;
}

.banner__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -webkit-box-pack: center; 
      -ms-flex-pack: center; 
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.6); 
  width: 55%; 
  padding: 60px 20px 120px 20px;
}

.banner__descr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 100vw;
  height: 100%;
  z-index: 1;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.6);
}

.banner__title {
  text-align: left;
color: var(--white);
}

.banner__texts {
  border: 1px solid var(--white);
  border-radius: 10px; 
  width: fit-content;
  padding: 16px 32px; 
}

.banner__text {
  font-style: normal;
  color: var(--white);
}

.semlet {
  background-image: url(/local/templates/exigo/assets/img/nav-7-let-1880-780.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 1680px) {
  .ngp-bottom__decor_2 {
    right: 60%;
  }
}

@media (max-width: 1560px) {  
  .hero__container_mainpagen {
    min-height: 500px;
  }
} 

@media (max-width: 1528px) {
  .is-homes-slider__descr {
  padding-left: 44px;
  padding-right: 44px;
  padding-top: 100px;
  padding-bottom: 100px;
  }

  .is-homes-slider__controls {
    right: 140px;
    bottom: 60px;
  }
}

@media (max-width: 1440px) {
  .spec-items {
    grid-template-columns: repeat(3,1fr);
  }

  .banner__descr {
    padding: 60px 10px; 
  }

  .wrapper-timer__decorative {
    margin-top: 11px;
  }

  .sert-detail__content {
    gap: 20px;
  }

  .wrapper-timer__decorative_margin {
    margin-top: 25px;
  }

}

@media (max-width: 1220px) {
 
  .sert-bottom__inputs-price {
    gap: 24px;
  }

  .sert-bottom__item {
    gap: 32px;
  }

  .sert-bottom__inputs_grid {
    gap: 32px;
  }

  .input { 
    font-size: 20px;
  }

  .afiwa {
    grid-template: auto / repeat(3,1fr);
  }

  .ngp-bottom__item {
    gap: 80px;
  }

  .is-homes-slider__descr {
    max-width: 686px;
  }

  .no-spacing-letter h1 {
    letter-spacing: normal;
  }

  .no-spacing-letter h2 {
    letter-spacing: normal;
  }

  .no-spacing-letter h3 {
    letter-spacing: normal;
  }

  .ngp-bottom__decor_2 {
    display: none;
  }

  .ng__content {
    min-height: 0;
    padding: 40px 20px;
    max-width: 700px;
  }

  .ngp-bottom {
    padding-top: 120px;
  }

  .wrapper-timer {
    gap: 15px;
  }

  .wrapper-timer__titimer {
    gap: 15px;
  }

  .wrapper-timer__decorative {
    width: 10px;
    height: 20px;
  }

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

@media (max-width: 991px) {
  .sert-bottom__inputs-price_paddingtop {
    padding-top: 0;
  } 

  .semlet {
    background-image: url(/local/templates/exigo/assets/img/nav-7-let-672-400.webp); 
  }

  .banner__descr { 
    width: 100%;
  }

  .hero__container_mainpagen {
    min-height: 0;
    padding-bottom: 0 !important;
  }

  .hero-slider_p {
    position: relative;
  }

  .banner__texts {
      padding: 16px 10px;
  }

  .spec-items {
    grid-template-columns: repeat(2,1fr);
  }

  .sert-detail__price {
    bottom: 24px;
    right: 24px;
  } 

  .sert-bottom__button {
    min-width: 400px;
  }

  .sert-bottom__button-choise {
    padding: 10px 24px;
  }

  .sert-bottom__inputs_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
 
  .sert-bottom__button-price {
    padding: 10px 24px;
  }

  .sert-bottom__item {
    -ms-grid-columns: 1fr;
 grid-template-columns: 1fr;
  }

  .ngp-bottom__decor_3 {
    display: none;
  }

  .input { 
    font-size: 18px;
  }

  .afiwa__item {
    min-height: 200px;
    padding: 30px 15px;
  }

  .afiwa_2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .afiwa {
    -ms-grid-rows: auto;
    -ms-grid-columns: (1fr)[2];
        grid-template: auto / repeat(2,1fr);
  }

  .is-homes-slider__descr {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .is-homes-slider__controls { 
    right: auto;
    left: 20px;
    bottom: 20px;
  }

  .is-homes-slider__button {
    width: 40px;
    height: 50px;
    padding: 10px;
  }

  .mb-50-20:not(:last-child) {
    margin-bottom: 35px;
  }

  .ngp-bottom__decor-orange {
    display: none;
  }

  .ngp-bottom__decor_5 {
    top: -10%;
  }

  .ngp__decor {
    left: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .ngp__decor svg {
    height: 200%;
    width: 200%;
  }

  .ngp-bottom-tabbs__button {
    padding: 20px 10px;
  }

  .ngp-bottom__decor_1 {
    bottom: 45%;
    width: 270px;
    height: 315px;
  }

  .ngp-bottom-tabbs__sbor {
    padding: 20px;
  }

  .ngp-bottom-tabbs__bottom-item {
    padding: 20px;
  }

  .ngp-bottom-tabbs {
    padding: 20px;
  }

  .ngp-wrapper-form__form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .ngp-wrapper-form__input {
    font-size: 20px;
  }

  .ngp-wrapper-form {
    padding: 0 40px;
  }

  .ngp-bottom-tabbs__content {
    padding-bottom: 40px;
  }

  .ngp-bottom-tabbs__contensts-content {
    padding: 0 40px;
  }

  .ngp-bottom-tabbs__top {
    padding: 15px;
  }

  .ngp-bottom-tabbs__phones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .ngp-bottom__item {
    gap: 40px;
  }

  .ngp-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ngp__stars {
    gap: 5px;
  }

  .mb-170-60:not(:last-child) {
    margin-bottom: 120px;
  }

  .wrapper-timer__decorative_margin {
    margin-top: 9px;
    width: 5px;
    height: 15px;
  }

  .ngp-timer__button {
    min-width: 100px;
    min-height: 40px;
    font-size: 16px;
  }

  .ngp-timer__container {
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ng__content {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ng .wrapper-timer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ng__title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ng__subtitle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ng__exit {
    margin-bottom: 20px;
    position: static;
    width: 100%;
    height: auto;
    background-color: var(--l-green);
    /* top: 5px; */
    /* right: 5px; */
  }

  .ng__exit img {
    display: none;
  }

  .ng__exit span {
    display: block;
  }

  .ngp__star {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14px;
            flex: 0 0 14px;
    height: 14px;
  }

  .ngp__container {
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wrapper-timer {
    gap: 10px;
  }

  .wrapper-timer__titimer {
    gap: 10px;
  }

  .wrapper-timer__decorative {
    margin-top: 6px;
  }

  .ng__link {
    min-height: 40px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .sert-detail__rightel-bottom {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .sert-detail__content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .sert-detail__right-item_flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .sert-detail__isprice {
    -webkit-box-pack: start; 
    -ms-flex-pack: start; 
    justify-content: flex-start;
  }

  .ngp-bottom__descr {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .sert-bottom__button {
    min-width: 200px;
  }

  .reviews__list {
    gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .ngp-bottom__decor_5 {
    top: -5%;
  }

  .ngp-bottom__image {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-bottom: 100%;
  }

  .ngp-bottom__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .ngp-bottom__item_direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 600px) {
  .sert-detail__price {
    bottom: 16px;
    right: 16px;
  } 
  .semlet {
    background-image: url(/local/templates/exigo/assets/img/nav-7-let-480-320.webp);   
    background-position: right;
  }
  .spec-items {
    grid-template-columns: 1fr;
  }

  .input { 
    font-size: 16px;
  }

  .sert-bottom__inputs_grid {
    gap: 24px;
  }

  .sert-bottom__inputs {
    gap: 24px;
  }

  .sert-bottom__inputs-price {
    gap: 16px;
  }

  .ngp-bottom__decor_4 {
    display: none;
  }

  .reviews__top {
    padding: 24px 16px 32px 16px;
  }

  .reviews__dates::before {
    width: 100%;
  }

  .afiwa__item {
    min-height: 180px;
    padding: 20px 10px;
  }

  .afiwa {
    grid-template: auto / 1fr;
  }
  .is-homes-slider__descr {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mb-50-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .ngp-bottom__line {
    height: 14px;
  }

  .ngp-bottom-tabbs__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .ngp-bottom__decor_1 {
    bottom: 84%;
    width: 200px;
    height: 220px;
  }

  .ngp-bottom-tabbs__sbor {
    padding: 20px 10px;
  }

  .ngp-bottom-tabbs__phones {
    gap: 5px;
  }

  .ngp-bottom-tabbs__bottom-item {
    padding: 20px 10px;
  }

  .ngp-bottom-tabbs__bottom-item:not(:last-child) {
    border-bottom: 1px solid #243E36;
    border-right: none;
  }

  .ngp-bottom-tabbs {
    border: none;
    overflow: hidden;
    padding: 0;
  }

  .ngp-bottom-tabbs__button {
    padding: 10px;
  }

  .ngp-bottom-tabbs__contensts-content {
    padding: 0 20px;
  }

  .ngp-wrapper-form__form {
    gap: 20px;
  }

  .ngp-wrapper-form__input {
    height: 40px;
    font-size: 16px;
  }

  .ngp-wrapper-form {
    padding: 0 20px;
  }

  .ngp-bottom-tabbs__content {
    padding-bottom: 20px;
  }

  .ngp-bottom-tabbs__top {
    padding: 10px;
  }

  .ngp-bottom__item {
    gap: 20px;
  }

  .mb-60-20:not(:last-child) {
    margin-bottom: 20px;
  }

  .mb-170-60:not(:last-child) {
    margin-bottom: 60px;
  }

  .wrapper-timer__decorative_margin {
    margin-top: 8px;
  }

  .ngp-timer__button {
    font-size: 14px;
    min-height: 35px;
  }

  .ngp__star {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
    height: 12px;
  }

  .wrapper-timer__decorative {
    margin-top: 7px;
    width: 6px;
    height: 10px;
  }

  .ng__content {
    min-height: 0;
    padding: 40px 10px 30px 10px;
  }

  .ng__link {
    min-height: 35px;
    min-width: 140px;
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  .is-homes-slider__link {
    min-width: 0;
    width: 100%;
  }

  .like-wrapper-buttons__button {
    min-width: 0;
    width: 100%;
  }

  .ngp-bottom__decor_5 {
    top: -3%;
  }
}

@media (max-width: 450px) {
  .semlet {
    background-position: bottom;
    background-image: url(/local/templates/exigo/assets/img/nav-7-let-320-480.webp);   
  }
}  

.spa-landing { font-family: 'Georgia', 'Times New Roman', Times, serif; }

.spa-landing__hero {
    position: relative;
    margin: 2vw auto 0 auto;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 45vw;
    display: flex;
    align-items: stretch;
}

.spa-landing__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.spa-landing__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 2;
}

.spa-landing__content {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 4vw 4vw 2vw 4vw;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 45vw;
}

.spa-landing__title {
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    font-weight: 400;
    line-height: 1.05;
    margin: 0 0 1vw 0;
    letter-spacing: 1px;
    font-family: 'Georgia', serif;
}

.spa-landing__title span {
    display: block;
    font-size: clamp(1.5rem, 4vw, 3.5rem);
    margin-top: 0.5vw;
}

.spa-landing__desc {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height: 1.3;
    margin-bottom: 2vw;
    font-family: 'Georgia', serif;
}

@media (max-width: 764px) {
    .spa-landing__desc {
        display: none;
    }
    
    .spa-landing__content {
        justify-content: space-between;
    }
}
    
.spa-landing__prices {
    font-size: clamp(1.2rem, 2vw, 2rem);
    font-family: 'Georgia', serif;
    margin-bottom: 2vw;
    color: white !important;
}

.spa-landing__arrow {
    margin-top: 2vw;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    touch-action: manipulation;
}

.spa-landing__arrow svg {
    width: 22px;
    height: 22px;
    fill: none;
    display: block;
    transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}

.spa-landing__arrow.open svg {
    transform: rotate(90deg);
}

.spa-landing__schedule {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s cubic-bezier(.4,0,.2,1);
    background: #fff;
    display: block;
}

.spa-landing__schedule.open {
    max-height: 3000px;
    transition: max-height 1.2s cubic-bezier(.4,0,.2,1);
}

.spa-landing__schedule-inner {
    column-count: 2;
    column-gap: 3vw;
    padding: 2vw 4vw 0 4vw;
    font-family: 'Georgia', serif;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}
    
.spa-landing__spa-day {
    margin-bottom: 2vw;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -.04em;
    font-weight: 300;
    font-family: FiraSans, Arial, Helvetica, sans-serif;
}

.spa-landing__day-title {
    color: var(--main);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -.04em;
    font-family: FiraSans, Arial, Helvetica, sans-serif;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(74, 80, 90, .4);
}

.spa-landing__time {
    color: var(--main);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -.04em;
    font-family: FiraSans, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.spa-landing__footer {
    margin-top: 2vw;
    padding: 0 7vw 2vw 4vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.spa-landing__info {
    font-size: clamp(1rem, 1.2vw, 1.1rem);
    margin-bottom: 1vw;
    color: #3a2d23;
    letter-spacing: 0.5px;
}

.button-v3 {
    background: #27160D;
    color: #fff;
    border: none;
    border-radius: 24px;
    padding: 0.7em 2.2em;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    min-width: 180px;
    min-height: 48px;
    touch-action: manipulation;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.button-v3:hover {
    background: #243E36;
}

@media (max-width: 1200px) {
    .spa-landing__hero, .spa-landing__schedule-inner {
        max-width: 98vw;
    }
    
    .spa-landing__content {
        max-width: 100%;
    }
}
    
@media (max-width: 900px) {
    .spa-landing__hero {
        min-height: 60vw;
    }
    
    .spa-landing__content {
        padding: 6vw 2vw 3vw 2vw;
    }
    
    .spa-landing__schedule-inner {
        column-count: 1;
        padding: 4vw 2vw 0 2vw;
        font-size: 1rem;
    }
    
    .spa-landing__footer {
        padding: 0 2vw 4vw 2vw;
        align-items: stretch;
    }
}

@media (max-width: 600px) {
    .spa-landing__hero {
        min-height: 80vw;
        border-width: 2px;
    }
    
    .spa-landing__content {
        padding: 8vw 2vw 4vw 2vw;
    }
    
    .spa-landing__title {
        font-size: 2rem;
    }
    
    .spa-landing__title span {
        font-size: 1.3rem;
    }
    
    .spa-landing__prices {
        font-size: 1rem;
    }
    
    .spa-landing__schedule-inner {
        padding: 6vw 2vw 0 2vw;
    }
    
    .spa-landing__footer {
        padding: 0 2vw 6vw 2vw;
    }
    
    .button-v3 {
        min-width: 120px;
        min-height: 40px;
        font-size: 1rem;
    }
    
    .spa-landing__arrow {
        width: 36px;
        height: 36px;
    }
    
    .spa-landing__arrow svg {
        width: 18px;
        height: 18px;
    }
}