/* BASIC CSS */
* {
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

body, html {
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
  background: url(../img/bg.jpg);
  /* background: url(../img/-=Maket.jpg); */
  /* height: 2000px; */
  /* background-repeat: repeat; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  text-decoration: none;
}

.center { text-align: center }
.m-b-10 {
  margin-bottom: 10px;
}
.m-t-10 {
  margin-top: 10px;
}

.wr.response {
  display: flex;
  flex-direction: row;
}

.wr.response .close-wr {
  position: relative;
  right: 0;
  top: 0;
}

.wr-response-text {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.wrap {
  /* background: pink; */
  background: url(../img/bg-leaf_.png);
}

.box {
  width: 100%;
}

.max-1200px {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.max-1085px {
  max-width: 1085px;
  width: 100%;
  margin: 0 auto;
}

.content {
  min-height: calc(100vh - 188.9px);
}

/* START BOOKING */
.start-booking-module {
  position: fixed;
  left: 5px;
  bottom: 5px;
  z-index: 200;

  padding: 2px;
  font-size: 11pt;
  /* font-family: "Tahoma"; */
  font-family: "Times New Roman";
  font-style: italic;
  /* background: #007bff; */
  /* background: rgba(0,123,255,.85); */
  background: rgba(255, 255, 255, .9);
  border-radius: 4px;
  cursor: pointer;
  transition: all .5s ease;
}

.start-booking-module div {
  padding: 8px;
  background: rgba(65, 35, 34, .9);
  border-radius: 4px;
  transition: all .5s ease;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.start-booking-module a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;

  color: rgb(65, 35, 34);
}

.start-booking-module a span {
  margin: 0 10px;
}

.start-booking-module {
  box-shadow: 0 0 10px rgba(65, 35, 34, .9);
}

.start-booking-module svg {
  /* width:1 20px; */
  padding-bottom: 1px;
  height: 17px;
  /* margin-right: 10px; */
}

.start-booking-module svg * {
  transition: all .3s ease;
}

.start-booking-module:hover svg * {
  fill: rgb(65, 35, 34);
}
.start-booking-module:hover {
  background: rgba(65, 35, 34, .9);
}
.start-booking-module:hover a {
  color: #fff;
}
.start-booking-module:hover div {
  background: rgba(255, 255, 255, .9);
}

.booking-module {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 997;
  /* background: rgba(255,255,255,.8); */
}

.booking-module svg {
  width: 20px;
  height: 20px;

  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 999;
  cursor: pointer;
}

.lightness-bg-booking {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.95);
}

/* FULL SCREEN SLIDER */

.full-scree-slider {
  display: none;
  position: fixed;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;
  z-index: 899;

  background: rgba(0,0,0,1);
}

.swiper-container.full-screen {
  width: 100%;
  background: rgba(0,0,0,1);
}

.swiper-container.full-screen .swiper-slide {
  width: 100%!important;
  background: rgba(0,0,0,1);
}

.swiper-container.full-screen .swiper-slide img {
  /* width: 100%; */
  /* height: 100%; */
  max-width: 100%;
  max-height: 100%;
}

/* BLOCK PAGE */

.site-preloader-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(212, 190, 153);
  z-index: 9999;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.site-preloader-box svg{
  width: 250px;;
}

.site-preloader-box svg {
  -webkit-animation: dasharray_preloader 2s infinite both; /* Safari 4+ */
  -moz-animation:    dasharray_preloader 2s infinite both; /* Fx 5+ */
  -o-animation:      dasharray_preloader 2s infinite both; /* Opera 12+ */
  animation:         dasharray_preloader 2s infinite both; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes dasharray_preloader {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

@-moz-keyframes dasharray_preloader {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

@-o-keyframes dasharray_preloader {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

@keyframes dasharray_preloader {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

.site-preloader-box span{
  font-size: 13pt;
  font-family: "Times New Roman";
  margin-top: 25px;
  font-style: italic;
  color: #4a322a;
}

/* HEADER */
#header {
  position: relative;
  width: 100%;
  border-top: 7px solid #3b2726;
}

.header-lightness-bg{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.header-lightness-bg img { width: 100% }

.header-content {
  position: relative;

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#header .left-col{
  width: 75%;
  padding-top: 30px;
}

#header .left-col svg {
  width: 95%;
}

#header .right-col{
  position: absolute;
  /* width: 437px; */
  width: 36.49%;
  right: -32px;
  top: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.phone-img {
  /* width: 66.3px; */
  margin-top: -50px;
  margin-left: -8px;
  position: absolute;
  right: calc(50% - 102px);
}

.header-contacts-info {
  position: relative;
  font-family: "Arial";
  font-style: italic;
  color: #594038;
  /* margin-top: 75px; */
  margin-top: 60px;
  margin-left: 6px;
}

.header-contacts-info h3 {
  font-size: 20pt;
  margin-left: -12px;
}

.hci-email {
  font-size: 18.2pt;
  margin-top: 4px;
  display: block;
  margin-left: -11px;
  color: #594038;
}

.hci-phone {
  font-size: 12.5pt;
  color: #594038;
  margin-left: -12px;
  margin-top: 2px;
  display: block;
}

.header-top-image {
  width: 33.917vw;
  min-height: 226.5px;
  position: relative;
  max-width: 437.867px;
}

.header-top-image video {
  width: 100%;
}

.header-top-image img {
  position: absolute;
  left: 0;
  top: 0;
}

.start-hotel{
  z-index: 3;
}

.animation-hotel{
  z-index: 2;
  display: none;
}

.end-hotel{
  z-index: 1;
  display: block;
}

/* HEADER ANIMATION */
.header-content .left-col.animated svg path {
  fill: #724A37;
  stroke-width: 1;
  stroke: #724A37;
  stroke-dasharray: 0 100;
  -webkit-animation: dasharray 9s alternate; /* Safari 4+ */
  -moz-animation:    dasharray 9s alternate; /* Fx 5+ */
  -o-animation:      dasharray 9s alternate; /* Opera 12+ */
  animation:         dasharray 9s alternate; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes dasharray {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
    fill-opacity: 0;
  }
  60% {
    fill: #724A37;
  }
  100% {
    fill-opacity: 1;
  }
}

@-moz-keyframes dasharray {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
    fill-opacity: 0;
  }
  60% {
    fill: #724A37;
  }
  100% {
    fill-opacity: 1;
  }
}

@-o-keyframes dasharray {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
    fill-opacity: 0;
  }
  60% {
    fill: #724A37;
  }
  100% {
    fill-opacity: 1;
  }
}

@keyframes dasharray {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
    fill-opacity: 0;
  }
  60% {
    fill: #724A37;
  }
  100% {
    fill-opacity: 1;
  }
}
/* END ANIMATION */

/* MENU */
menu{
  width: 100%;
  position: relative;
}

.swiper-container.main-menu-slider,
.swiper-container.main-menu-slider .swiper-wrapper,
.swiper-container.main-menu-slider .swiper-slide {
  max-width: 1200px;
  width: 100%;
}

menu path {
  transition: all .3s ease;
}

menu a:hover path{
  opacity: .5;
}

.bg-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.bg-menu svg {
  width: 100%;
}

.bg-menu img {
  margin-left: 19px;
  margin-top: -8px;
}

.menu-box{
  width: 100%;
  max-width: 928px;
  padding-top: 1px;

  margin: 0 auto;
  position: relative;
}

/* .menu-box svg {
  width: auto;
  height: 28px;
} */

/* .menu-box a:hover svg {
  opacity: .5;
  transform: scale(0.9);
} */

/* MENU ANIMATION */
.bg-menu svg path {
  fill: none;
  stroke-width: 0.1;
  stroke: #fff;
  stroke-dasharray: 0 20;
}

.bg-menu.animated g>g:nth-child(4) path {
  -webkit-animation: dasharray_menu 1s both; /* Safari 4+ */
  -moz-animation:    dasharray_menu 1s both; /* Fx 5+ */
  -o-animation:      dasharray_menu 1s both; /* Opera 12+ */
  animation:         dasharray_menu 1s both; /* IE 10+, Fx 29+ */
}

.bg-menu.animated g>g:nth-child(3) path,
.bg-menu.animated g>g:nth-child(5) path {
  -webkit-animation: dasharray_menu 1s both 1s; /* Safari 4+ */
  -moz-animation:    dasharray_menu 1s both 1s; /* Fx 5+ */
  -o-animation:      dasharray_menu 1s both 1s; /* Opera 12+ */
  animation:         dasharray_menu 1s both 1s; /* IE 10+, Fx 29+ */
}

.bg-menu.animated g>g:nth-child(2) path,
.bg-menu.animated g>g:nth-child(6) path {
  -webkit-animation: dasharray_menu 1s both 2s; /* Safari 4+ */
  -moz-animation:    dasharray_menu 1s both 2s; /* Fx 5+ */
  -o-animation:      dasharray_menu 1s both 2s; /* Opera 12+ */
  animation:         dasharray_menu 1s both 2s; /* IE 10+, Fx 29+ */
}

.bg-menu.animated g>g:nth-child(1) path,
.bg-menu.animated g>g:nth-child(7) path {
  -webkit-animation: dasharray_menu 1s both 3s; /* Safari 4+ */
  -moz-animation:    dasharray_menu 1s both 3s; /* Fx 5+ */
  -o-animation:      dasharray_menu 1s both 3s; /* Opera 12+ */
  animation:         dasharray_menu 1s both 3s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes dasharray_menu {
  0% {
    fill-opacity: 0;
    fill: #fff;
  }
  35% {
    stroke: #fff;
    stroke-dasharray: 20 0;
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    fill: #fff;
  }
}

@-moz-keyframes dasharray_menu {
  0% {
    fill-opacity: 0;
    fill: #fff;
  }
  35% {
    stroke: #fff;
    stroke-dasharray: 20 0;
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    fill: #fff;
  }
}

@-o-keyframes dasharray_menu {
  0% {
    fill-opacity: 0;
    fill: #fff;
  }
  35% {
    stroke: #fff;
    stroke-dasharray: 20 0;
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    fill: #fff;
  }
}

@keyframes dasharray_menu {
  0% {
    fill-opacity: 0;
    fill: #fff;
  }
  35% {
    stroke: #fff;
    stroke-dasharray: 20 0;
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
    fill: #fff;
  }
}
/* END ANIMATION */

.mobile-menu-btn {
  display: none;
}

@media(max-width: 800px) {
  .bg-menu.animated {
    display: none;
  }

  .mobile-menu-btn {
    display: block;
  }

  menu {
    text-align: center;
  }

  #main {
    padding-top: 20px!important;
  }
  .header-content {
    margin-bottom: 5px;
  }
}

/* MAIN */
#main {
  padding-top: 80px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#main .hotel-info-text svg {
  max-height: 251px;
  /* fill: #724A37; */
  fill: none;
  stroke-width: 1;
  /* stroke: rgba(0,0,0, .5); */
  stroke: #724A37;
  /* stroke-dasharray: 550 0; */
  stroke-dasharray: 0 100;
  /* animation-delay: 5s; */
  /* animation: dasharray_2 3s both; */
}

#main .hotel-info-text.animated svg path:nth-child(1) {
  -webkit-animation: dasharray_2 3s both 0.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 0.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 0.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 0.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(2) {
  -webkit-animation: dasharray_2 3s both 1s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 1s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 1s; /* Opera 12+ */
  animation:         dasharray_2 3s both 1s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(3) {
  -webkit-animation: dasharray_2 3s both 1.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 1.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 1.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 1.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(4) {
  -webkit-animation: dasharray_2 3s both 2s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 2s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 2s; /* Opera 12+ */
  animation:         dasharray_2 3s both 2s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(5) {
  -webkit-animation: dasharray_2 3s both 2.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 2.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 2.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 2.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(6) {
  -webkit-animation: dasharray_2 3s both 3s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 3s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 3s; /* Opera 12+ */
  animation:         dasharray_2 3s both 3s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(7) {
  -webkit-animation: dasharray_2 3s both 3.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 3.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 3.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 3.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(8) {
  -webkit-animation: dasharray_2 3s both 4s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 4s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 4s; /* Opera 12+ */
  animation:         dasharray_2 3s both 4s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(9) {
  -webkit-animation: dasharray_2 3s both 4.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 4.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 4.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 4.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(10) {
  -webkit-animation: dasharray_2 3s both 5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(11) {
  -webkit-animation: dasharray_2 3s both 5.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 5.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 5.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 5.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(12) {
  -webkit-animation: dasharray_2 3s both 6s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 6s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 6s; /* Opera 12+ */
  animation:         dasharray_2 3s both 6s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(13) {
  -webkit-animation: dasharray_2 3s both 6.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 6.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 6.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 6.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(14) {
  -webkit-animation: dasharray_2 3s both 7s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 7s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 7s; /* Opera 12+ */
  animation:         dasharray_2 3s both 7s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(15) {
  -webkit-animation: dasharray_2 3s both 7.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 7.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 7.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 7.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(16) {
  -webkit-animation: dasharray_2 3s both 8s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 8s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 8s; /* Opera 12+ */
  animation:         dasharray_2 3s both 8s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(17) {
  -webkit-animation: dasharray_2 3s both 8.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 8.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 8.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 8.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(18) {
  -webkit-animation: dasharray_2 3s both 9s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 9s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 9s; /* Opera 12+ */
  animation:         dasharray_2 3s both 9s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(19) {
  -webkit-animation: dasharray_2 3s both 9.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 9.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 9.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 9.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(20) {
  -webkit-animation: dasharray_2 3s both 10s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 10s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 10s; /* Opera 12+ */
  animation:         dasharray_2 3s both 10s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(21) {
  -webkit-animation: dasharray_2 3s both 10.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 10.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 10.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 10.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(22) {
  -webkit-animation: dasharray_2 3s both 11s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 11s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 11s; /* Opera 12+ */
  animation:         dasharray_2 3s both 11s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(23) {
  -webkit-animation: dasharray_2 3s both 11.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 11.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 11.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 11.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(24) {
  -webkit-animation: dasharray_2 3s both 12s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 12s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 12s; /* Opera 12+ */
  animation:         dasharray_2 3s both 12s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(25) {
  -webkit-animation: dasharray_2 3s both 12.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 12.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 12.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 12.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(26) {
  -webkit-animation: dasharray_2 3s both 13s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 13s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 13s; /* Opera 12+ */
  animation:         dasharray_2 3s both 13s; /* IE 10+, Fx 29+ */
}

/* second row */
#main .hotel-info-text.animated svg path:nth-child(27) {
  -webkit-animation: dasharray_2 3s both 13.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 13.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 13.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 13.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(28) {
  -webkit-animation: dasharray_2 3s both 14s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 14s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 14s; /* Opera 12+ */
  animation:         dasharray_2 3s both 14s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(29) {
  -webkit-animation: dasharray_2 3s both 14.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 14.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 14.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 14.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(30) {
  -webkit-animation: dasharray_2 3s both 15s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 15s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 15s; /* Opera 12+ */
  animation:         dasharray_2 3s both 15s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(31) {
  -webkit-animation: dasharray_2 3s both 15.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 15.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 15.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 15.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(32) {
  -webkit-animation: dasharray_2 3s both 16s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 16s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 16s; /* Opera 12+ */
  animation:         dasharray_2 3s both 16s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(33) {
  -webkit-animation: dasharray_2 3s both 16.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 16.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 16.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 16.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(34) {
  -webkit-animation: dasharray_2 3s both 17s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 17s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 17s; /* Opera 12+ */
  animation:         dasharray_2 3s both 17s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(35) {
  -webkit-animation: dasharray_2 3s both 17.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 17.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 17.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 17.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(36) {
  -webkit-animation: dasharray_2 3s both 18s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 18s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 18s; /* Opera 12+ */
  animation:         dasharray_2 3s both 18s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(37) {
  -webkit-animation: dasharray_2 3s both 18.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 18.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 18.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 18.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(38) {
  -webkit-animation: dasharray_2 3s both 19s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 19s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 19s; /* Opera 12+ */
  animation:         dasharray_2 3s both 19s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(39) {
  -webkit-animation: dasharray_2 3s both 19.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 19.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 19.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 19.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(40) {
  -webkit-animation: dasharray_2 3s both 20s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 20s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 20s; /* Opera 12+ */
  animation:         dasharray_2 3s both 20s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(41) {
  -webkit-animation: dasharray_2 3s both 20.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 20.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 20.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 20.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(42) {
  -webkit-animation: dasharray_2 3s both 21s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 21s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 21s; /* Opera 12+ */
  animation:         dasharray_2 3s both 21s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(43) {
  -webkit-animation: dasharray_2 3s both 21.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 21.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 21.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 21.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(44) {
  -webkit-animation: dasharray_2 3s both 22s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 22s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 22s; /* Opera 12+ */
  animation:         dasharray_2 3s both 22s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(45) {
  -webkit-animation: dasharray_2 3s both 22.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 22.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 22.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 22.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(46) {
  -webkit-animation: dasharray_2 3s both 23s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 23s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 23s; /* Opera 12+ */
  animation:         dasharray_2 3s both 23s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(47) {
  -webkit-animation: dasharray_2 3s both 23.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 23.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 23.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 23.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(48) {
  -webkit-animation: dasharray_2 3s both 24s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 24s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 24s; /* Opera 12+ */
  animation:         dasharray_2 3s both 24s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(49) {
  -webkit-animation: dasharray_2 3s both 24.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 24.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 24.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 24.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(50) {
  -webkit-animation: dasharray_2 3s both 25s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 25s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 25s; /* Opera 12+ */
  animation:         dasharray_2 3s both 25s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(51) {
  -webkit-animation: dasharray_2 3s both 25.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 25.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 25.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 25.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(52) {
  -webkit-animation: dasharray_2 3s both 26s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 26s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 26s; /* Opera 12+ */
  animation:         dasharray_2 3s both 26s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(53) {
  -webkit-animation: dasharray_2 3s both 26.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 26.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 26.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 26.5s; /* IE 10+, Fx 29+ */
}

/* third row*/
#main .hotel-info-text.animated svg path:nth-child(54) {
  -webkit-animation: dasharray_2 3s both 27s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 27s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 27s; /* Opera 12+ */
  animation:         dasharray_2 3s both 27s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(55) {
  -webkit-animation: dasharray_2 3s both 27.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 27.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 27.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 27.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(56) {
  -webkit-animation: dasharray_2 3s both 28s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 28s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 28s; /* Opera 12+ */
  animation:         dasharray_2 3s both 28s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(57) {
  -webkit-animation: dasharray_2 3s both 28.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 28.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 28.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 28.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(58) {
  -webkit-animation: dasharray_2 3s both 29s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 29s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 29s; /* Opera 12+ */
  animation:         dasharray_2 3s both 29s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(59) {
  -webkit-animation: dasharray_2 3s both 29.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 29.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 29.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 29.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(60) {
  -webkit-animation: dasharray_2 3s both 30s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 30s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 30s; /* Opera 12+ */
  animation:         dasharray_2 3s both 30s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(61) {
  -webkit-animation: dasharray_2 3s both 30.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 30.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 30.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 30.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(62) {
  -webkit-animation: dasharray_2 3s both 31s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 31s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 31s; /* Opera 12+ */
  animation:         dasharray_2 3s both 31s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(63) {
  -webkit-animation: dasharray_2 3s both 31.5s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 31.5s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 31.5s; /* Opera 12+ */
  animation:         dasharray_2 3s both 31.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info-text.animated svg path:nth-child(64) {
  -webkit-animation: dasharray_2 3s both 32s; /* Safari 4+ */
  -moz-animation:    dasharray_2 3s both 32s; /* Fx 5+ */
  -o-animation:      dasharray_2 3s both 32s; /* Opera 12+ */
  animation:         dasharray_2 3s both 32s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes dasharray_2 {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #724A37;
  }
}

@-moz-keyframes dasharray_2 {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #724A37;
  }
}

@-o-keyframes dasharray_2 {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #724A37;
  }
}

@keyframes dasharray_2 {
  0% {
    fill-opacity: 0;
  }
  50% {
    stroke: #724A37;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #724A37;
  }
}

/* SLIDER */
.slider-wrap {
  margin-bottom: 25px;
}

.mobile-line {
  max-width: 515px;
  margin: 0 auto;
  display: none;
}

@media (max-width: 1140px) {
  .mobile-line {
    display: block;
  }
  .desctop-line {
    display: none;
  }
}
@media(max-width: 515px){
  .mobile-line{
    max-width: 100%;
  }
}

.top-line {
  margin: 0 auto;
  max-width: 1085px;
  margin-bottom: 5px;
}

.bottom-line {
  margin: 0 auto;
  max-width: 1085px;
  margin-top: 5px;
}

.footer-top-line, .footer-bottom-line {
  max-width: 1085px!important;
  /* margin: 0 auto; */
}

.slider.homepage {
  position: relative;
  /* height: 205px; */
}

.swiper-container {
  width: calc(100% - 185px);
  height: 100%;
  margin: 0 82px;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  /* cursor: grab; */
}

.swiper-container.big {
  border-radius: 13px;
}

.swiper-pagination.big {
  bottom: 1px!important;
}

.swiper-pagination-bullet-active {
  background: #372923!important;
}

.custom-sliders-control{
  position: absolute;
  top: calc(50% - 38.5px);

  width: 82px;
  height: 77px;
  cursor: pointer;
}

.custom-sliders-control svg {
  width: 82px;
  height: 77px;
}

.prev-slider-custom {
  left: 16px;
}

.next-slider-custom {
  right: 18px;
}

.swiper-slide {
  width: auto!important;
  /* margin-left: 28px; */
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* .swiper-slide:first-child {
  margin-left: 0;
} */

/* HOTEL INFO */
.hotel-info h2 {
  width: 100%;
  float: left;
  fill: none;
  stroke-width: 1;
  stroke:#2B2A29;
  stroke-dasharray: 0 100;
  text-align: center;
  margin-bottom: 35px;
}

.hotel-info h2 svg {
  height: 26px;
  fill: none;
}

.mob-svg {
  display: none;
}

.hotel-info h2:last-child {
  margin-bottom: 20px;
}

#main .hotel-info h2.animated svg path:nth-child(1) {
  -webkit-animation: dasharray_header 3s both 1s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 1s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 1s; /* Opera 12+ */
  animation:         dasharray_header 3s both 1s; /* IE 10+, Fx 29+ */
}
#main .hotel-info h2.animated svg path:nth-child(2) {
  -webkit-animation: dasharray_header 3s both 1.5s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 1.5s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 1.5s; /* Opera 12+ */
  animation:         dasharray_header 3s both 1.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info h2.animated svg path:nth-child(3) {
  -webkit-animation: dasharray_header 3s both 2s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 2s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 2s; /* Opera 12+ */
  animation:         dasharray_header 3s both 2s; /* IE 10+, Fx 29+ */
}
#main .hotel-info h2.animated svg path:nth-child(4) {
  -webkit-animation: dasharray_header 3s both 2.5s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 2.5s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 2.5s; /* Opera 12+ */
  animation:         dasharray_header 3s both 2.5s; /* IE 10+, Fx 29+ */
}
#main .hotel-info h2.animated svg path:nth-child(5) {
  -webkit-animation: dasharray_header 3s both 3s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 3s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 3s; /* Opera 12+ */
  animation:         dasharray_header 3s both 3s; /* IE 10+, Fx 29+ */
}
#main .hotel-info h2.animated svg path:nth-child(6) {
  -webkit-animation: dasharray_header 3s both 3.5s; /* Safari 4+ */
  -moz-animation:    dasharray_header 3s both 3.5s; /* Fx 5+ */
  -o-animation:      dasharray_header 3s both 3.5s; /* Opera 12+ */
  animation:         dasharray_header 3s both 3.5s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes dasharray_header {
  0% {
    fill-opacity: 0;
  }
  60% {
    fill-opacity: 0;
    stroke: #2B2A29;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #2B2A29;
  }
}

@-moz-keyframes dasharray_header {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #2B2A29;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #2B2A29;
  }
}

@-o-keyframes dasharray_header {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #2B2A29;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #2B2A29;
  }
}

@keyframes dasharray_header {
  0% {
    fill-opacity: 0;
  }
  35% {
    stroke: #2B2A29;
    stroke-dasharray: 100 0;
  }
  100% {
    fill-opacity: 1;
    fill: #2B2A29;
  }
}

.wrap-hotel-info div {
  width: 50%;
  float: left;
}

.hotel-info-video, .hotel-info-text {
  text-align: center;
}

.hotel-info-video {
  height: 251px;
  padding: 0 75px;
}

/* .hotel-info-text {
  padding: 19.45px 0;
} */

.wrap-hotel-info p {
  float: left;
  font-family: "Times New Roman";
  font-style: italic;
  font-size: 13pt;
  line-height: 22.6pt;
  color: #3b2826;
  /* margin-top: 52px; */
  /* margin-bottom: 35px; */
  margin: 35px auto;
  max-width: 1154px;
  text-align: justify;
}

/* SEASON MAP */
.season-box {
  position: relative;
  float: left;
  width: 100%;
}

.seasons {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.menu-seasons {
  float: left;
  width: 100%;
  margin-top: 10px;
  /* margin-bottom: 8px; */

  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.swiper-container.seasons-slider {
  overflow: unset;
  width: 100%;
}

@media (max-width: 768px) {
  .swiper-container.seasons-slider .swiper-wrapper {
    transform: translate3d(-347.234px, 0px, 0px);
  }
}

.season-menu-btn {
    cursor: pointer;
    transition: all .3s ease;
}

.season-menu-btn.active {
    opacity: .6;
}

.swiper-container.seasons-slider .swiper-wrapper .swiper-slide {
  background: unset;
}

.swiper-container.seasons-slider .swiper-wrapper .swiper-slide span svg path {
  transition: all .3s ease;
}

.swiper-container.seasons-slider .swiper-wrapper .swiper-slide span:hover svg path {
  opacity: .6;
}

.swiper-container.seasons-slider .swiper-wrapper .swiper-slide:nth-child(1) span {
  margin-top: -1px;
}
.swiper-container.seasons-slider .swiper-wrapper .swiper-slide:nth-child(2) span {
  margin-top: -9px;
}
.swiper-container.seasons-slider .swiper-wrapper .swiper-slide:nth-child(3) span {
  margin-top: -14px;
}
.swiper-container.seasons-slider .swiper-wrapper .swiper-slide:nth-child(4) span {
  margin-top: -14px;
}
.swiper-container.seasons-slider .swiper-wrapper .swiper-slide:nth-child(5) span {
  margin-top: -10px;
}

.desctop-map g {
    cursor: pointer;
    transition: all .3s ease;
}

.desctop-map g:hover .st1-map {
    fill: #fff;
}

.desctop-map g.active .st1-map {
    fill: #fff;
}

.st1-map {
    transition: all .3s ease;
}

.p-more-info {
    height: 0;
    padding-left: 15px;
    padding-right: 15px;

    font-family: Arial;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    color: #824831;

    transition: all .3s ease;
}

.p-more-info span {
    display: none;
}

.map-js-middle:hover .map-image.map-js-middle {
    opacity: .7;
}

.hotel-rooms-with-cost {
  width: 100%;

  font-family: Arial;
  line-height: 20px;
  padding: 0 50px;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

@media (max-width: 550px) {
  .hotel-rooms-with-cost {
    justify-content: space-between;
  }

  .right-col video {
      width: 100%;
  }
  #menu-slider svg {
      margin-left: -41%;
  }
  .images-of-map svg {
      margin-top: 15px;
  }

  .sales-box {
      flex-direction: column!important;
  }
  .text-sales {
      margin-left: 0!important;
      align-items: center;
      margin-top: 25px;
  }
  .sales-box .text-sales span.small {
      margin-top: 30px!important;
  }
}

@media (max-width: 438px) {
  .hotel-rooms-with-cost {
    justify-content: center;
  }
}

.hb-info {
  font-size: 14px;
  color: #2b2826;
  text-transform: uppercase;
  margin-right: 15px;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.hb-info:last-child {
  margin-right: 0;
}

.hb-info .cinfo {
  /* font-weight: 600; */
  font-size: 19px;
  color: #824831;
  margin-left: 4px;
  margin-bottom: -1px;
}

.margin-8px {
  margin-right: 4px;
}

.hb-info .small-letter {
  margin-left: 1px;
  font-size: 10px;
  padding-bottom: 1px;
}

.images-of-map {
  position: relative;
  width: 100%;
}

.images-of-map svg {
  width: 100%;
}

.month-box {
  position: absolute;
  top: 79px;
  left: 0;

  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: center;
}

.month-box span {
  font-family: Arial;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  font-size: 16px;
  color: #512d02;

  margin-right: 15px;
  opacity: .75;
  cursor: pointer;
  transition: all .3s ease;
}

.month-box span.active,
.month-box span:hover {
  opacity: 1;
  color: #fff;
}

.season-1-box {
  left: 126px;
  top: 94px;
}

/* .seasons svg path {
  stroke-dasharray: 0 100;
} */

/* .seasons.active svg path {
  -webkit-animation: anim_map 2s forwards;
  animation:         anim_map 2s forwards;
}

@-webkit-keyframes anim_map {
  0% {
    stroke-dasharray: 0 100;
  }
  100% {
    stroke-dasharray: 100 0;
  }
}

@keyframes anim_map {
  0% {
    stroke-dasharray: 0 100;
  }
  100% {
    stroke-dasharray: 100 0;
  }
} */

.sales-container {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
}

.sales-container > img {
  width: 40%;
}

.sales-container > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
  width: 100%;
  margin-top: 20px;
}

.sales-container .item {
  position: relative;
  max-width: 169px;
  width: 100%;

  margin-left: 21px;
  margin-bottom: 21px;
}

.sales-container .item:first-child {
  margin-left: 0;
}

.sales-container .item img {
  position: relative;
  z-index: 1;

  width: 100%;
}

.sales-container .info {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 55%;

  color: #fff;
}

.sales-container .info .sf {
  font-size: 18px;
}

.sales-container .info .bf {
  margin-top: 5px;
  font-size: 26px;
}

@media ( max-width: 600px ) {
  .sales-container .item:nth-child(2n+1) {
    margin-left: 0;
  }
  .sales-container .item:nth-child(2n+2) {
    margin-left: 21px;
  }
}

@media ( max-width: 376px ) {
  .sales-container > img { width: 90% }
  .sales-container .item:nth-child(2n+2) {
    margin-left: 0;
  }
}

.seasons svg path {
  display: none;
}

.seasons svg image {
  opacity: 0;
  transition: all 1s ease;
}

.seasons.active svg image {
  opacity: 1;
}

.season-2-box {
  left: 419px;
  top: 110px;
}

.season-3-box {
  right: 105px;
  top: 123px;
}

.season-4-box {
  left: 141px;
  bottom: 43px;
}

.season-5-box {
  right: 369px;
  bottom: 77px;
}

.season-6-box {
  right: 70px;
  bottom: 63px;
}

.mobile-seasons {
  display: none;
  margin-bottom: 20px;
}

@media (max-width: 550px) {
  .mobile-seasons {
    display: block;
    text-align: center;
  }
  .seasons-slider, .images-of-map {
    display: none!important;
  }

  .p-more-info {
    display: flex!important;
    height: unset!important;
    line-height: 20px;
  }

  .p-more-info span {
    margin-top: 20px;
  }

  .hotel-rooms-with-cost {
    padding-top: 20px;
  }

  .mobile-seasons svg:nth-child(1) {
    transform: rotate(2deg) translateY(3px);
  }
  .mobile-seasons svg:nth-child(2) {
    transform: rotate(2deg);
  }
  .mobile-seasons svg:nth-child(5) {
    transform: rotate(-2deg);
  }
  .mobile-seasons svg:nth-child(6) {
    transform: rotate(-2.5deg) translateY(3px);
  }
}

/* SALES BOX */
.sales-box {
  float: left;
  width: 100%;
  margin: 20px 0;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sales-box .text-sales {
  margin-left: 65px;
  font-family: Arial;

  display: flex;
  flex-direction: column;
  color: #3b2826;
  font-style: italic;
}

.sales-box .text-sales span {
  display: block;
  float: right;
  text-align: right;
}

.sales-box .text-sales span.big {
  font-size: 30px;
  text-transform: uppercase;
}

.sales-box .text-sales span.small {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 30px;
  text-decoration: underline;
}

@media (max-width: 600px) {
    .sales-box video {
        width: 100%;
    }
}

/* SMALL SLIDER */
.small-slider-wrap {
  float: left;
  margin-bottom: 25px;
}

.slider.small {
  position: relative;
  height: unset;
  margin-top: -20px;
}

.custom-small-sliders-control {
  position: absolute;
  top: calc(50% - 45px);
  width: 60px;
  height: 57px;
  cursor: pointer;
}

.custom-small-sliders-control svg {
  width: 60px;
  height: 57px;
}

.custom-small-sliders-control svg.one {
  margin-left: 3px;
}

.custom-small-sliders-control svg.two {
  margin-left: -4px;
}

.prev-slider-custom.custom-small-sliders-control {
  left: 0;
}

.next-slider-custom.custom-small-sliders-control {
  right: 0;
}

.swiper-container.small{
  width: calc(100% - 93px);
  margin: 0 46.5px;
  padding: 0 13px;
}

.swiper-container.small .swiper-slide {
  margin-left: 0;
  cursor: pointer;
}

.swiper-container.small .swiper-slide:first-child{
  margin-left: 0;
}

.top-line.small {
  margin-top: -18px;
  margin-bottom: 10px;
}

.bottom-line.small {
  margin-top: 5px;
}

/* .swiper-container.small .swiper-wrapper {
  padding-left: 13px;
} */

.swiper-container.small .swiper-slide {
  margin-bottom: 50px;
}

.swiper-container.small .swiper-slide::before {
  position: absolute;
  z-index: 4;
  left: -13px;
  content: "";
  width: 264px;
  height: 67px;
  background: url("../img/_slider-icons/title_photo.png");
  top: 125px;
}

.swiper-container.small .swiper-slide:last-child {
  margin-right: 0;
}

.slide-text {
  position: absolute;
  font-size: 13pt;
  font-family: "Times New Roman";
  color: #fff;
  z-index: 5;
  bottom: -23px;
}

.slide-text span {
  color: #c9a674;
}

.swiper-slide:hover .lightness-slide {
  opacity: 1;
}

.img-count-people {
  position: absolute;
  top: 0;
  right: 0;
}

.lightness-slide {
  opacity: 0;
  transition: all .5s ease-in-out;
  cursor: pointer;

  position: absolute;
  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  z-index: 3;
  background: rgba(255, 255, 255, .6);
}

.lightness-slide p {
  font-family: Arial;
  font-size: 12pt;
  line-height: 18.5pt;
  padding-top: 60px;
  color: #000;
}

.lightness-slide p b {
  font-weight: 600;
}

.lightness-slide p i {
  font-size: 10pt;
  font-style: italic;
}

.lightness-slide p span {
  color: #4e3932!important;
}

.season-intervals-box {
  line-height: 20px;
}

/* review box */
.review-box-wrap {
  float: left;
  width: 100%;
}

.review-box-wrap h2 {
  margin-top: 20px;
  text-align: center;
}

.review-box-wrap h2 svg {
  width: 309px;
  height: 68px;
}

.review-boxes {
  margin: 0 auto;
  max-width: 835px;
}

.review-box {
  position: relative;
  float: left;

  width: 100%;
  min-height: 114px;
  margin-top: 30px;

  color: #3b2826;
  font-family: "Times New Roman";
  font-style: italic;
  /* font-weight: bold; */

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  background-image: -moz-linear-gradient( 0deg, rgba(255,246,206,0) 0%, rgba(255,246,206,0.50196) 50%, rgba(255,246,206,0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(255,246,206,0) 0%, rgba(255,246,206,0.50196) 50%, rgba(255,246,206,0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(255,246,206,0) 0%, rgba(255,246,206,0.50196) 50%, rgba(255,246,206,0) 100%);
}

.review-box .center-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.review-left, .review-right {
  min-width: 34px;
}

.review-box h3 {
  font-family: "Boyarsky";
  font-size: 19px;
  text-align: center;

  margin-top: 5px;
  margin-bottom: 5px;
}

.review-box p.text {
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  padding: 0 5px;
}

.write-review {
    margin-top: 30px;

    font-style: italic;
    font-weight: bold;
    font-size: 22px;

    cursor: pointer;
}

.write-review:hover {
    text-decoration: underline;
}

.write-review-wrap {
    display: none;

    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.5);
}

.wr-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    position: relative;

    width: 100%;
    height: 100%;
}

.wr {
    position: relative;
    width: 100%;
    max-width: 650px;

    padding: 20px;

    border-radius: 10px;
    background: rgba(255, 255, 255, .75);
}

.wr input {
    width: 100%;
    height: 40px;

    margin-bottom: 20px;
    padding: 0 15px;
    border: 1px solid #4A322A;
    border-radius: 4px;
    box-sizing: border-box;

    font-family: "Times New Roman";
    font-size: 16px;
}

.wr textarea {
    width: 100%;
    height: 150px;

    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #4A322A;
    box-sizing: border-box;
    resize: none;

    font-family: "Times New Roman";
    font-size: 16px;
    line-height: 20px;
}

.save-review {
    width: 120px;
    height: 40px;

    background: #4A322A;
    border-radius: 4px;

    text-align: center;
    line-height: 40px;
    font-family: "Times New Roman";
    font-size: 16px;
    color: #fff;
    font-style: italic;
    font-weight: bold;

    cursor: pointer;
}

.close-wr {
    position: absolute;
    right: 20px;
    top: 20px;

    width: 40px;
    height: 40px;

    background: #4A322A;
    border-radius: 4px;

    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 40px;

    cursor: pointer;
}

@media (max-width: 500px) {
  .review-box p.text { text-align: justify; }
}

.review-box .row {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  /* padding: 0 10px; */
}

.review-box .row .date {
  float: left;
  /* margin-left: 25px; */
}

.review-box .row .author {
  float: right;
  /* margin-right: 25px; */
}

.review-box .row .date,
.review-box .row .author {
  font-size: 16px;
}

.rooms-slides-info-box p {
    /* padding: 25px 60px; */
    padding-top: 25px;
    padding-left: 60px;
    padding-right: 60px;

    font-family: "Times New Roman";
    font-style: italic;
    font-size: 13pt;
    text-align: justify;
    line-height: 18pt;
    color: #3b2826;
}

@media (max-width: 1000px) {
    .rooms-slides-info-box p {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* FOOTER */
.footer {
  height: 209.9px;
  background: #4A322A;
  box-sizing: border-box;
  padding: 11px 0;
  /*margin-top: 50px;*/
  /* background: cadetblue; */
}

.footer-top-line, .footer-bottom-line {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-top-line svg *, .footer-bottom-line svg *{
  fill: #E4C9A6;
}

.footer-content {
  background: #643D33;
  border-top: 5px solid #3B2826;
  border-bottom: 5px solid #3B2826;
  margin: 5px 0;
}

.footer-content .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  color: #FFF6CE;
  font-family: Arial;
  font-size: 13pt;
  padding: 8px 0;
  font-style: italic;
  font-weight: 400;
}

.footer-content .box a {
  color: #FFF6CE;
}

/* ADAPTIVITY CSS */

@media (max-width: 1200px) {
  .bg-menu img {
    margin-left: 0;
  }

  .menu-box, .hci-email, .hci-phone {
    display: none;
  }

  .header-contacts-info {
    margin-left: 0;
  }

  .phone-img {
    /* margin-top: -30px; */
    margin-top: -41px;
  }

  .header-contacts-info h3 {
    font-size: 17pt;
  }

  .footer {
    height: unset;
  }

  .footer-content .box {
    flex-direction: column;
    justify-content: center;
    line-height: 19pt;
  }
}

@media (max-width: 1060px) {
  .header-contacts {
    margin-top: -25px;
  }
}

@media (max-width: 1060px) {
  .header-contacts {
    display: none;
  }

  .hotel-info-video {
    padding: 0 25px;
  }

  .hotel-info-text {
    padding: 12px 0;
    padding-left: 25px;
  }

  .wrap-hotel-info p {
    padding: 0 25px;
    font-size: 13pt;
  }
}

@media (max-width: 830px) {
  .svg-desk {
    display: none;
  }

  .mob-svg {
    display: block!important;
    height: 52px!important;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .custom-small-sliders-control {
    display: none;
  }

  .swiper-container.small {
    width: calc(100% - 20px);
    margin: 0 10px;
  }

  .hotel-info-video {
    width: 100%!important;
    padding: 0!important;
    height: 280px;
  }

  .wrap-hotel-info {
    display: flex;
    flex-direction: column;
  }

  .hotel-info-text {
    order: 1;
    padding: 0 25px;
    width: 100%!important;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 25px;
  }

  .hotel-info-video {
    order: 0;
  }

  .wrap-hotel-info p {
    order: 2;
    margin-top: 15px;
  }
}

@media (max-width: 650px) {
  #header .right-col {
    right: -17px;
  }
}

@media (max-width: 500px) {
  .custom-sliders-control {
    display: none;
  }

  .right-col {
    order: 0;
    position: static!important;
    width: 100%!important;
    max-width: 437px;
    margin: 0 auto;
    left: 0!important;
    right: 0!important;
  }

   #header .left-col {
     order: 1;
     width: 100%;
     padding-top: 0;
   }

   .header-top-image img {
     position: relative;
   }

   .header-top-image {
     min-height: unset;
     width: 100%;
   }

   .start-hotel, .animation-hotel {
     display: none;
   }

   .end-hotel {
     z-index: 3;
     display: block;
   }

   .swiper-container.big {
     width: calc(100% - 20px);
   }

   .swiper-container.small {
     margin: 0;
     width: 100%;
   }
}


/* 
    MORE PHOTOS
*/
.more-photo-wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;

    width: 100%;
    height: 100%;
}

.mp-close {
    position: absolute;
    top: 10px;
    right: 40px;
    z-index: 999;

    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;

    font-size: 22px;
    color: #fff;
    cursor: pointer;

    background: #512d02;
    border-radius: 4px;
}

.mp-box {
    position: relative;

    width: 100%;
    min-height: 100%;
    background: rgba(255, 255, 255, .5);
}

.mp-content {
    max-width: 1100px;
    margin: 0 auto;
}

/* .mp-main-img {
    width: 100%;
    min-height: 350px;
    margin-top: 40px;
} */

.more-photos-wrapper {
    position: relative;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
}

.swiper-container.more-photos-info {
    width: 100%;
    /* height: 120px; */
    padding: 10px 0 0 0 !important;
    /* margin-bottom: 10px; */
}

.swiper-container.more-photos-info .swiper-slide {
    width: 100% !important;
}

.swiper-container.more-photos-info img {
    width: 100%;
    cursor: pointer;
}

.prev-slide-custom,
.next-slide-custom {
    position: absolute;
    top: calc(50% - 38.5px);

    cursor: pointer;
}

.prev-slide-custom {
    left: 0;
}

.next-slide-custom {
    right: 0;
}

.mp-content p {
    padding: 0 15px;

    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;

    padding-bottom: 40px;
    background: #fff;
}

.mp-content > p {
    width: calc(100% - 70px);
    margin-left: 35px;
    padding-top: 25px;
}