@charset "UTF-8";
@font-face {
  font-family: 'Beanu Sans';
  src: url("../fonts/beanusans/BeauSansPro-Bold.eot");
  /* IE 9 Compatibility Mode */
  src: url("../fonts/beanusans/BeauSansPro-Boldd41d.eot#iefix") format("embedded-opentype"), url("../fonts/beanusans/BeauSansPro-Bold.woff") format("woff"), url("../fonts/beanusans/BeauSansPro-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 700;
}

@font-face {
  font-family: 'TT Norms';
  src: url("../fonts/ttnorms/TTNorms-Bold.eot");
  src: local("TT Norms Bold"), local("TTNorms-Bold"), url("../fonts/ttnorms/TTNorms-Boldd41d.eot#iefix") format("embedded-opentype"), url("../fonts/ttnorms/TTNorms-Bold.woff") format("woff"), url("../fonts/ttnorms/TTNorms-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url("../fonts/ttnorms/TTNorms-Thin.eot");
  src: local("TT Norms Thin"), local("TTNorms-Thin"), url("../fonts/ttnorms/TTNorms-Thind41d.eot#iefix") format("embedded-opentype"), url("../fonts/ttnorms/TTNorms-Thin.woff") format("woff"), url("../fonts/ttnorms/TTNorms-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'TT Norms';
  src: url("../fonts/ttnorms/TTNorms-Regular.eot");
  src: local("TT Norms Regular"), local("TTNorms-Regular"), url("../fonts/ttnorms/TTNorms-Regulard41d.eot#iefix") format("embedded-opentype"), url("../fonts/ttnorms/TTNorms-Regular.woff") format("woff"), url("../fonts/ttnorms/TTNorms-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  color: #2b2b2b;
  font-family: 'TT Norms', sans-serif;
  position: relative;
}

body .d-n {
  display: none;
}

body .overlay-pColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 14;
  background-color: rgba(249, 140, 63, 0.2);
  border-radius: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body .overlay-pColor:hover {
  background-color: rgba(249, 140, 63, 0.4);
}

body .overlay-sColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}

body .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}

body .overlay-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100500;
  background-color: rgba(0, 0, 0, 0.5);
}

body .title {
  font-weight: 700;
  font-size: 70px;
  text-transform: uppercase;
}

body .title:hover {
  cursor: default;
}

body .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  background: #2ecc71;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  position: relative;
  margin-top: 40px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 6px;
  border: transparent;
  padding: 20px 25px;
  font-size: 20px;
  font-weight: 500;
}

body .button-helper {
  text-align: center;
  font-size: 20px;
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
  padding: 20px 25px;
  opacity: 0;
  background: #3DD083;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body .button-helper:hover {
  opacity: 1;
}

@media (min-width: 0px) and (max-width: 575px) {
  .title {
    font-size: 30px !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .title {
    font-size: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .title {
    font-size: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .title {
    font-size: 50px !important;
  }
}

.header {
  width: 100%;
  z-index: 100500;
  position: fixed;
  top: 0;
  left: 0;
  background: #2b2b2b;
  border-radius: 0px 0px 30px 30px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-block {
  padding-left: 15px;
  padding-right: 15px;
}

.header-block-mob {
  display: none;
}

.header-logo {
  width: 40%;
}

.header-logo img {
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.header-logo img:hover {
  /* Для Firefox */
  /* Для IE */
  -webkit-transform: scale(15px, 15px);
  /* Для Safari, Chrome, iOS */
  /* Для Opera */
  transform: scale(15px, 15px);
}

.header-navigation {
  text-align: center;
}

.header-navigation #navigation .header-navigation__link {
  margin-left: 30px;
  margin-right: 30px;
  background: -webkit-gradient(linear, left bottom, left top, from(#3DD083), to(#66da9d));
  background: linear-gradient(to top, #3DD083, #66da9d);
  background-position: 0% 100%;
  background-repeat: repeat-x;
  background-size: 0px 0px;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.header-navigation #navigation .header-navigation__link:hover {
  background-size: 4px 50px;
  border-radius: 3px;
  color: #ffffff;
}

.header-info {
  text-align: right;
}

.header-info__link {
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid lightgray;
}

.header-info__link span {
  font-size: 20px;
  vertical-align: middle;
}

.header-info__link:last-child {
  border-right: none;
}

.header-info__link a {
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.header-info__link a:hover {
  color: #87e2b2;
}

.fixed {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-top: 15px;
  padding-bottom: 15px;
  background: #ffffff !important;
}

.fixed .header-logo img {
  padding-left: 30px;
  margin-top: 5px;
  width: 85%;
}

.fixed .header-navigation__link {
  color: #2b2b2b !important;
  -webkit-transition: 0.1s !important;
  transition: 0.1s !important;
}

.fixed .header-navigation__link:hover {
  color: #ffffff !important;
}

.fixed .header-info__link a {
  color: #2b2b2b !important;
}

.fixed .header-info__link a:hover {
  color: #3DD083 !important;
}

@media (min-width: 0px) and (max-width: 767px) {
  .header {
    padding-top: 20px;
    position: absolute;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header-block {
    display: none;
  }
  .fixed {
    display: none;
  }
  .header-block-mob {
    display: block;
    text-align: right;
  }
  .header-block-mob .header-mob__link {
    display: inline-block;
    padding: 5px 10px;
    background: #3DD083;
    -webkit-box-shadow: 0 0 10px #3DD083;
            box-shadow: 0 0 10px #3DD083;
    border-radius: 6px;
    margin-bottom: 15px;
  }
  .header-block-mob .header-mob__link a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
  }
  .header-block-mob .header-mob__link span {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-logo {
    width: 70%;
  }
  .header-navigation__link {
    font-size: 12px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px 8px !important;
  }
  .header-info__phone {
    display: none;
  }
  .header-info__link span {
    font-size: 18px;
  }
  .fixed {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .fixed .header-logo img {
    width: 100%;
    padding-left: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header-logo {
    width: 50%;
  }
  .header-navigation__link {
    font-size: 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px 15px !important;
  }
  .header-info__phone {
    display: none;
  }
  .header-info__link span {
    font-size: 18px;
  }
  .fixed {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .fixed .header-logo img {
    width: 100%;
    padding-left: 0;
  }
}

@media (min-width: 1199px) and (max-width: 1432px) {
  .header-logo {
    width: 50%;
  }
  .header-navigation__link {
    font-size: 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 10px 15px !important;
  }
  .header-info__link span {
    font-size: 25px;
  }
  .fixed {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .fixed .header-logo img {
    width: 100%;
    padding-left: 0;
  }
}

.welcome {
  position: relative;
  height: 100vh;
  width: 100%;
  background: url("../images/welcome-bg.jpg");
  background-color: #F9F9F9;
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.welcome-screen {
  text-align: center;
  width: 100%;
  z-index: 11;
}

.welcome-screen__logo img {
  cursor: pointer;
  width: 50%;
}

.welcome-screen__logo-inv {
  cursor: pointer;
  color: white !important;
  text-shadow: -10px 10px 0px #FFFFFF, -20px 20px 0px #d9d9d9, -30px 30px 0px #b3b3b3 !important;
}

.welcome-screen__logo-inv:hover {
  color: white !important;
  text-shadow: -10px 10px 0px #3DD083, -20px 20px 0px #269b5d, -30px 30px 0px #175d38 !important;
}

.welcome-screen__subtitle {
  display: block;
  color: #ffffff;
  padding-top: 20px;
  font-size: 20px;
}

.welcome-screen__subtitle:hover {
  cursor: default;
}

@media (min-width: 0px) and (max-width: 767px) {
  .welcome-screen__logo img {
    width: 80%;
  }
  .welcome-screen__subtitle {
    padding-top: 10px;
    font-size: 14px;
  }
  .welcome-screen__button {
    margin-top: 20px !important;
  }
}

.about-screen-slider {
  background-image: url("../images/about-slider-bg.svg");
  background-position: center;
  padding-top: 120px;
  padding-bottom: 120px;
  background-size: cover;
}

.about-screen-stats {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #3DD083;
}

.about-slider {
  padding-right: 5%;
  padding-left: 5%;
  position: relative;
}

.about-slider .fotorama__fullscreen-icon {
  border-radius: 10px;
  -webkit-transform: translate3d(2px, -2px, 0px) !important;
          transform: translate3d(2px, -2px, 0px) !important;
  opacity: 1 !important;
  z-index: 12;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 12;
  background: url("../images/welcome-bg.jpg");
  background-position: center;
  background-size: cover;
}

.about-slider .fotorama__nav {
  display: none;
}

.about-slider .fotorama {
  border-radius: 10px;
  position: relative;
  z-index: 10;
  -webkit-transition: .2s;
  transition: .2s;
}

.about-slider__open {
  pointer-events: none;
  position: absolute;
  z-index: 15;
  font-size: 50px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .2s;
  transition: .2s;
}

.about-slider:after {
  pointer-events: none;
  position: absolute;
  z-index: 14;
  content: '';
  width: 120px;
  height: 120px;
  border: 5px solid #ffffff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-54%, -50%);
          transform: translate(-54%, -50%);
  -webkit-transition: .2s;
  transition: .2s;
}

.about-slider:hover .about-slider__open {
  color: #52d590;
}

.about-slider:hover:after {
  background: #ffffff;
}

.about-text__title {
  margin: 0;
}

.about-text__description {
  margin-top: 30px;
  font-size: 18px;
}

.about-text__description:hover {
  cursor: default;
}

.about-text__button {
  padding: 15px 15px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.about-text__button .button-helper {
  padding: 15px 15px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.about-stats {
  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;
}

.about-stats-block {
  color: #ffffff;
  text-align: center;
}

.about-stats__main {
  display: inline-block;
  position: relative;
  font-size: 60px;
  font-weight: 700;
}

.about-stats__main:hover {
  cursor: default;
}

.about-stats__main:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60%;
  border-bottom: 3px solid #7bdfaa;
}

.about-stats__sub {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 20px;
}

.about-stats__sub:hover {
  cursor: default;
}

@media (min-width: 0px) and (max-width: 767px) {
  .about-screen-slider {
    padding-top: 40px;
    padding-bottom: 140px;
  }
  .about-screen-stats {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .about-slider__open {
    color: #52d590;
  }
  .about-slider:after {
    background: #ffffff;
  }
  .about-text {
    text-align: center !important;
  }
  .about-text__title {
    margin-top: 15px;
  }
  .about-text__description {
    margin-top: 15px;
  }
  .about-text__button {
    margin-top: 30px;
  }
  .about-stats-block {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-screen-slider {
    padding-top: 100px;
    padding-bottom: 200px;
  }
  .about-slider__open {
    color: #52d590;
  }
  .about-slider:after {
    background: #ffffff;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-screen-slider {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}

@media (min-width: 2250px) {
  .about-screen-slider {
    background-image: url("../images/about-slider-bg.html");
    background-position: center;
    padding-top: 240px;
    padding-bottom: 240px;
  }
}

.advantages-block ul {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
  -webkit-margin-end: 0px !important;
          margin-inline-end: 0px !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}

.advantages-block li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
  margin-bottom: 50px;
  list-style: none;
  counter-increment: num;
}

.advantages-block li:hover:before {
  background-color: #ffffff;
  color: #3DD083;
  border: 3px solid #ffffff;
}

.advantages-block li:before {
  display: block;
  position: relative;
  content: counters(num, ".", decimal-leading-zero);
  color: #ffffff;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  font-size: 30px;
  font-weight: 700;
  top: 0;
  left: 0;
  padding: 0 45px;
  padding-top: 45px;
  -webkit-transition: .2s;
  transition: .2s;
}

.advantages-screen-background {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  text-align: center;
  background-color: #F5F5F6;
  background-image: url("../images/advantages-background.svg");
  background-size: 75%;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

.advantages-screen-stats {
  position: relative;
  padding-top: 150px;
  padding-bottom: 50px;
  background-image: url("../images/advantages-stats-bg.svg");
  background-color: #3DD083;
  background-position: center;
  background-size: cover;
}

.advantages-screen-offer {
  text-align: center;
  position: relative;
  padding-top: 50px;
  padding-bottom: 150px;
  background: #3DD083;
  -webkit-transition: .2s;
  transition: .2s;
}

.advantages-screen-offer .advantages-offer-block:not(:hover) {
  opacity: .7;
}

.advantages-background-block:hover .advantages-background__icon {
  color: #29a765;
}

.advantages-background__title {
  position: relative;
  z-index: 12;
  margin-bottom: 80px;
  color: #2b2b2b;
}

.advantages-background__icon {
  position: relative;
  z-index: 12;
  font-size: 50px;
  color: #3DD083;
  -webkit-transition: .2s;
  transition: .2s;
}

.advantages-background__text {
  text-transform: uppercase;
  padding-top: 15px;
  position: relative;
  z-index: 12;
  font-weight: 700;
  font-size: 20px;
  color: #2b2b2b;
}

.advantages-background__text:hover {
  cursor: default;
}

.advantages-background__description {
  padding-top: 10px;
  position: relative;
  z-index: 12;
  font-size: 16px;
  color: #2b2b2b;
}

.advantages-background__description:hover {
  cursor: default;
}

.advantages-stats__content {
  margin-left: 15px;
}

.advantages-stats__title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.advantages-stats__title:hover {
  cursor: default;
}

.advantages-stats__description {
  font-size: 16px;
  color: #ffffff;
  line-height: 25px;
}

.advantages-stats__description:hover {
  cursor: default;
}

.advantages-offer-block {
  -webkit-transition: .2s;
  transition: .2s;
}

.advantages-offer-block:hover .advantages-offer__image {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.advantages-offer__title {
  position: relative;
  z-index: 12;
  margin-bottom: 20px;
  color: #ffffff;
}

.advantages-offer-wrap {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.advantages-offer-wrap:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid #ffffff;
}

.advantages-offer__image {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: .2s;
  transition: .2s;
}

.advantages-offer__image img {
  width: 100%;
  border-radius: 50%;
}

.advantages-offer__text {
  text-transform: uppercase;
  position: relative;
  z-index: 12;
  font-weight: 700;
  font-size: 25px;
  color: #ffffff;
}

.advantages-offer__text:hover {
  cursor: default;
}

.advantages-offer__description {
  margin-top: 10px;
  position: relative;
  z-index: 12;
  font-size: 16px;
  color: #ffffff;
}

.advantages-offer__description:hover {
  cursor: default;
}

@media (min-width: 0px) and (max-width: 767px) {
  .advantages-screen-background {
    background-size: 200%;
    background-position: top right;
  }
  .advantages-background-block {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .advantages-background__title {
    margin-bottom: 30px;
  }
  .advantages-background__icon {
    color: #29a765;
    font-size: 50px;
  }
  .advantages-background__text {
    font-size: 22px;
  }
  .advantages-background__description {
    font-size: 16px;
  }
  .advantages-stats__content {
    text-align: center;
    margin-left: 0;
    margin-top: 140px;
  }
  .advantages-block ul {
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
    -webkit-margin-start: 0px !important;
            margin-inline-start: 0px !important;
    -webkit-margin-end: 0px !important;
            margin-inline-end: 0px !important;
    -webkit-padding-start: 0 !important;
            padding-inline-start: 0 !important;
  }
  .advantages-block li:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #ffffff;
    color: #3DD083;
    border: 3px solid #ffffff;
  }
  .advantages-offer__image {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .advantages-offer-wrap {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .advantages-offer-block {
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .advantages-screen-background {
    background-size: 100%;
    background-position: right top;
  }
  .advantages-background__icon {
    color: #29a765;
  }
  .advantages-block li:before {
    background-color: #3DD083;
    color: #ffffff;
    border: 3px solid #3DD083;
  }
  .advantages-offer__image {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .advantages-offer-wrap {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .advantages-offer-block {
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .advantages-screen-background {
    background-size: 100%;
    background-position: right -20%;
  }
}

.rooms {
  position: relative;
  background-color: #fff;
}

.rooms:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  content: '';
  width: 205px;
  height: 100%;
  background-image: url("../images/rooms-background-circle.svg");
  background-position: center;
  background-size: cover;
}

.rooms-screen {
  z-index: 10;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

.rooms-screen__title {
  text-align: left;
  margin-bottom: 15px;
  text-shadow: 1px 1px 1px white, 2px 2px 2px white, 3px 3px 3px white;
}

.rooms-screen__image {
  left: 50%;
  position: absolute;
  height: 100%;
  width: 50%;
  background-image: url("../images/rooms-background.jpg");
  background-position: top;
  background-size: cover;
}

.rooms-screen__subtitle {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  text-shadow: 1px 1px 1px white, 2px 2px 2px white, 3px 3px 3px white;
}

.rooms-screen__subtitle:hover {
  cursor: default;
}

.rooms-screen-wrap {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
  background-color: #3DD083;
}

.rooms-screen__block {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.rooms-screen__block:last-child {
  margin-bottom: 0;
}

.rooms-screen__block__button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.rooms-screen__text {
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  display: inline-block;
}

.rooms-screen__text:hover {
  cursor: default;
}

.rooms-screen__subtext {
  color: #ffffff;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
}

.rooms-screen__subtext:hover {
  cursor: default;
}

.rooms-screen__span {
  vertical-align: middle;
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.rooms-screen__price {
  vertical-align: middle;
  display: block;
  font-size: 30px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 767px) {
  .rooms:after {
    background-size: 74%;
    background-position: left;
    background-repeat: no-repeat;
  }
  .rooms-screen {
    padding-top: 100px;
    padding-bottom: 200px;
  }
  .rooms-screen__title {
    text-align: center;
  }
  .rooms-screen__subtitle {
    text-align: center;
  }
  .rooms-screen__block {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rooms-screen__text {
    margin-bottom: 15px;
  }
  .rooms-screen__image {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rooms:after {
    background-size: 74%;
    background-position: left;
    background-repeat: no-repeat;
  }
  .rooms-screen {
    padding-top: 100px;
    padding-bottom: 200px;
  }
  .rooms-screen__block {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rooms-screen__text {
    margin-bottom: 15px;
  }
}

.popup-user {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.popup-user__close {
  z-index: 100501;
  position: fixed;
  color: #ffffff;
  font-size: 35px;
  top: 15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}

.popup-user__text {
  overflow: auto;
  text-align: center;
  z-index: 100501;
  position: fixed;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30%;
  height: 300px;
  padding: 20px 30px;
  background: #f7f7f7;
  border-radius: 6px;
}

.booking-screen {
  background-color: #3DD083;
  background-image: url("../images/booking-background.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 47px;
  padding-bottom: 47px;
  text-align: center;
}

.booking-title {
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 40px;
}

.booking-form select {
  -webkit-appearance: none;
  background: #ffffff;
  z-index: 2;
  position: relative;
  font-family: 'TT Norms', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border: 1px solid white;
  border-radius: 6px;
}

.booking-form label {
  color: #ffffff;
  font-weight: 700;
  font-size: 38px;
}

.booking-form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  position: relative;
}

.booking-form-field {
  display: block;
}

.booking-form-field i {
  position: absolute;
  top: 30%;
  left: 34.5%;
  z-index: 1;
  color: white;
  font-size: 30px;
}

.booking-form-dates {
  cursor: default;
}

.booking-form-control {
  -webkit-appearance: none;
  background: #ffffff;
  z-index: 2;
  position: relative;
  font-family: 'TT Norms', sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border: 1px solid white;
  border-radius: 6px;
}

.booking-form-message {
  display: block;
  resize: none;
}

.booking-form-btn {
  margin-top: 25px !important;
  padding: 15px 20px !important;
  cursor: pointer;
  font-size: 18px !important;
}

.booking-form p {
  font-size: 13px;
  color: #ffffff;
}

.booking-form p .checkbox-click {
  font-size: 13px;
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

@media (min-width: 0px) and (max-width: 767px) {
  .booking-screen {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .booking-form-field i {
    display: none;
  }
  .popup-user__text {
    width: 80%;
  }
}

.contacts {
  position: relative;
}

.contacts-button {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 999;
  color: #2b2b2b;
  top: 8%;
  right: 3%;
  background: #ffffff;
  font-size: 25px;
  padding: 15px;
  border-radius: 50%;
}

.contacts-info {
  cursor: default;
  position: absolute;
  top: 0;
  padding-top: 100px;
  width: 100%;
  height: 100%;
  background-image: url("../images/contacts-background.svg");
}

.contacts-info__image img {
  width: 100%;
}

.contacts-info-block {
  opacity: 1;
  margin-bottom: 10px;
  margin-top: 10px;
}

.contacts-info__bold {
  color: #ffffff;
  font-weight: 700;
  font-size: 25px;
  margin-right: 15px;
}

.contacts-info__text {
  margin-left: 25px;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
}

.contacts-info__text a {
  color: #ffffff;
  text-decoration: none;
}

.contacts-info__button {
  color: #2b2b2b;
  background: #ffffff;
  border-radius: 6px;
  padding: 15px 20px;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  -webkit-transition: .2s;
  transition: .2s;
}

.contacts-info__button:hover {
  background: #a4e9c5;
}

.contacts-info-wrap {
  margin-top: 50px;
}

.contacts-title {
  color: #ffffff;
  margin-bottom: 50px;
}

.footer {
  background: #515151;
  padding-top: 20px;
  padding-bottom: 10px;
}

.footer-row {
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-row__list {
  cursor: default;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  display: inline-block;
  border-right: 1px solid lightgrey;
}

.footer-row__list a {
  text-decoration: none;
  color: #ffffff;
}

.footer-row__list:last-child {
  border-right: none;
}

.footer-row span {
  cursor: default;
  color: #ffffff;
}

.footer-author {
  opacity: 0.5;
  font-size: 12px;
}

.footer-author a {
  color: #ffffff;
}

@media (min-width: 0px) and (max-width: 767px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer-row {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer-row__span {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer-row__list {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    border-right: none;
    border-bottom: none;
  }
  .footer-row__list:last-child {
    border-bottom: none;
  }
}
/*# sourceMappingURL=style.css.map */